效果圖

實現思路

• 要實現繪圖，通常需要自定義一個UIView的子類，重寫父類的- (void)drawRect:(CGRect)rect方法，在該方法中實現繪圖操作

• 若想顯示下載進度，只需要實例化自定義子類的對象（若是storyboard中控件，只需修改控件的class屬性為自定義子類的類名即可）

  • 
• 效果圖所示的效果其實是繪制一個圓弧，動態的改變終點的位置，最終達到一個封閉的圓

• 中間的文字是一個UILabel控件，根據進度動態改變文字的現實

實現步驟

• 自定義一個UIView的子類

  //提供一個成員屬性，接收下載進度值@PRoperty (nonatomic, assign) CGFloat progress;

• 重寫成員屬性progress的setter

  //每次改變成員屬性progress的值，就會調用它的setter- (void)setProgress:(CGFloat)progress{	_progress = progress;	//當下載進度改變時，手動調用重繪方法	[self setNeedsDisplay];}

• 重寫- (void)drawRect:(CGRect)rect（核心）

  - (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];}