OC - 9.基于Quartz2D繪制下載進(jìn)度條(demo)
更新時(shí)間：2015年11月01日 15:14:25 作者：空山新雨funny
這篇文章主要介紹了OC - 9.基于Quartz2D繪制下載進(jìn)度條(demo)的相關(guān)資料,需要的朋友可以參考下
效果圖
實(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本地推送簡(jiǎn)單實(shí)現(xiàn)代碼
這篇文章主要為大家詳細(xì)介紹了iOS本地推送簡(jiǎn)單實(shí)現(xiàn)代碼,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-09-09
本篇文章主要介紹了iOS11新特性之在你的APP中使用LargeTitle，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-12-12
源碼解析ios開(kāi)發(fā)SDWebImage方法
這篇文章主要為大家介紹了源碼解析ios開(kāi)發(fā)SDWebImage方法詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-08-08
iOS實(shí)現(xiàn)啟動(dòng)引導(dǎo)頁(yè)與指紋解鎖的方法詳解
這篇文章主要給大家介紹了關(guān)于iOS實(shí)現(xiàn)啟動(dòng)引導(dǎo)頁(yè)與指紋解鎖的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧。2018-02-02
這篇文章主要為大家詳細(xì)介紹了iOS實(shí)現(xiàn)卡片堆疊效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-04-04
這篇文章主要給大家介紹了關(guān)于iOS下如何一鍵調(diào)試Push的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧。2018-03-03
實(shí)例講解iOS應(yīng)用開(kāi)發(fā)中UIPickerView滾動(dòng)選擇欄的用法
這篇文章主要介紹了iOS應(yīng)用開(kāi)發(fā)中UIPickerView滾動(dòng)選擇欄的用法,示例代碼基于傳統(tǒng)的Objective-C,需要的朋友可以參考下2016-04-04
這篇文章主要為大家詳細(xì)介紹了iOS自定義圓形進(jìn)度提示控件，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-06-06
解析iOS內(nèi)存不足時(shí)的警告以及處理過(guò)程
這篇文章主要介紹了iOS內(nèi)存不足時(shí)的警告以及處理過(guò)程,包括View Controller和生命周期等相關(guān)方面的知識(shí),需要的朋友可以參考下2015-10-10
這篇文章主要介紹了IOS 通訊錄信息讀取兼容的實(shí)現(xiàn)方法的相關(guān)資料,這里提供實(shí)現(xiàn)方法幫助大家實(shí)現(xiàn)這樣的功能，需要的朋友可以參考下2017-08-08