快捷導(dǎo)航

IOS實現(xiàn)簡單的進(jìn)度條功能

更新時間：2016年01月10日 10:20:24 作者：世俗孤島

這篇文章主要介紹了IOS實現(xiàn)簡單的進(jìn)度條功能的相關(guān)資料,需要的朋友可以參考下

本文實例繪制了炫酷的下載進(jìn)度條，分享給大家供大家參考，具體內(nèi)容如下

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

3、效果圖所示的效果其實是繪制一個圓弧，動態(tài)的改變終點的位置，最終達(dá)到一個封閉的圓
4、中間的文字是一個UILabel控件，根據(jù)進(jìn)度動態(tài)改變文字的現(xiàn)實
二、實現(xiàn)步驟
1、自定義一個UIView的子類

//提供一個成員屬性，接收下載進(jìn)度值
@property (nonatomic, assign) CGFloat progress;

2、重寫成員屬性progress的setter

//每次改變成員屬性progress的值，就會調(diào)用它的setter
- (void)setProgress:(CGFloat)progress
{
  _progress = progress;
  //當(dāng)下載進(jìn)度改變時，手動調(diào)用重繪方法
  [self setNeedsDisplay];
}

3、重寫- (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];
}

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助。

您可能感興趣的文章:

相關(guān)文章

IOS?簡單的本地json格式文件解析的實例詳解
這篇文章主要介紹了IOS?簡單的本地json格式文件解析的實例詳解的相關(guān)資料,希望通過本文大家能夠掌握這部分內(nèi)容，需要的朋友可以參考下
2017-09-09
iOS tableView實現(xiàn)搜索功能
這篇文章主要為大家詳細(xì)介紹了iOS tableView實現(xiàn)搜索功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-11-11
一步一步實現(xiàn)iOS主題皮膚切換效果
這篇文章主要為大家詳細(xì)介紹了一步一步實現(xiàn)iOS主題皮膚切換效果的相關(guān)資料,具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-09-09
iOS開發(fā)藍(lán)牙技術(shù)應(yīng)用增加無線連接功能
這篇文章主要為大家介紹了iOS開發(fā)藍(lán)牙技術(shù)應(yīng)用增加無線連接功能示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-02-02
IOS 手勢操作詳解及實例總結(jié)篇
這篇文章主要介紹了IOS 手勢操作詳解及實例總結(jié)篇的相關(guān)資料,需要的朋友可以參考下
2017-01-01
IOS繪制虛線的方法總結(jié)
這篇文章給大家分享了iOS中繪制虛線常見的幾種方式，大家可以根據(jù)自己的需求進(jìn)行選擇哪種方法，下面跟著小編來一起看看吧。
2016-09-09
iOS中謂詞（NSPredicate）的基本入門使用教程
這篇文章主要給大家介紹了關(guān)于iOS中謂詞（NSPredicate）的基本入門使用方法，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2019-01-01
iOS10 widget實現(xiàn)3Dtouch 彈出菜單
這篇文章主要介紹了 iOS10 widget實現(xiàn)3Dtouch 彈出菜單的相關(guān)資料,需要的朋友可以參考下
2016-12-12
iOS設(shè)置可選擇圓角方向的控件圓角
在iOS開發(fā)中會遇到設(shè)置控件圓角的效果，這篇文章就給大家分享了實現(xiàn)的方法，且可以選擇圓角的方向，有需要的朋友們可以參考借鑒，下面來一起學(xué)習(xí)學(xué)習(xí)吧。
2016-11-11
iOS自定義可展示、交互的scrollView滾動條
這篇文章主要為大家詳細(xì)介紹了iOS自定義可展示、交互的scrollView滾動條，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2019-04-04