仿炫酷头条小视频拖拽动画( 四 )
详情页拖动动画
释放后回到列表页的过渡动画
接下来逐一讲解。
列表页进入到详情页的过渡动画
过渡动画的实现有两种方式,第一种是共享元素 ActivityOptionsCompat 使用简单,缺点是只兼容 5.0 以上;第二种方式手动实现过渡动画,可控性强,兼容 5.0 以下版本,实现比较复杂。最开始我是通过共享元素去实现的过渡动画,但效果差强人意,只好老老实实的手动去实现过渡动画。手动实现过渡动画感触可以让我引用美国一名大演说家的名言 "细节决定成败" ,那么让我们一起来看看有哪些细节需要处理。
通过分析,可以得出列表页 -> 详情页可以拆分为平移 + 缩放动画,列表页的封面图相对屏幕的位置开始缩放平移铺满屏幕。那么首先就需要考虑的是动画是在列表页实现,监听动画结束跳转到详情页;还是直接跳转到详情页,由详情页来实现动画。这两种方案都可以,我通过观察头条采用的是后一种方案,以下是观察的结果:
- 您现在的位置:首页 > 新民头条 > 新民社会 > 正文
- 李克强通过视频对正在抽检的基层监管人员说了啥
- “视频简历”要坚守诚信原则
- 手机QQ扫百元大钞可看反假币AR视频
- 视频|八旬老人车流中蹒跚穿行 网友路过拍下暖心一幕
- 昆山"龙哥"还魂?警方:2月前拍摄 视频中男子被拘
- “90后”男子微信群转发暴恐音视频被刑拘
- 成都男子抱娃开车被拍视频举报 被罚款200扣2分
- 政府要“发老婆”?3名男子拍视频造谣被拘留
- 是要“上天”?大巴司机开车吃饭、玩手机!视频曝光!