仿炫酷头条小视频拖拽动画(29)



}

到这里拖拽就有一个大体的效果了,有一个小小的细节,头条拖拽到顶部有明显的卡顿,本文的方式并不会卡顿,丝滑如初。剩下第三部分回退的过渡动画。

释放后回到列表页的过渡动画

还是老架势,分析头条的效果:

  • 列表页 item 完全可见,回退的过渡动画将缩放平移至列表 item 相同大小,相同位置

  • 列表页 item 越界(上越界或下越界),回退的过渡动画将缩放平移至列表顶部,如果列表最后两条数据下越界则缩放平移至列表底部。

  • 首先需要判定是否越界:

    //+1精度误差