ios - 如何在 SwiftUI 中使用 PKToolPicker 和 PKCanvasView
问题描述
目前,我可以有一个单独的PKCanvasView
和一个PKToolPicker
在点击按钮时显示的。但是,该工具不会在选取器和画布视图之间传输。有谁知道如何将两者链接起来,这样当我在选择器中更改工具时,该工具也会在画布视图中更新?我在下面附上了我的代码。谢谢!
import SwiftUI
import PencilKit
struct DrawingView: View {
@State private var showPicker = false
@State private var canvasView = PKCanvasView()
var body: some View {
VStack {
PencilKitView(isActive: $showPicker, canvasView: $canvasView)
Button("Picker") { self.showPicker.toggle() }
}
}
}
struct PencilKitView: UIViewRepresentable {
typealias UIViewType = PKCanvasView
@Binding var isActive: Bool
@Binding var canvasView: PKCanvasView
let coordinator = Coordinator()
class Coordinator: NSObject, PKToolPickerObserver {
func toolPickerSelectedToolDidChange(_ toolPicker: PKToolPicker) {
// some code
}
func toolPickerVisibilityDidChange(_ toolPicker: PKToolPicker) {
// some code
}
}
func makeCoordinator() -> PencilKitView.Coordinator {
return Coordinator()
}
func makeUIView(context: Context) -> PKCanvasView {
canvasView
}
func updateUIView(_ uiView: PKCanvasView, context: Context) {
uiView.isOpaque = true
uiView.becomeFirstResponder()
let toolPicker = PKToolPicker.init()
toolPicker.addObserver(uiView)
toolPicker.addObserver(coordinator)
toolPicker.setVisible(isActive, forFirstResponder: uiView)
DispatchQueue.main.async {
uiView.becomeFirstResponder()
}
}
}
解决方案
解决了!
import SwiftUI
import PencilKit
struct DrawingView: View {
private var canvasView = PKCanvasView()
var body: some View {
MyCanvas(canvasView: canvasView)
}
}
struct MyCanvas: UIViewRepresentable {
var canvasView: PKCanvasView
let picker = PKToolPicker.init()
func makeUIView(context: Context) -> PKCanvasView {
self.canvasView.tool = PKInkingTool(.pen, color: .black, width: 15)
self.canvasView.becomeFirstResponder()
return canvasView
}
func updateUIView(_ uiView: PKCanvasView, context: Context) {
picker.addObserver(canvasView)
picker.setVisible(true, forFirstResponder: uiView)
DispatchQueue.main.async {
uiView.becomeFirstResponder()
}
}
}
推荐阅读
- rest - REST:如何删除一个资源并选择删除另一个资源?
- php - axios,无法将数据从反应组件传递到 PHP 文件
- teradata - Terdata 使用井号作为字段名称
- reactjs - 表达式大小超过 Google AMP 状态中的最大值
- java - 使用轻量级流 API 流获取元素匹配的索引
- azure - 在 azure 自动化中运行 powershell 代码时失败
- apache-kafka - Kafka 主题分区在磁盘上均匀分布
- typescript - 有人可以帮我描述一下这个打字稿吗?
- orocrm - 如何将自定义图标添加到 Oro 前台菜单项?
- azure-active-directory - Azure AD:EnforceCloudPasswordPolicyForPasswordSyncedUsers 不适用于现有租户