OC - 9.基于Quartz2D繪制下載進(jìn)度條(demo)
效果圖

實現(xiàn)思路
要實現(xiàn)繪圖,通常需要自定義一個UIView的子類,重寫父類的- (void)drawRect:(CGRect)rect方法,在該方法中實現(xiàn)繪圖操作
若想顯示下載進(jìn)度,只需要實例化自定義子類的對象(若是storyboard中控件,只需修改控件的class屬性為自定義子類的類名即可)

效果圖所示的效果其實是繪制一個圓弧,動態(tài)的改變終點的位置,最終達(dá)到一個封閉的圓
中間的文字是一個UILabel控件,根據(jù)進(jìn)度動態(tài)改變文字的現(xiàn)實
實現(xiàn)步驟
自定義一個UIView的子類
//提供一個成員屬性,接收下載進(jìn)度值
@property (nonatomic, assign) CGFloat progress;
重寫成員屬性progress的setter
//每次改變成員屬性progress的值,就會調(diào)用它的setter
- (void)setProgress:(CGFloat)progress
{
_progress = progress;
//當(dāng)下載進(jìn)度改變時,手動調(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];
}
相關(guān)文章
iOS實現(xiàn)啟動引導(dǎo)頁與指紋解鎖的方法詳解
這篇文章主要給大家介紹了關(guān)于iOS實現(xiàn)啟動引導(dǎo)頁與指紋解鎖的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。2018-02-02
實例講解iOS應(yīng)用開發(fā)中UIPickerView滾動選擇欄的用法
這篇文章主要介紹了iOS應(yīng)用開發(fā)中UIPickerView滾動選擇欄的用法,示例代碼基于傳統(tǒng)的Objective-C,需要的朋友可以參考下2016-04-04

