繪製圓環圖與職稱的斯威夫特

Question

任何想法如何畫一個圓環圖，像這樣的標題：

我試過幾個庫，但沒有成功。我無法在每個切片之間創建這些白線。下劃線標題對我來說太難了。任何幫助將不勝感激！先謝謝你！

Answer 1

您可以使用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) 

Answer 2

你可以使用下面庫：

1.danielgindi/ios-charts library