如何在 SwiftUI 中使用 PKToolPicker 和 PKCanvasView
How to use PKToolPicker with PKCanvasView in SwiftUI
目前,我可以有一个单独的 PKCanvasView
和一个在点击按钮时显示的 PKToolPicker
。但是,该工具未在选取器和 canvas 视图之间传输。有谁知道如何 link 这两个,这样当我在选择器中更改工具时,该工具也会在 canvas 视图中更新?我在下面附上了我的代码。谢谢!
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()
}
}
}
目前,我可以有一个单独的 PKCanvasView
和一个在点击按钮时显示的 PKToolPicker
。但是,该工具未在选取器和 canvas 视图之间传输。有谁知道如何 link 这两个,这样当我在选择器中更改工具时,该工具也会在 canvas 视图中更新?我在下面附上了我的代码。谢谢!
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()
}
}
}