【开源】慢速 UIPickerView 动画实现

简介: SlowPickerView【Github】https://github.com/OpenMarshall/SlowPickerView如上面的 GIF 所示,如果你要开发一款有统计功能的App(比如带计步器功能的),比如用户今天走了 7000 步,那么你可能需要一个数字增长动画来让数字从 0 慢慢滚动到 7000。

SlowPickerView

【Github】 https://github.com/OpenMarshall/SlowPickerView

如上面的 GIF 所示,如果你要开发一款有统计功能的App(比如带计步器功能的),比如用户今天走了 7000 步,那么你可能需要一个数字增长动画来让数字从 0 慢慢滚动到 7000。选择 UIPickerView 是一种极为便捷的实现方法,但是实际上你没有办法在不使用私有API的情况下,改变 UIPickerView 的数字滚动速度,而它的默认速度极快。

在这个项目里我使用了一个有些 hack(你也可以说是鸡贼) 的方法,做出来 5 个 UIPickerView,前四个不显示,第五个显示。让第 n 个 UIPickerView 以第 n-1 个 UIPickerView 滚动到的数字为目标进行滚动,这就好比你要坐电梯上10楼,你先设定一个5楼,然后到4楼的时候改主意了,取消5楼,设为8楼,然后到了7楼又改成10楼……这当然要更耗时,所以5个(只要内存够大,你搞几个都一样)UIPickerView 一个比一个滚动地慢(这是数学问题,不是因为 UIPickerView 多了把手机搞卡了)。

项目使用 Xcode 7 + Swift 2 构建,总共 100 来行代码,有兴趣的去 Github 里面看吧 :)

目录
相关文章
DragonBones骨骼动画事件系统详解
DragonBones骨骼动画事件系统详解
132 0
|
XML 图形学 数据格式
Animation组合动画踩坑-实现循环播放动画,可控制次数
Animation组合动画踩坑-实现循环播放动画,可控制次数
|
前端开发
嘿,朋友,其实 CSS 动画超简单的 - animation 动画篇(配备各属性详解)
上篇讲完了渐变动画,本篇我们讲一下 animation 动画,animation 动画相比渐变动画来讲功能更丰富,使用也更复杂,不过其中相通之处也很多,建议看完上篇再来看本篇可以更方便吸收。
|
iOS开发
iOS之UIPickerView滚动事件
在开发中,我们会用到pickerview滚动条,那如何监听到pickview的滚动事件呢,之前开发就遇到过一个问题,快速滑动秒选确定按钮,地址显示不对的问题,解决办法为在点选确定辅助按钮的时候判断当时的pickerView是否正在滚动,如果在滚动则不允许触发点选确定后的其他操作。
392 0
iOS之UIPickerView滚动事件
|
存储 图形学
动画系统中的基础动画
动画系统中的基础动画
177 0
动画系统中的基础动画
|
iOS开发 UED
iOS动画开发之一——UIViewAnimation动画的使用
iOS动画开发之一——UIViewAnimation动画的使用
205 0
iOS动画开发之一——UIViewAnimation动画的使用
|
iOS开发
iOS动画开发之三——UIView的转场切换
iOS动画开发之三——UIView的转场切换
381 0