请问网易云音乐的播放进度条是怎么实现的

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

iOS 开发实用技术导航

NSHipster 中文版

› http://nshipster.cn/

cocos2d 开源 2D 游戏引擎

› http://www.cocos2d-iphone.org/

CocoaPods

› http://cocoapods.org/

Google Analytics for Mobile 统计解决方案

› http://code.google.com/mobile/analytics/

WWDC

› https://developer.apple.com/wwdc/

Design Guides and Resources

› https://developer.apple.com/design/

Transcripts of WWDC sessions

› http://asciiwwdc.com

Cocoa with Love

› http://cocoawithlove.com/

Cocoa Dev Central

› http://cocoadevcentral.com/

NSHipster

› http://nshipster.com/

Style Guides

› Google Objective-C Style Guide

› NYTimes Objective-C Style Guide

Useful Tools and Services

› Charles Web Debugging Proxy

› Smore

这是一个创建于 3818 天前的主题，其中的信息可能已经有所发展或是发生改变。

觉的网易云音乐的播放器非常好看，就想用UISlider也做一个。
但是因为thumbImage的边缘有一圈透明的，所以有一截进度条露出来了，看上去好像已经播放了一段了。。。

网易的

我的

求解决方案。。

uislider

thumbimage

网易

4 条回复 • 2014-06-12 14:57:17 +08:00

hoogle

2014-06-12 14:05:11 +08:00

如果用UISlider来写，背后本来就可以是一个带圆角的矩形。。

个人觉得用UIButton和pan gesture来写可能更交互更好控制一点。。

guibin1989

2014-06-12 14:18:39 +08:00

@hoogle 我用UISlider的setThumbImage设置了自定义图片，但是感觉进度条的起始点的位置不是在图片的中心而是图片的左边界。。然后因为边界是透明的就把后面黄色进度条露出来了。。有办法调整这个thumbImage的位置让它的中心在起始点嘛？

learnshare

2014-06-12 14:28:09 +08:00

进度条背景图左侧应该也做成圆角吧

guibin1989

2014-06-12 14:57:17 +08:00

@learnshare

进度条的背景图是圆的。
但是一开始是方的，随着播放逐渐变圆，我也不知道怎么回事。。。