在市面上常见的进度条:
(1)只展示【缓冲进度】和【当前进度】的简易进度条,类似于这种:
简单进度条(2)带有【拖动功能】+【缓冲进度】+【当前进度】的进度条,类似于这种:
可拖动进度条这两种实现的思路相对简单,做个简单的记录:
(1)如果自己不想自定义,则用2个UIProgressView即可搞定。
progress_buffer.progressTintColor = UIColor.White //走过的颜色(即缓冲的颜色)
progress_buffer.trackTintColor = UIColor.Clear
progress_current.backgroundColor = UIColor.Clear
progress_current.progressTintColor = UIColor.Blue
progress_current.trackTintColor = UIcolor.Clear //为了把缓冲进度条的颜色透出来
(2)同样,如果自己不自定义,用一个UIProgressView和一个UISlider即可搞定。
progress_buffer.progressTintColor = UIColor.White //走过的颜色(即缓冲的颜色)
videoSlider.minimumTrackTintColor=UIColor.blue//走过的颜色
videoSlider.maximumTrackTintColor=UIColor.clear //为了透出缓冲的进度
以上就是了。
目前在思考做个渐变的进度条。完成后,更新渐变的做法。
--------------------好了,我是华丽丽的分割线----更新渐变的做法了!--------------
首先说简单处理的!就是上面第二种。楼主尝试了各种各样的方法无法实现之后,让设计师出了一张渐变的图,然后给slider 设置minImage,简直是又快又好的实现方案!!!(之前的研究真是浪费了好多时间。。。)
再说简易渐变进度条的实现:
其实这是个gradient layer/ view 通过控制width 以实现展示,但是自我感觉不够完美。。虽然设计师说这样效果还可以。。。看到的小伙伴要是有什么好的办法可以一起交流交流!
网友评论