如何在 UIView 中定位 CAShapeLayer

Question

我在 Stack Overflow 上看到了很多答案，但没有一个对我有帮助。 我创建了一个可以绘制的 DrawView。我创建了一个UIBezierPath 的实例用于绘图。 我想将我的绘图转移到一个小视图（图像上的红色视图）。我就是这样做的：

// This function is called when the user has finished to draw.

override func touchesEnded(_ touches: Set<UITouch>, with event: UIEvent?) {
    let shapeLayer = CAShapeLayer()

    //The CAShapeLayer has the same path of the drawing (currentPath is the instance of UIBezierPath).
    shapeLayer.path = currentPath?.cgPath
    shapeLayer.strokeColor = UIColor.black.cgColor
    shapeLayer.fillColor = UIColor.clear.cgColor
    shapeLayer.lineWidth = 10.0

    //drawingView is the red view where I want to see my drawing in the center. This line of code doesn't work like I expect because the drawing doesn't appear in the center of the view.
    shapeLayer.position = CGPoint(x: drawingView.frame.midX, y: drawingView.frame.midY)

    //I add the shapeLayer to the drawingView.
    drawingView.layer.addSublayer(shapeLayer)
}

这是应用程序的图片：

有什么提示吗？谢谢。

Answer 1

问题出在这一行：

shapeLayer.position = CGPoint(x: drawingView.frame.midX, y: drawingView.frame.midY)

无论你在哪里说drawingView.frame，都说drawingView.bounds。

（其实你应该说drawingView.layer.bounds，而不是简单的drawingView.bounds，但恰好它们是同一个东西。）

但是，还有第二个问题，即您的形状图层没有大小。因此它的position 与它的左上角相同。出于这个原因，您最好将它集中在它的超层中，只需说一下

shapeLayer.frame = drawingView.layer.bounds

然后，您将拥有完全占据绘图视图的形状层。 （如果给形状图层设置背景色，您将能够清楚地看到这一点。）现在您的问题是您要确保绘图路径本身位于形状图层的中心in，但是这是一个不同的练习。