momentum 方法换个方式再讲下

来源:8-8 基础类-Behavior 处理坐标方向上的划动逻辑-2

秋得法

2024-02-22

momentum 方法换个方式再讲下

写回答

1回答

秋得法

提问者

2024-02-22

这段代码定义了一个 `momentum` 方法,用于计算惯性滚动的目标位置和持续时间。让我逐步解释这个方法的功能:


1. 首先,根据当前位置 `current` 和起始位置 `start` 计算出滚动的距离 `distance`。这里的距离是指手指在滚动过程中移动的距离。


2. 接着,根据滚动的距离和时间计算出滚动的速度 `speed`。速度的计算方法是滚动距离除以时间的绝对值。


3. 然后,从选项中获取惯性滚动所需的参数:减速率 `deceleration`、滑动弹跳时间 `swipeBounceTime` 和滑动时间 `swipeTime`。


4. 根据速度、减速率和滑动时间计算出惯性滚动的持续时间 `duration`。持续时间是根据速度和减速率来估算的,其中取 `swipeTime` 和 `(speed * 2) / deceleration` 的较小值。


5. 接下来,根据惯性滚动的公式计算出目标位置 `momentumData.destination`。这个公式是根据当前速度、减速率和滚动距离来计算的,其中 `(speed * speed) / deceleration` 代表速度的平方除以减速率,然后乘以 `distance < 0 ? -1 : 1` 来确定方向。


6. 如果计算得到的目标位置 `momentumData.destination` 小于下边界 `lowerMargin`,则根据情况调整目标位置和持续时间。如果 `wrapperSize` 不为 0,则将目标位置调整为 `lowerMargin` 或者 `lowerMargin - wrapperSize / 4`,并将持续时间调整为 `swipeBounceTime`。


7. 如果目标位置大于上边界 `upperMargin`,同样进行相似的调整,但这次是在上边界进行调整。


8. 最后,将目标位置四舍五入为整数,并将调整后的目标位置和持续时间封装在 `momentumData` 对象中并返回。


这个方法的作用是根据用户滑动的速度和距离来计算惯性滚动的目标位置和持续时间,并考虑了边界情况下的调整。


0
2
秋得法
回复
one_pieces
老师,说实话这个课程是硬货干货(¯▽¯)👍收获巨大
2024-03-18
共2条回复

Vue3+Pinia+Vite+TS 还原高性能外卖APP项目

Vue3+Pinia+Vite+TS 还原高性能外卖APP项目

392 学习 · 251 问题

查看课程