iOS 制作个圆形进度条

iOS 制作个圆形进度条,第1张

1需要做个这样的圆形进度

  自定义d窗view就不说了,主要是这个圆形进度view,底色是灰色然后有进度灰色被黑色覆盖或者说变成黑色

首先我们自定一个view,加个uilabel做进度lbael @property ( nonatomic , strong ) UILabel percentLabel; //数字进度label

进度条进度改变的方法 - ( void )drawprogress:( CGFloat )progress;

环行进度条用calayer来做

先做一个圆,描边果绿色,加个蒙版,让果绿色为36度(先蒙180,复制一层CTRL+T 旋转-36,然后做完36度的扇形,方法很多怎么做都行)
然后自己录个动作:CTRL+J(复制图层)X2》CTRL+T,旋转36》CTRL+E向下合并图层》平移图层XXX单位。
然后执行99次,进度条就有了
下面的灰色圆定义个图案填充画布就行了
我这么做是全部横着的。

一般实现下载进度条常用的两种解决方案是:一种是需要用socket保持与客户端通信,返回已下载的数据大小,然后可以JS+css显示下载速度,以及进度条之类;二种是php与flash交互,显示进度条。另外PHP54起 开始支持 进度条 Upload progress,你可以了解下!

最简单的思路是, 通过js获取到的宽度范围,分别赋予不同的class,比如0—30%,给标签class=“green”,30—70%,给标签class=“yellow”,70%—100%,给标签class=“red”


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/yw/13385030.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-07-26
下一篇 2023-07-26

发表评论

登录后才能评论

评论列表(0条)

保存