天天看點

封裝一個UILabel圓形邊框顯示進度

封裝了一個UILabel并讓它顯示圓形的邊框,UILabel上面顯示百份比,而邊框則用Animation繪制到整個圓占指定百分比的點。

封裝一個UILabel圓形邊框顯示進度

這隻是我個人想的繼承一個UILabel實作的,用到兩個CAShapeLayer,第一個Layer的作用是畫出灰色的背影圓圈,第二個Layer位置放置在第一個Layer的上面,并設定為紅色描繪顔色并描繪到插定的位置,之後實作相應的動畫效果即可。

 調用時:

 let circleLabel = kCircleLabel(percent: 0.52, frame: CGRect(x:  (self.view.bounds.width - 100.0) / 2, y: 260, width: 100.0, height: 100.0))

 self.view.addSubview(circleLabel)

 要實作這個效果的關鍵是要學會怎麼使用貝塞爾曲線,并給Layer設定Path。

繼續閱讀