Question

我正在为我的iPad制作Apple铅笔应用程序，并希望在子图层中捕获铅笔笔划。每次铅笔移动时，我都会向子图层添加笔划，然后保存图像。对于下一个笔划，我绘制已保存的图像，添加下一个笔划，然后再次保存。由于某种原因，每隔一个笔划与前一个笔划相反，因此显示虚线图像显示在镜像水平中心的镜像中。我知道其他方法可以完成同样的事情，但我真的想知道为什么会这样 - 显然有关使用Layers和CGContext的事情，我不明白。下面是重新创建问题的最小代码集。请注意，这不是我的实际代码（我使用视图和图层等），但我将所有内容都压缩到一个VC中，以便在单视图应用程序中重新创建：

import UIKit

var touch: UITouch!
var loc: CGPoint!
var prevLoc: CGPoint!

var lineWidth: CGFloat = 3
var drawColor: UIColor = UIColor.black

var myView: UIView!
var pLay: CALayer!
var img: CGImage!

class ViewController: UIViewController, CALayerDelegate {

override func viewDidLoad() {
    super.viewDidLoad()
    myView = self.view!
    pLay = CALayer()
    pLay.frame = myView.bounds
    pLay.bounds = pLay.frame
    pLay.delegate = self
    myView.layer.addSublayer(pLay)
    pLay.setNeedsDisplay()
}

override func touchesBegan(_ touches: Set<UITouch>, with event: UIEvent?) {
    guard let touch = touches.first else { return }
    let start = touch.location(in: myView)
    print("START: X: \(start.x) Y: \(start.y)")
}

override func touchesEnded(_ touches: Set<UITouch>, with event: UIEvent?) {
    guard let touch = touches.first else { return }
    let end = touch.location(in: myView)
    print("END: X: \(end.x) Y: \(end.y)")
    pLay.setNeedsDisplay()
}

override func touchesMoved(_ touches: Set<UITouch>, with event: UIEvent?) {
    touch = touches.first
    prevLoc = touch.previousLocation(in: myView)
    loc = touch.location(in: myView)
    if ((loc.x != prevLoc.x) && (loc.y != prevLoc.y)) {
        print("MOVED: prev: \(prevLoc.x), \(prevLoc.y) loc: \(loc.x), \(loc.y)")
        pLay.setNeedsDisplay()
    }
}

func draw(_ layer: CALayer, in con: CGContext) {
    guard let t = touch else {
        return
    }

    if (img != nil) {
        con.draw(img, in: layer.bounds)
    }

    if t.type == .stylus {
        lineWidth = 2
        con.setStrokeColor(drawColor.cgColor)
    }

    con.setLineWidth(lineWidth)
    con.setLineCap(.round)

    con.move(to: CGPoint(x: prevLoc.x, y: prevLoc.y))
    con.addLine(to: CGPoint(x: loc.x, y: loc.y))
    con.strokePath()
    img = con.makeImage()
}

}

Answer 1

这是一个“如果它没有破坏不修复它”的情况。我使用ImageView使这个代码工作正常，但觉得效率低，所以试图在Layer中实现。我试图保存状态然后在图层中恢复的方式基本上是不合适的。这里的主要问题是在创建镜像绘图的con.draw(img, in: layer.bounds)中调用draw，但是还有足够的其他问题（比如不同的坐标原点）让我回到原来的实现。

CALayer环境中的镜像和交替输出笔画

1 个答案: