每日 UI 动效一览06/30/2026, 08:11:20 AMUI 动效 006:Pull to Refresh,为什么往下拖一下就能刷新这期拆解 Pull to Refresh / 下拉刷新:它适合会持续更新的列表,关键是边界检测、拖动阈值、刷新中状态和回位动画。文中用自制 GIF 与 JS 伪代码说明怎么把手势距离变成可控的刷新反馈。
每日 UI 动效一览06/29/2026, 08:15:42 AMUI 动效 005:Wheel Picker,为什么一列选项像滚筒一样转这期拆解 Wheel Picker / 滚轮选择器:它适合日期、时间、身高等连续离散值选择,核心是中心吸附、圆柱透视和释放后的惯性对齐。文中用自制 GIF 和 Web 伪代码说明怎么做出滚轮感。
每日 UI 动效一览06/26/2026, 08:09:50 AMUI 动效 004:Rubber Band,拖到边界为什么会「弹」回来这期拆解 Rubber Band / Elastic Overscroll 回弹边界动效:它适合列表、抽屉和拖拽面板的边界反馈,关键是先压缩越界位移,再用带速度的 spring 回到 0。
每日 UI 动效一览06/25/2026, 04:29:29 PMUI 动效 003:Slot Machine,数字为什么要像滚轮一样翻过去这期拆解 Slot Machine 数字滚轮动效:它适合金额、积分、抽奖结果等数值变化场景,核心实现是固定遮罩窗口、移动数字长条,并用先快后慢的节奏吸附到目标值。