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

  • 详情页拖动动画

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

  • 接下来逐一讲解。

    列表页进入到详情页的过渡动画

    过渡动画的实现有两种方式,第一种是共享元素 ActivityOptionsCompat 使用简单,缺点是只兼容 5.0 以上;第二种方式手动实现过渡动画,可控性强,兼容 5.0 以下版本,实现比较复杂。最开始我是通过共享元素去实现的过渡动画,但效果差强人意,只好老老实实的手动去实现过渡动画。手动实现过渡动画感触可以让我引用美国一名大演说家的名言 "细节决定成败" ,那么让我们一起来看看有哪些细节需要处理。

    通过分析,可以得出列表页 -> 详情页可以拆分为平移 + 缩放动画,列表页的封面图相对屏幕的位置开始缩放平移铺满屏幕。那么首先就需要考虑的是动画是在列表页实现,监听动画结束跳转到详情页;还是直接跳转到详情页,由详情页来实现动画。这两种方案都可以,我通过观察头条采用的是后一种方案,以下是观察的结果: