效果圖

實(shí)現(xiàn)思路

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

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

  • 
• 效果圖所示的效果其實(shí)是繪制一個(gè)圓弧，動態(tài)的改變終點(diǎn)的位置，最終達(dá)到一個(gè)封閉的圓
  

• 中間的文字是一個(gè)UILabel控件，根據(jù)進(jìn)度動態(tài)改變文字的現(xiàn)實(shí)

實(shí)現(xiàn)步驟

• 自定義一個(gè)UIView的子類

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

• 重寫成員屬性progress的setter

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

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

  - (void)drawRect:(CGRect)rect{	//設(shè)置圓弧的半徑	CGFloat radius = rect.size.width * 0.5;	//設(shè)置圓弧的圓心	CGPoint center = CGPointMake(radius, radius);	//設(shè)置圓弧的開始的角度（弧度制）	CGFloat startAngle = - M_PI_2;	//設(shè)置圓弧的終止角度	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];}