微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

如何在SwiftUI中将PKToolPicker与PKCanvasView结合使用

如何解决如何在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()
        }
    }
}

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。