效果圖
實(shí)現(xiàn)思路
要實(shí)現(xiàn)繪圖,通常需要自定義一個(gè)UIView的子類,重寫父類的- (void)drawRect:(CGRect)rect方法,在該方法中實(shí)現(xiàn)繪圖操作
若想顯示下載進(jìn)度,只需要實(shí)例化自定義子類的對(duì)象(若是storyboard中控件,只需修改控件的class屬性為自定義子類的類名即可)
效果圖所示的效果其實(shí)是繪制一個(gè)圓弧,動(dòng)態(tài)的改變終點(diǎn)的位置,最終達(dá)到一個(gè)封閉的圓
中間的文字是一個(gè)UILabel控件,根據(jù)進(jìn)度動(dòng)態(tài)改變文字的現(xiàn)實(shí)
實(shí)現(xiàn)步驟
自定義一個(gè)UIView的子類
//提供一個(gè)成員屬性,接收下載進(jìn)度值
@property (nonatomic, assign) CGFloat progress;
重寫成員屬性progress的setter
//每次改變成員屬性progress的值,就會(huì)調(diào)用它的setter- (void)setProgress:(CGFloat)progress{ _progress = progress; //當(dāng)下載進(jìn)度改變時(shí),手動(dòng)調(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];} 




















