用户3629525950680

回顾 造轮子：滚轮选择器实现及原理解析(一) 上一篇文章我们简单绘制出了基本框图，此篇我们开始尝试使其动起来 拆解动画 体验过滚轮选择器的同学应该能感受到，滚轮存在着多种动画，这次我们只处理和交互相关

上一节我们已经完成了基本的滚轮，且可以动起来了。 这一篇我们完成更多的细节优化。 循环滚动 循环滚动的核心，在于如何处理中心item为0时，上面几个item的绘制 前几篇我们见到了对y进行矫正的逻辑，

先看效果 功能拆分 滚动方向调整为横向 需要显示刻度，且特定位置的刻度加粗加长，并显示对应数字 中心位置显示当前选中刻度的值，且会遮挡住刻度 刻度整体需要有渐变效果，越靠近两边透明度越低，越靠近中心透

需求 产品：我们需要一个类似于浏览器的滚动条，用户可以拖拽快速定位，你来实现一个。 我：原生又不支持，做不到 产品：我不要你觉得，我要我觉得，快做 我：(╯‵□′)╯︵┻━┻ 演示效果 写在前面 纯干

实现效果 上方非循环滚动，下方循环滚动 滚动下面的选择器使上方选择器联动 需求拆解 滚轮选择器的使用场景最常见于时间选择，手机上操作出生年月时经常能看到年月日选择器。 其最典型特征: 数据在同一列展示