美文网首页
视频渐变进度条【Player Progress】

视频渐变进度条【Player Progress】

作者: __下一个天亮__ | 来源:发表于2017-06-01 20:32 被阅读115次

在市面上常见的进度条:

(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 以实现展示,但是自我感觉不够完美。。虽然设计师说这样效果还可以。。。看到的小伙伴要是有什么好的办法可以一起交流交流!

相关文章

网友评论

      本文标题:视频渐变进度条【Player Progress】

      本文链接:https://www.haomeiwen.com/subject/vfaefxtx.html