效果圖
實現思路
要實現繪圖，通常需要自定義一個uiview的子類，重寫父類的- (void)drawrect:(cgrect)rect方法，在該方法中實現繪圖操作
若想顯示下載進度，只需要實例化自定義子類的對象（若是storyboard中控件，只需修改控件的class屬性為自定義子類的類名即可）
效果圖所示的效果其實是繪制一個圓弧，動態的改變終點的位置，最終達到一個封閉的圓
中間的文字是一個uilabel控件，根據進度動態改變文字的現實
實現步驟
自定義一個uiview的子類
//提供一個成員屬性，接收下載進度值
@property (nonatomic, assign) cgfloat progress;
重寫成員屬性progress的setter
|
1
2
3
4
5
6
7
|
//每次改變成員屬性progress的值，就會調用它的setter- (void)setprogress:(cgfloat)progress{ _progress = progress; //當下載進度改變時，手動調用重繪方法 [self setneedsdisplay];} |
重寫- (void)drawrect:(cgrect)rect（核心）
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
- (void)drawrect:(cgrect)rect{ //設置圓弧的半徑 cgfloat radius = rect.size.width * 0.5; //設置圓弧的圓心 cgpoint center = cgpointmake(radius, radius); //設置圓弧的開始的角度（弧度制） cgfloat startangle = - m_pi_2; //設置圓弧的終止角度 cgfloat endangle = - m_pi_2 + 2 * m_pi * self.progress; //使用uibezierpath類繪制圓弧 uibezierpath *path = [uibezierpath bezierpathwitharccenter:center radius:radius - 5 startangle:startangle endangle:endangle clockwise:yes]; //將繪制的圓弧渲染到圖層上（即顯示出來） [path stroke];} |
