前言
進度條相信我們大家都不陌生，往往我們很多時候需要使用到圓形進度條。這篇文章給大家分享了利用iOS如何快速實現環形進度條，下面來一起看看。
一：先制作一個不帶顏色漸變的進度條
自定義一個cycleView，在.m 中實現drawRect方法
- (void)drawRect:(CGRect)rect { CGContextRef ctx = UIGraphicsGetCurrentContext();//獲取上下文 CGPoint center = CGPointMake(100, 100); //設置圓心位置 CGFloat radius = 90; //設置半徑 CGFloat startA = - M_PI_2; //圓起點位置 CGFloat endA = -M_PI_2 + M_PI * 2 * _progress; //圓終點位置 UIBezierPath *path = [UIBezierPath bezierPathWithArcCenter:center radius:radius startAngle:startA endAngle:endA clockwise:YES]; CGContextSetLineWidth(ctx, 10); //設置線條寬度 [[UIColor blueColor] setStroke]; //設置描邊顏色 CGContextAddPath(ctx, path.CGPath); //把路徑添加到上下文 CGContextStrokePath(ctx); //渲染}因為drawRect方法只是在視圖剛剛出現的時候執行一次，所以我們需要使用
[self setNeedsDisplay];
這個方法來進行重新繪制，
在控制器里面加一個slider，滑動slider來控制進度變化
- (void)drawProgress:(CGFloat )progress{ _progress = progress; [self setNeedsDisplay];}看一下效果
如果進度條不需要加漸變色，那么這兒幾行代碼就完成了。
下面來實現一下帶有漸變色的進度條，原理很簡單，剛剛畫的是一條默認是黑色的線條，我們把黑色替換成一條漸變色的線條就可以了。
環形漸變色線條的制作：
第一步
使用CAShapeLayer繪制出漸變層，應為它只能指定兩個點之間進行漸變，所以這里需要兩個CAShapeLayer，左邊一個和右邊一個，看一下效果圖
代碼實現
//生成漸變色 CALayer *gradientLayer = [CALayer layer]; //左側漸變色 CAGradientLayer *leftLayer = [CAGradientLayer layer]; leftLayer.frame = CGRectMake(0, 0, self.bounds.size.width / 2, self.bounds.size.height); // 分段設置漸變色 leftLayer.locations = @[@0.3, @0.9, @1]; leftLayer.colors = @[(id)[UIColor yellowColor].CGColor, (id)[UIColor greenColor].CGColor]; [gradientLayer addSublayer:leftLayer]; //右側漸變色 CAGradientLayer *rightLayer = [CAGradientLayer layer]; rightLayer.frame = CGRectMake(self.bounds.size.width / 2, 0, self.bounds.size.width / 2, self.bounds.size.height); rightLayer.locations = @[@0.3, @0.9, @1]; rightLayer.colors = @[(id)[UIColor yellowColor].CGColor, (id)[UIColor redColor].CGColor]; [gradientLayer addSublayer:rightLayer];
這個漸變層只是一個中間變量，是不能顯示出來的，我這里只是演示一下，現在我們已經拿到了漸變層gradientLayer。
第二步
我們需要制作一個環形路徑
先看一下效果：
代碼實現：
CGPoint center = CGPointMake(100, 100); CGFloat radius = 90; CGFloat startA = - M_PI_2; //設置進度條起點位置 CGFloat endA = -M_PI_2 + M_PI * 2 * _progress; //設置進度條終點位置 //獲取環形路徑（畫一個圓形，填充色透明，設置線框寬度為10，這樣就獲得了一個環形） _progressLayer = [CAShapeLayer layer];//創建一個track shape layer _progressLayer.frame = self.bounds; _progressLayer.fillColor = [[UIColor clearColor] CGColor]; //填充色為無色 _progressLayer.strokeColor = [[UIColor redColor] CGColor]; //指定path的渲染顏色,這里可以設置任意不透明顏色 _progressLayer.opacity = 1; //背景顏色的透明度 _progressLayer.lineCap = kCALineCapRound;//指定線的邊緣是圓的 _progressLayer.lineWidth = 10;//線的寬度 UIBezierPath *path = [UIBezierPath bezierPathWithArcCenter:center radius:radius startAngle:startA endAngle:endA clockwise:YES];//上面說明過了用來構建圓形 _progressLayer.path =[path CGPath]; //把path傳遞亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb 成人高清视频观看www| 九九热99久久久国产盗摄| 97精品国产aⅴ7777| 亚洲国产又黄又爽女人高潮的| 国产精品欧美日韩| 国产91热爆ts人妖在线| 欧美高清在线观看| 欧美激情在线狂野欧美精品| 亚洲日本成人女熟在线观看| 伊是香蕉大人久久| 在线播放亚洲激情| 亚洲自拍另类欧美丝袜| 亚洲www永久成人夜色| 国产精品小说在线| 国产精品黄色av| 国产一区玩具在线观看| 久久久久久久爱| 亚洲天堂av在线免费| 欧美大片免费看| 欧美一级大片视频| 久久久中精品2020中文| 日韩精品中文字幕在线播放| 日韩一区二区三区国产| 97成人超碰免| 欧美大全免费观看电视剧大泉洋| 久久电影一区二区| 中文字幕欧美专区| 国产日韩中文字幕在线| 4p变态网欧美系列| 精品福利在线看| 91av视频在线观看| www国产亚洲精品久久网站| 日韩精品高清视频| xxxx性欧美| 亚洲影院在线看| 国产精品久久久久久久久粉嫩av| 欧美精品一区二区免费| 国产精品69久久| 日日噜噜噜夜夜爽亚洲精品| 欧美在线视频观看免费网站| 揄拍成人国产精品视频| 国产精品成人aaaaa网站| 亚洲成av人乱码色午夜| 国产精品日日摸夜夜添夜夜av| 国外成人在线播放| 国产小视频国产精品| 欧美壮男野外gaytube| 欧洲亚洲在线视频| 欧美xxxx18性欧美| 欧美日韩亚洲天堂| 欧美综合在线观看| 美日韩精品免费视频| 久久综合色影院| 日韩国产激情在线| 欧美性猛交xxxx富婆| 亚洲国产精品女人久久久| 欧美日韩另类字幕中文| 色综合久综合久久综合久鬼88| 日韩av资源在线播放| 国产精品xxxxx| 91久久嫩草影院一区二区| 91高清在线免费观看| 日韩中文字幕精品| 亚洲三级黄色在线观看| 久久视频在线视频| 亚洲免费电影在线观看| 亚洲第五色综合网| 欧美亚洲日本网站| 一区二区三区视频免费| 亚洲第五色综合网| 日韩精品免费在线观看| 国产精品一区二区3区| 7777kkkk成人观看| 亚洲白拍色综合图区| 欧美丰满老妇厨房牲生活| 国产精品免费小视频| 亚洲天天在线日亚洲洲精| 欧美性生交xxxxx久久久| 青青青国产精品一区二区| 日韩a**中文字幕| 久久精品亚洲一区| 成人欧美一区二区三区在线| 69av成年福利视频| 欧美性猛xxx| 欧美日韩在线看| 97精品国产97久久久久久免费| 日韩精品视频在线观看网址| 北条麻妃一区二区在线观看| 国外成人性视频| 久久亚洲精品中文字幕冲田杏梨| 久久人人爽国产| 欧美在线精品免播放器视频| 在线色欧美三级视频| 亚洲欧美激情另类校园| 91免费高清视频| 国产精品欧美日韩久久| 欧美激情在线一区| 日韩免费在线免费观看| 欧美中文字幕视频| 日韩亚洲国产中文字幕| 日韩免费电影在线观看| 中文字幕亚洲色图| 欧美日韩午夜视频在线观看| 在线精品国产成人综合| 国产日韩欧美在线看| 亚洲欧美制服另类日韩| 亚洲欧美资源在线| 91久久精品美女高潮| 欧美肥婆姓交大片| 91成人在线观看国产| 亚洲国产日韩欧美综合久久| 欧美激情a∨在线视频播放| 亚洲精品电影网站| 欧美激情精品久久久久久大尺度| 日韩欧美精品中文字幕| 久久精品91久久香蕉加勒比| 2021国产精品视频| 2018中文字幕一区二区三区| 欧美日韩精品中文字幕| 亚洲精品视频网上网址在线观看| 97视频免费在线观看| 中文字幕不卡在线视频极品| 国产精品一区二区久久久| 欧美孕妇孕交黑巨大网站| 日韩电影大全免费观看2023年上| 91禁国产网站| 欧美丝袜第一区| 国产精品入口福利| 亚洲最大激情中文字幕| 亚洲第一级黄色片| 日韩精品亚洲精品| 欧美最猛性xxxxx亚洲精品| 2018中文字幕一区二区三区| 国产偷亚洲偷欧美偷精品| 久久精品国产久精国产一老狼| 欧美日本亚洲视频| 日本aⅴ大伊香蕉精品视频| 久久夜色撩人精品| 久久久亚洲天堂| 911国产网站尤物在线观看| 国产视频在线观看一区二区| 亚洲精品自拍第一页| 欧美激情国内偷拍| 成人一区二区电影| 亚洲高清久久网| 538国产精品视频一区二区| 亚洲日本欧美中文幕| 久久中国妇女中文字幕| 成人高h视频在线| 日韩电影中文字幕在线观看| 亚洲欧美另类人妖| 日韩精品一区二区三区第95| 欧美激情国产精品| 国产一区二区三区四区福利| 91chinesevideo永久地址| 欧美成人激情图片网| 欧美性色19p| 亚洲美女视频网| 中文字幕亚洲欧美在线| 国产精品久久久久久亚洲调教| 欧美日韩国产综合视频在线观看中文| 欧美午夜激情在线| 精品久久久久久久久国产字幕| 亚洲第一精品夜夜躁人人爽|