如何将CAShapeLayer与父视图对齐

时间:2019-05-17 10:55:08

标签: ios swift uibezierpath cashapelayer

我有一个bezier路径形状,需要将其设置为其父视图框架形状。我需要将其缩放到正确的大小,以便它可以适合自己的父边框。 我正在使用CAShapeLayer将贝塞尔曲线路径添加到父视图subLayer,然后对其进行动画处理。

class FrameView: NSObject {
    var shapeLayer: CAShapeLayer!

    func frameLayer(frame targetFrame: UIView) -> CAShapeLayer {
        let bezierPath = UIBezierPath()
        bezierPath.move(to: CGPoint(x: 34.93, y: 0))
        bezierPath.addCurve(to: CGPoint(x: 36.05, y: 0.2), controlPoint1: CGPoint(x: 34.79, y: 0), controlPoint2: CGPoint(x: 35.45, y: -0))
        bezierPath.addLine(to: CGPoint(x: 36.16, y: 0.22))
        bezierPath.addCurve(to: CGPoint(x: 38, y: 2.85), controlPoint1: CGPoint(x: 37.27, y: 0.63), controlPoint2: CGPoint(x: 38, y: 1.68))
        bezierPath.addCurve(to: CGPoint(x: 38, y: 3), controlPoint1: CGPoint(x: 38, y: 3), controlPoint2: CGPoint(x: 38, y: 3))
        // MORE CODE FOR BEZIERPATH ...

        bezierPath.apply(CGAffineTransform(translationX: targetFrame.bounds.minX, y: targetFrame.bounds.minY))
        bezierPath.apply(CGAffineTransform(scaleX: 2.0, y: 2.0))

        self.shapeLayer = CAShapeLayer()
        shapeLayer.path = bezierPath.cgPath
        shapeLayer.fillColor = UIColor.white.cgColor
        shapeLayer.strokeColor = UIColor.clear.cgColor
        return shapeLayer

下面是我得到的。我在StackOverflow中尝试了一些解决方案,但对我不起作用。我需要将白色框架设置为父视图的边界,该视图是透明的灰色矩形:

enter image description here

1 个答案:

答案 0 :(得分:0)

找到了解决方案, 第一个错误是我在ViewController中的某个地方更改了UIView框架,这总是给我一个比我预期的错误的坐标,所以我只是在Storyboard中创建了UIView并使用了它的插座。

第二个错误是错误的数学计算。

为了使shapeLayer适应其父视图的大小,我做到了:

bezierPath.apply(CGAffineTransform(scaleX: abs(targetFrame.bounds.size.width / bezierPath.cgPath.boundingBox.width), y: abs(targetFrame.bounds.size.height / bezierPath.cgPath.boundingBox.height)))

在我尝试分割目标帧和bezierRect大小之前,但我没有使用abs(),这给了我错误的结果!

enter image description here