Android动画共享元素(例列表图片放大到详情图片动画)

原创 2017年01月03日 13:29:28

一、什么是共享元素

简单来说共享元素就是两个Activity中都拥有此元素,在第二个Activity中进行强调而展示一些的动画效果。例如圆按钮的漂移动画。图片的放大动画。

二、为什么使用共享元素

主要是因为在Android5.0以后google推出了 Material Design的设计风格,在Adnroid 5.0之后的api中也添加了很多关于这个风格的主题以及控件,也更推崇两个控件之间的自然的转场动画。使页面更加自然,炫丽。

三、效果展示

http://note.youdao.com/noteshare?id=dcb19ac9c6b32e297c1441fa1bab821f

四、使用方法

1.在第一个Activity中的控件添加如下属性:
android:transitionName=”button”

<ImageView    
 android:id="@+id/s2"   
 android:layout_width="match_parent"    
 android:layout_height="150dp"     
 android:background="#00ff00"    
 android:transitionName="image" />

2.在第二个Activity中同样添加这个属性:
注意:这个名字必须一致。

3.使用intnet跳转即可

startActivity(intent,
 ActivityOptions.makeSceneTransitionAnimation(
    MainActivity.this,
      v,
      "image").toBundle());

这里的image参数就是在android:transitionName配置的。这样我们便实现此功能。其实很简单。

这个属性应该还支持其他的一些控件,比如按钮button等,具体的效果应该也还有其他的效果,可以自行查阅官方api。

版权声明:本文为博主原创文章,未经博主允许不得转载。

Activity 切换动画(小米图库列表进入详情页,图片从固定位置放大进入,缩小退出)

直接上效果图 ok,来分析下如何实现的吧分析原理首先确定,这是两个不同的 Activity,从图片列表页跳入到图片详情页;先来看进入详情页时的动画,从列表中所在 item 的位置一直放大到详情页的显...
  • jxxfzgy
  • jxxfzgy
  • 2015年03月21日 13:44
  • 5066

Android 仿美团网,大众点评购买框悬浮效果,仿美团详情页,可下拉放大图片,向上滚动图片,松手有动画

先看效果图 直接上代码注释都写到代码里面了: 自定义的ScrollView package mm.shandong.com.testmtxqcomplex.my...

Android图片放大再还原的动画

Android 动画 scale标签
  • lknlll
  • lknlll
  • 2017年05月05日 17:57
  • 549

android图片透明度跟缩放大小动画事件

概序 : 动画事件写在xml中,然后用AnimationUtils去加载动画事件,再监听动画结束事件,隐藏imageview。 1. player_double_click_animation.x...

Android浏览图片,点击放大至全屏效果(包含点击前位置到全屏的动画)

原文地址:http://blog.csdn.net/lonelyroamer/article/details/25497737 虽然最后没用,但对我启发很大 我直接用Matrix写了一个。 ...

Android通过动画实现图片重复放大和缩小

Android动画有两种,Tween Animation(补间动画)和Frame Animation(帧动画),在API11以上的动画被分为三类Property Animation, View Ani...
  • xmj1989
  • xmj1989
  • 2013年04月07日 09:32
  • 8153

android 放大图片动画

转自:http://blog.csdn.net/jxxfzgy/article/details/44515351 直接上效果图   ok,来分析下如何实现的吧 分析原理...

组合属性动画:缩放、渐变 平移和旋转+ImageLoader加载图片+MVP+OKhttp+拦截器+请求网络数据二级列表购物车

效果图: 图一                                            图二                                          ...

jQuery演示10种不同的切换图片列表动画效果

经常用到的图片插件演示jQuery十种不同的切换图片列表动画效果   实例代码下载 Java代码      "en" class="no-js...

【Android】商品详情页下拉放大动画工具类,一行代码集成使用

前言嗨,各位看官好久不见,博文这种东西啊,真的是一个捉摸不定的事情,哈哈哈。今天给大家带来一个商城类App,或者是个人中心需要下拉页面放大headView的工具类,无图无真相。 实现步骤总的来说是非...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Android动画共享元素(例列表图片放大到详情图片动画)
举报原因:
原因补充:

(最多只允许输入30个字)