圆形填充率为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?