ios - 在Swift中绘制带有标题的甜甜圈图

任何想法如何绘制像这样的标题的甜甜圈图:



我尝试了几个库，但没有成功。我无法在每个切片之间创建这些白线。带下划线的标题对我来说也太困难了。任何帮助将不胜感激!先感谢您!

最佳答案

您可以使用 CABasicAnimation 绘制圆弧，例如

[未测试的代码]

// e.g. 0.3 is 30%
func calculateEndAngle(percentageAsDouble: Double) -> CGFloat {
  let endAngle:CGFloat = CGFloat(2 * M_PI - (M_PI * percentageAsDouble))
  return endAngle
}

let animationCenter:CGPoint = self.view.center
let animationRadius:CGFloat = 100.0
let animationLineWidth:CGFloat = 16.0
let endAngle = calculateEndAngle(0.3)
let arcPath = UIBezierPath(arcCenter: animationCenter, radius: animationRadius, startAngle: CGFloat(M_PI), endAngle:endAngle, clockwise: true)

let arcLayer = CAShapeLayer()
arcLayer.path = arcPath.CGPath
arcLayer.fillColor = UIColor.clearColor().CGColor
arcLayer.strokeColor = UIColor.greenColor().CGColor
arcLayer.lineWidth = animationLineWidth

self.view.layer.addSublayer(arcLayer)