WWDC21:从照片中获取文本 Text from Camera
发布
更新
字数
502
阅读
3 分钟
阅读量
1032
iOS15 带来了新的 API,类似 OCR,可以使用相机实时图片中的文本,并自动填充到文本控件中。可以通过设置 UITextContentType
或 UIKeyboardType
,或使用新的 Action.captureTextFromCamera(responder:, identifier:)
实现,或自定义 Image View 实现 UIKeyInput
协议。
通过设置内容过滤实现
内容过滤基于 UITextView
和 UITextField
均支持的属性:UITextContentType
和 UIKeyboardType
支持 7 种 UITextContentType
过滤
Full street address / Telephone number / Email address / URL / Shipment tracking number / Flight number / Date time and duration
UITextContentType | Example |
---|---|
.TelephoneNumber |
(808) 555-8526 |
.FullStreetAddress |
1400 Aloha Parkway Maui, HI 96753 |
.URL |
https://swiftdict.com |
.EmailAddress |
agaorlova@icloud.com |
.FlightNumber |
"CA # 1234", "AA212", "SW Flight 573" New in iOS15 |
.ShipmentTrackingNumber |
1Z50T0536891664106 New in iOS15 |
.DateTime |
"7-3-2021", "This Saturday", "12:30", "10-11am" New in iOS15 |
代码示例
phone.keyboardType = .phonePad
// phone.autocorrectionType = .no
address.textContentType = .fullStreetAddress
更多输入
Editing Menu
当用户再次轻触输入框时,唤起上下文菜单引导用户使用 Text from Camera
自定义 Action
let textFromCamera = UIAction.captureTextFromCamera(responder: self.notes, identifier: nil)
let choosePhotoOrVideo = UIAction(…)
let takePhotoOrVideo = UIAction(…)
let scanDocuments = UIAction(…)
let cameraMenu = UIMenu(children: [choosePhotoOrVideo, takePhotoOrVideo, scanDocuments, textFromCamera])
let menuToolbarItem = UIBarButtonItem(title: nil, image: UIImage(systemName: "camera.badge.ellipsis"), primaryAction: nil, menu: cameraMenu)
从相机捕获的文本会自动填入输入框,而且是实时的。
注意,想起他的编辑菜单如剪切、拷贝、粘贴,在使用 Camera 捕获文本特性前需要检查是否可用。因为该特性需要:
- 2018及之后上市的 iPhone,支持 Neural Engine;
- Responder 需要响应文本插入;
- 使用
UITextView
或UITextField
时必须可编辑; - 用户首选语言包含目前支持的 7 种语言:英语、法语、葡萄牙语、意大利语、德语、西班牙语以及中文
let !self.notes.canPerformAction(#selector(captureTextFromCamera(_:)), withSender: self) {
return
}
使用 UIImageView
自定义 Image View,实现 UIKeyInput
协议 insertText(_:)
方法:
class HeadlineImageView: UIImageView, UIKeyInput {
var headlineLabel: UILabel = UILabel()
var hasText: Bool = false
override init(image: UIImage?) {
super.init(image: image)
initializeLabel()
}
func insertText(_ text: String) {
headlineLabel.text = text
}
func deleteBackward() { }
}
via WWDC 2021: Use the camera for keyboard input in your app