IOS實現(xiàn)簡單的進度條功能
本文實例繪制了炫酷的下載進度條,分享給大家供大家參考,具體內容如下
一、實現(xiàn)思路
1、要實現(xiàn)繪圖,通常需要自定義一個UIView的子類,重寫父類的- (void)drawRect:(CGRect)rect方法,在該方法中實現(xiàn)繪圖操作
2、若想顯示下載進度,只需要實例化自定義子類的對象(若是storyboard中控件,只需修改控件的class屬性為自定義子類的類名即可)
3、效果圖所示的效果其實是繪制一個圓弧,動態(tài)的改變終點的位置,最終達到一個封閉的圓
4、中間的文字是一個UILabel控件,根據(jù)進度動態(tài)改變文字的現(xiàn)實
二、實現(xiàn)步驟
1、自定義一個UIView的子類
//提供一個成員屬性,接收下載進度值 @property (nonatomic, assign) CGFloat progress;
2、重寫成員屬性progress的setter
//每次改變成員屬性progress的值,就會調用它的setter - (void)setProgress:(CGFloat)progress { _progress = progress; //當下載進度改變時,手動調用重繪方法 [self setNeedsDisplay]; }
3、重寫- (void)drawRect:(CGRect)rect(核心)
- (void)drawRect:(CGRect)rect { //設置圓弧的半徑 CGFloat radius = rect.size.width * 0.5; //設置圓弧的圓心 CGPoint center = CGPointMake(radius, radius); //設置圓弧的開始的角度(弧度制) CGFloat startAngle = - M_PI_2; //設置圓弧的終止角度 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]; }
以上就是本文的全部內容,希望對大家的學習有所幫助。
相關文章
iOS App項目中引入SQLite數(shù)據(jù)庫的教程
SQLite是一個極輕的嵌入式數(shù)據(jù)庫,在應用程序中捆綁使用可以更方便地幫助操控關系型數(shù)據(jù),這里我們就來看一下iOS App項目中引入SQLite數(shù)據(jù)庫的教程2016-06-06iOS安全防護系列之字符串及系統(tǒng)函數(shù)隱藏詳解
這篇文章主要給大家介紹了關于iOS安全防護系列之字符串及系統(tǒng)函數(shù)隱藏的相關資料,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2018-07-07iOS開發(fā)中UIDatePicker控件的使用方法簡介
這篇文章主要介紹了iOS開發(fā)中UIDatePicker控件的使用方法簡介,用來處理各種時間日期的選擇,需要的朋友可以參考下2015-11-11iOS 11 UINavigationItem 去除左右間隙的方法
本篇文章主要介紹了iOS 11 UINavigationItem 去除左右間隙的方法,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-10-10