我们可以使用 Pencil Kit 在照片标记中添加文本、形状和签名吗? [英] Can we add text, shape and signature in Photo Markup with Pencil Kit?

问题描述

在我的应用程序中使用 PencelKit 标记照片时，我没有任何添加文本、形状和签名的选项.此选项在 Apple 的照片应用程序中可用.我尝试使用 CanvasView 和 PKToolPicker 的各种属性访问它，但没有成功.

I am not getting any option to add text, shape and signature while markup a photo with PencelKit in my app. This option is available in Apple's Photos App. I have tried to access this with various properties of CanvasView and PKToolPicker, but with no success.

self.canvasView?.drawing = PKDrawing()
self.canvasView.allowsFingerDrawing = true
if let window = self.view.window, let toolPicker = PKToolPicker.shared(for: window) {
     toolPicker.setVisible(true, forFirstResponder: self.canvasView)
     toolPicker.addObserver(self.canvasView)
     self.canvasView.becomeFirstResponder()
}

推荐答案

我终于想通了！这是 QLPreviewController！

I figured it out, finally! It's the QLPreviewController!

使用形状、箭头和签名进行编辑仅适用于 iOS13+.首先，我们需要从一个 url 读取文件，所以用 init.d 设置它.我用这样的东西作为基础并附加文件名，还有文件扩展名，例如.pdf:

Editing with shapes, arrows and signature is only available for iOS13+. First of all we need to read the file from an url, so set it up with init. I go with something like this as base and append the filename, also with file extension, e.g. .pdf:

FileManager.default.urls(for: .documentDirectory, in: .userDomainMask).last!

您不能将其保存在 tempDirectory 中，因为 QLPreviewViewController 需要访问.没有权限可能会导致这样的错误:

You can't save it in the tempDirectory, because the QLPreviewViewController needs access. No permission could result in an error like this:

AX Lookup problem - errorCode:1100 error:Permission denied portName:

您的 customVC 应如下所示:

Your customVC should look like this:

import UIKit
import QuickLook
class CustomVC: UIViewController {
    var url: URL    

    init(url: URL) {
        self.url = url
    }

....func viewDidLoad() and stuff ......

    func editFile() {
        let editor = QLPreviewController()
        editor.dataSource = self
        editor.delegate = self
        editor.setEditing(true, animated: true)
        present(editor, animated: true, completion: nil)
    }
}

// Load the file in the QLPreviewController with DataSource
extension CustomVC: QLPreviewControllerDataSource {
    func numberOfPreviewItems(in controller: QLPreviewController) -> Int {
        return 1
    }
    
    func previewController(_ controller: QLPreviewController, previewItemAt index: Int) -> QLPreviewItem {
        return self.url! as QLPreviewItem
    }  
}

// Make editing available with Delegate
@available(iOS 13.0, *)
extension CustomVC: QLPreviewControllerDelegate {
    
    func previewController(_ controller: QLPreviewController, editingModeFor previewItem: QLPreviewItem) -> QLPreviewItemEditingMode {
        return .updateContents
    }
    
    func previewController(_ controller: QLPreviewController, didUpdateContentsOf previewItem: QLPreviewItem) {
        print("UPDATE")
    }
    
    func previewController(_ controller: QLPreviewController, didSaveEditedCopyOf previewItem: QLPreviewItem, at modifiedContentsURL: URL) {
        print("SAVED at \(modifiedContentsURL)")
    }
}

如果您在委托中正确实现了这些功能，标记按钮将自动显示.

The markup button will show automatically if you have implemented these functions in the delegate correctly.

您还可以像往常一样使用额外的导航控制器为此 VC 添加更多 barButtonItems，例如在 editFile 函数中是这样的:

You can also add more barButtonItems for this VC like normal with an extra navigationController, e.g. something like this in the editFile function:

        let navController = UINavigationController(rootViewController: editor)
        let customButton = UIBarButtonItem(image: UIImage(systemName: "yourImageName"), style: .plain, target: self, action: #selector(customButtonTapped(_:)))
        let doneButton = UIBarButtonItem(barButtonSystemItem: .done, target: self, action: #selector(doneButtonTapped(_:)))

        if var items = editor.navigationItem.rightBarButtonItems {
            items.append(customButton)
            editor.navigationItem.rightBarButtonItems = items
        } else {
            editor.navigationItem.rightBarButtonItems = [customButton]
        }
        editor.navigationItem.leftBarButtonItem = doneButton
        viewController?.present(navController, animated: true, completion: nil)
        self.navigationController = navController

这篇关于我们可以使用 Pencil Kit 在照片标记中添加文本、形状和签名吗?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！