CAShapeLayer - 界限

Question

你必须设置CAShapeLayer的界限吗？

我创建了一个形状图层并通过UIBezierPath为其指定了路径，形状是一个视图大小的简单圆圈。

我没有在图层上设置任何position或bounds，是不是错了？

class View: UIView {
...

var backgroundLayer: CAShapeLayer!

func setup() {
    // call from init
    backgroundLayer = CAShapeLayer()
    backgroundLayer.strokeColor = UIColor.redColor()
    backgroundLayer.lineWidth = 3
    backgroundLayer.fillColor = UIColor.clearColor().CGColor
    layer.addSublayer(backgroundLayer)
    ...
}

override func layoutSubviews() {
    super.layoutSubviews()
    backgroundLayer?.path = circlePath(100)
    ...
}

func circlePath(progress: Int) -> CGPath {
    let path = UIBezierPath()
    let inverseProgress = 1 - CGFloat(progress) / 100
    let endAngleOffset = CGFloat(2 * M_PI) * inverseProgress
    path.addArcWithCenter(localCenter, radius: radius, startAngle: CGFloat(-M_PI), endAngle: CGFloat(M_PI) - endAngleOffset, clockwise: true)
    return path.CGPath
}

...
}

Answer 1

正如您已经看到的那样，即使没有设置边界，图层也会显示得很好。所以，你没有“必须”设置它，但是没有边界（或者边界与路径的边界框不同）在进行布局或转换时有时会让人感到困惑。

在布局，定位和转换方面，需要考虑几个不同的坐标。

1. 图层相对于其父级坐标系
定位
2. 路径相对于形状图层的坐标系
定位
3. 路径中的每个点都相对于路径的原点（0,0）。

形状图层相对于其中心进行变换，形状图层的位置也位于其边界的中心。这意味着如果形状层没有边界（0×0）大小，则任何变换（例如旋转）都发生在路径（0,0）的原点周围，而不是路径的中心。这也意味着在设置形状层的位置时，概念上定位路径的原点，而不是路径的中心。但是，如果路径的原点碰巧是路径边界框的中心（例如以（0,0）为中心的圆），那么这不是一个真正的问题。

因此，回顾一下：您不必设置边界，但有时（取决于路径）定位或转换在设置时可能会更清晰。