快速屏蔽圆段

I'm creating a simple player app. There is a circle, that shows a progress of playing a song.

在 Swift 中绘制这个圆圈并制作蒙版的最佳方法是什么？我假设我可以画一个 2 个圆圈，将宽度笔划设置为我想要的厚度，并且不填充它。白色的必须根据某些参数进行屏蔽。我不知道如何以正确的方式掩盖它。

我最近想出了这个解决方案：

class CircularProgressView: UIView {

    private let floatPi = CGFloat(M_PI)
    private var progressColor = UIColor.greenColor()
    private var progressBackgroundColor = UIColor.grayColor()

    @IBInspectable var percent: CGFloat = 0.11 {
        didSet {
            setNeedsDisplay()
        }
    }
    @IBInspectable var lineWidth: CGFloat = 18

    override func drawRect(rect: CGRect) {
        let context = UIGraphicsGetCurrentContext()
        let origo = CGPointMake(frame.size.width / 2, frame.size.height / 2)
        let radius: CGFloat = frame.size.height / 2 - lineWidth / 2
        CGContextSetLineWidth(context, lineWidth)
        CGContextMoveToPoint(context, frame.width / 2, lineWidth / 2)
        CGContextAddArc(context, origo.x, origo.y, radius, floatPi * 3 / 2, floatPi * 3 / 2 + floatPi * 2 * percent, 0)
        progressColor.setStroke()
        let lastPoint = CGContextGetPathCurrentPoint(context)

        CGContextStrokePath(context)

        CGContextMoveToPoint(context, lastPoint.x, lastPoint.y)
        CGContextAddArc(context, origo.x, origo.y, radius, floatPi * 3 / 2 + floatPi * 2 * percent, floatPi * 3 / 2, 0)
        progressBackgroundColor.setStroke()
        CGContextStrokePath(context)
    }
}

您只需为其设置正确的框架（通过代码或界面生成器），并设置百分比属性。

该解决方案不使用遮罩或两个圆圈，仅使用两条弧线，第一个弧线从 12 点钟开始并转到 2 * Pi * 进度百分比，另一个弧线从前一个弧线的末尾绘制到 12 点钟。

重要：percent属性必须介于 0 和 1 之间！