OC - 9.基于Quartz2D繪制下載進(jìn)度條(demo)
效果圖
實(shí)現(xiàn)思路
要實(shí)現(xiàn)繪圖,通常需要自定義一個(gè)UIView的子類(lèi),重寫(xiě)父類(lèi)的- (void)drawRect:(CGRect)rect方法,在該方法中實(shí)現(xiàn)繪圖操作
若想顯示下載進(jìn)度,只需要實(shí)例化自定義子類(lèi)的對(duì)象(若是storyboard中控件,只需修改控件的class屬性為自定義子類(lèi)的類(lèi)名即可)
效果圖所示的效果其實(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的子類(lèi)
//提供一個(gè)成員屬性,接收下載進(jìn)度值
@property (nonatomic, assign) CGFloat progress;
重寫(xiě)成員屬性progress的setter
//每次改變成員屬性progress的值,就會(huì)調(diào)用它的setter - (void)setProgress:(CGFloat)progress { _progress = progress; //當(dāng)下載進(jìn)度改變時(shí),手動(dòng)調(diào)用重繪方法 [self setNeedsDisplay]; }
重寫(xiě)- (void)drawRect:(CGRect)rect(核心)
- (void)drawRect:(CGRect)rect { //設(shè)置圓弧的半徑 CGFloat radius = rect.size.width * 0.5; //設(shè)置圓弧的圓心 CGPoint center = CGPointMake(radius, radius); //設(shè)置圓弧的開(kāi)始的角度(弧度制) CGFloat startAngle = - M_PI_2; //設(shè)置圓弧的終止角度 CGFloat endAngle = - M_PI_2 + 2 * M_PI * self.progress; //使用UIBezierPath類(lèi)繪制圓弧 UIBezierPath *path = [UIBezierPath bezierPathWithArcCenter:center radius:radius - 5 startAngle:startAngle endAngle:endAngle clockwise:YES]; //將繪制的圓弧渲染到圖層上(即顯示出來(lái)) [path stroke]; }
相關(guān)文章
IOS 上架后出現(xiàn)90034代碼錯(cuò)誤問(wèn)題解決
這篇文章主要介紹了IOS 上架后出現(xiàn)90034代碼錯(cuò)誤問(wèn)題解決的相關(guān)資料,需要的朋友可以參考下2016-11-11iOS系統(tǒng)緩存方面開(kāi)發(fā)的相關(guān)基礎(chǔ)
這篇文章主要介紹了iOS系統(tǒng)緩存方面開(kāi)發(fā)的相關(guān)基礎(chǔ),示例代碼基于傳統(tǒng)的Objective-C,需要的朋友可以參考下2015-10-10利用iOS開(kāi)發(fā)實(shí)現(xiàn)翻轉(zhuǎn)撲克牌動(dòng)畫(huà)的方法
這篇文章主要給大家介紹了關(guān)于利用iOS開(kāi)發(fā)實(shí)現(xiàn)翻撲克牌動(dòng)畫(huà)的方法,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來(lái)跟著小編一起學(xué)習(xí)學(xué)習(xí)吧。2017-07-07iOS開(kāi)發(fā)實(shí)現(xiàn)簡(jiǎn)單計(jì)算器功能
這篇文章主要為大家詳細(xì)介紹了iOS開(kāi)發(fā)實(shí)現(xiàn)簡(jiǎn)單計(jì)算器功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-01-01IOS開(kāi)發(fā)OC代碼中創(chuàng)建Swift編寫(xiě)的視圖控制器
這篇文章主要介紹了IOS開(kāi)發(fā)OC代碼中創(chuàng)建Swift編寫(xiě)的視圖控制器的相關(guān)資料,需要的朋友可以參考下2017-06-06簡(jiǎn)單好用可任意定制的iOS Popover氣泡效果
Popover(氣泡彈出框/彈出式氣泡/氣泡)是由一個(gè)矩形和三角箭頭組成的彈出窗口,箭頭指向的地方通常是導(dǎo)致Popover彈出的控件或區(qū)域。本文通過(guò)實(shí)例代碼給大家介紹了iOS Popover氣泡效果,需要的朋友參考下吧2017-12-12iOS應(yīng)用開(kāi)發(fā)中運(yùn)用設(shè)計(jì)模式中的組合模式的實(shí)例解析
這篇文章主要介紹了iOS應(yīng)用開(kāi)發(fā)中運(yùn)用設(shè)計(jì)模式中的組合模式的實(shí)例解析,示例代碼為傳統(tǒng)的Objective-C,需要的朋友可以參考下2016-03-03