iOS 圓形進度條

利用貝塞爾曲線，畫一個類似下圖的進度條：

效果圖

知識點

1、貝塞爾曲線畫圓

效果是這樣的

在最主要的方法中，參數含義如下

center：圓心的坐標

radius：半徑

startAngle：起始的弧度

endAngle：圓弧結束的弧度

clockwise：YES為順時針，No為逆時針

其實角度是從時鐘的3點開始的，如下圖：

角度轉弧度是這樣的：

#define DEGREES_TO_RADOANS(x) (M_PI * (x) / 180.0) // 將角度轉為弧度

2、漸變色遮罩

代碼如下：

運行之后，效果是這樣的：

在漸變色上添加一個遮罩層，就是畫一個圓環，把這個圓環設置成漸變色layer的mask

順便設置一下整個view的背景色，改變一下圓的半徑，得到的效果圖如下：

其中灰色是view的背景色，綠色部分是剛才最開始畫的那個

 

 

來自：http://www.jianshu.com/p/ff8786c2dadb