Material Design动画效果思路

永正 2015-12-30 02:27:33



谁用用过豌豆荚这个app,他上面的点开详情页面的动画效果,有点类似于上面这个的效果。
请问一下,这些效果要怎么实现,有什么思路吗?

可以看到,上面点击listview的item,左边的图片是有拉伸的动画,然后过渡到第二页面。而且是无闪烁过度的。
问题1:第二页面是activity吗?
问题2:这些Material Design动画,有自带框架?

我自己实现了一下下,但是效果不好,我是用popwindow的,点击时候,记录了那个item图片的绝对位置,
然后弹出popwindow,动态设置imageview的位置(设置刚才获取listview的item图片位置),
然后在popwindow中执行放大动画。

我这样做,坐标,动画都是自己手动弄,而且效果也不怎么好(我粗略做的)。

请问一下,还有什么好的解决方案吗?谢谢了
...全文
116 4 打赏 收藏 转发到动态 举报
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
永正 2015-12-30
  • 打赏
  • 举报
回复
引用 3 楼 OnclickListener 的回复:
我给你个链接吧,很简单的三四部,总共就加几行代码 https://github.com/codepath/android_guides/wiki/Shared-Element-Activity-Transition
非常感谢!
OnclickListener 2015-12-30
  • 打赏
  • 举报
回复
我给你个链接吧,很简单的三四部,总共就加几行代码 https://github.com/codepath/android_guides/wiki/Shared-Element-Activity-Transition
永正 2015-12-30
  • 打赏
  • 举报
回复
引用 1 楼 OnclickListener 的回复:
这两个动画都是5.0以上才可以用,图片变换动画是SharedElement Activity Translations动画,使用起来很简单,从中间向两边扩散的动画是explode translation.
那个item图片位置怎么处理好?那个过度动画,他是以图片为中心,图片感觉是上一个activity位置的无缝平移和拉伸后,过度到第二activity。这里是先获取第一个activity图片的坐标作为动画开始执行的位置吗?
OnclickListener 2015-12-30
  • 打赏
  • 举报
回复
这两个动画都是5.0以上才可以用,图片变换动画是SharedElement Activity Translations动画,使用起来很简单,从中间向两边扩散的动画是explode translation.

80,351

社区成员

发帖
与我相关
我的任务
社区描述
移动平台 Android
androidandroid-studioandroidx 技术论坛(原bbs)
社区管理员
  • Android
  • yechaoa
  • 失落夏天
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧