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。

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

相关文章推荐

android基于Activity共享元素切换效果的实现

先上一张效果图: 主要用到的类有: android.support.v4下的三个类: ActivityOptionsCompat,    ActivityCompat,    ViewC...

Android过渡动画之共享元素实现以及遇到的一些问题

android:transitionName="transitionImg"

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

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

Android图片放大再还原的动画

Android 动画 scale标签

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

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

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

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

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

前言嗨,各位看官好久不见,博文这种东西啊,真的是一个捉摸不定的事情,哈哈哈。今天给大家带来一个商城类App,或者是个人中心需要下拉页面放大headView的工具类,无图无真相。 实现步骤总的来说是非...

Android仿美团团购详情页下拉图片放大效果,简单可直接用在项目中

一:介绍 大家在项目中,可能需要像美团团购详情页面下拉的时候美食图片放大的效果,在这里就给大家介绍如何实现这种效果,只有很少的代码,而且控件全部是安卓源生控件. 二:运行效果图 三.然后来看看如何...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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