PencilKit in SwiftUI

Question

我试图在SwiftUI中使用SwiftUI。

1. 如何在updateUIView-function中检测到哪个Binding-variable已被更新？例如，我不想在更改颜色时清除画布。

，

1. ，还有比切换布尔值更好的清除画布的方法吗？切换布尔值会强制updateUIView-function执行.

import SwiftUI
import UIKit
import PencilKit

struct ContentView: View {
    @State var color = UIColor.black
    @State var clear = false

    var body: some View {
        VStack{
            PKCanvas(color: $color, clear:$clear)
            VStack(){
                Button("Change to BLUE"){ self.color = UIColor.blue }
                Button("Change to GREEN"){ self.color = UIColor.green }
                Button("Clear Canvas"){ self.clear.toggle() }
            }
        }
    }
}

struct PKCanvas: UIViewRepresentable {
    class Coordinator: NSObject, PKCanvasViewDelegate {
        var pkCanvas: PKCanvas

        init(_ pkCanvas: PKCanvas) {
            self.pkCanvas = pkCanvas
        }
    }

    @Binding var color:UIColor
    @Binding var clear:Bool

    func makeCoordinator() -> Coordinator {
        Coordinator(self)
    }

    func makeUIView(context: Context) -> PKCanvasView {
        let canvas = PKCanvasView()
        canvas.tool = PKInkingTool(.pen, color: color, width: 10)

        canvas.delegate = context.coordinator
        return canvas
    }

    func updateUIView(_ canvasView: PKCanvasView, context: Context) {
        // clears the canvas
        canvasView.drawing = PKDrawing()

        // sets a new color
        canvasView.tool = PKInkingTool(.pen, color: color, width: 10)
    }
}

Answer 1

这将起到以下作用：

    func updateUIView(_ canvasView: PKCanvasView, context: Context) {
        if clear != context.coordinator.pkCanvas.clear{
            canvasView.drawing = PKDrawing()
        }
        canvasView.tool = PKInkingTool(.pen, color: color, width: 10)
    }

Answer 2

我多次观察到类似的模式，在这里我们得到了SwiftUI-value-declarative-state-managed世界和xKit-OOP-imperative-action-managed世界之间的相互交流.有人试图把所有的东西从一个放到另一个，反之亦然.

我有一个想法，也许最好是为每一个人保留每一种天性，并在两者之间有一些调解人或演员.因此，对于您的用例，我会认为我会采取不同的方式，比如说(为了考虑而不是测试)：

struct ContentView: View {
    //@State var color = UIColor.black // < both these have nothing to ContentView
    //@State var clear = false

    let pkActor = PKCanvasActor() // < mediator, reference type

    var body: some View {
        VStack{
            PKCanvas(actor: pkActor)
            VStack(){
                Button("Change to BLUE"){ self.pkActor.use(color: UIColor.blue) }
                Button("Change to GREEN"){ self.pkActor.use(color: UIColor.green) }
                Button("Clear Canvas"){ self.pkActor.clear() }
            }
        }
    }
}

在这里的某处

func makeUIView(context: Context) -> PKCanvasView {
    let canvas = PKCanvasView()
    self.actor.canvas = canvas // but think to avoid cycle reference

和纯OOP部分

class PKCanvasActor {
  var canvas: PKCanvasView

   func use(color: Color) {
      // do anything with canvas color
   }

   func clear() {
      canvas.drawing = PKDrawing()
   }

   // ... any more actions 
}

当然，我为SwiftUI Button interact with Map中的类似场景提出了一种简单的方法.但上面的方式对我来说更可取。

备注:有人可能会说协调员就是为了这个目的，但是它的生命周期是由SwiftUI内部管理的，它参与了这些内部工作流程，所以我会避免干涉这些关系.