ios - 圆形填充为 80 %

Question

我正在创建圆形填充动画，但我的圆形填充为 80%，50% 还不到一半，有什么方法可以纠正它，因为我很困惑

class FillCircleAnimatedView : UIView {

    private let shapeLayer = CAShapeLayer()

    override init(frame: CGRect) {
        super.init(frame: frame)

        setUpLayer()
    }

    required init?(coder aDecoder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }

    func setUpLayer() {

        shapeLayer.fillColor = UIColor.clear.cgColor
        shapeLayer.strokeColor = UIColor.black.cgColor
        shapeLayer.lineWidth = frame.width

        let startAngle = (-1 * CGFloat.pi) / 2
        let endAngle = 2 * CGFloat.pi


        shapeLayer.path = UIBezierPath(arcCenter: center, radius: frame.width / 2, startAngle: startAngle, endAngle: endAngle, clockwise: true).cgPath

        shapeLayer.strokeEnd = 0

        layer.addSublayer(shapeLayer)
    }

    func fillCircle(with progress: CGFloat) {

        shapeLayer.strokeEnd = progress
    }

}

50%

80%

Answer 1

它显示一个像这样的圆圈，因为你的路径只从 -π/2 到 2π。将这两个值相减得到 5π/2，这意味着您的路径不只是一个完整的圆。在 50% 时，内角为 225 度/1.25π。你的整个路径比一个完整的圆多 90 度。

您错误地设置了开始值和结束值。

引用这张图片:

您应该像以前一样从 -π/2 开始，但在 3π/2 结束。减去这两个应该得到一个完整的圆 - 2π