Android转场动画的学习
最近在UI中国看见一个很好看的效果,它是这样的:
yuansu2.gif链接地址:http://www.ui.cn/detail/237678.html
然后我上网搜了一下,发现Android5.0以上版本,在Activity切换时是有提供动画的。
所以这篇文章会简单的介绍一下Android的几种转场动画,才疏学浅,讲不深入,只讲下基本用法,见谅。
Android的转场动画,有如下几种:
Explode:
explored.gif使用方法:
首先是将启动Activity的方法改为如下所示:
startActivity(new Intent(this, SecondActivity.class), ActivityOptions.makeSceneTransitionAnimation(this).toBundle());
然后在SecondActivity中设置转场方式:
getWindow().setEnterTransition(new Explode().setDuration(2000));
getWindow().setExitTransition(new Explode().setDuration(2000));
这个的转场方式有入场和出场。
好了,这样就可以了,大家可以试试,就能看到效果了。
Slide:
slide.gif和上一个类似,我们只需要把Explode改为Slide即可:
getWindow().setEnterTransition(new Slide().setDuration(2000));
getWindow().setExitTransition(new Slide().setDuration(2000));
Fade:
fade.gif相信大家都猜到了,我们只需要把Slide改为Fade即可:
getWindow().setEnterTransition(new Fade().setDuration(2000));
getWindow().setExitTransition(new Fade().setDuration(2000));
共享元素:
共享元素是一个比较神奇的东西,在开始处UI中国的那个效果,我也仿着实现了一下,就是用共享元素实现的。
yuansu.gif可以看到场景的切换很自然。图片慢慢放大,好像慢慢变成了SecondActivity 里的图片。当返回上一个Activity 时,感觉图片慢慢变小,然后慢慢的变成了上一个Activity的图片。
这就是共享元素,当两个Activity中有同一个控件时,我们就可以使用共享元素动画。
使用方法:
首先我们需要在需要共享的控件中声明android:transitionName="myImage"属性(在两个Activity布局文件中都要声明,而且值要一样)。
在我的例子中,那张图片就是共享元素,其xml文件如下:
<ImageView
android:id="@+id/image"
android:transitionName="myImage"
android:layout_width="match_parent"
android:layout_height="200dp"
android:src="@mipmap/timg2"
android:onClick="share"/>
然后就是启动Activity:
startActivity(intent, ActivityOptions.makeSceneTransitionAnimation(this,image,"myImage").toBundle());
可以发现这里多了两个参数,一个是image,这个就是你的共享元素view,后面那个就是你的transitionName。
这样就实现了共享元素动画,大家可以试一试。
那么如果我们有多个共享元素怎么办呢?
我们可以使用Pair.create方法,如下:
startActivity(intent, ActivityOptions.makeSceneTransitionAnimation(this,Pair.create((View)image,"myImage"),Pair.create((View)text,"myText")).toBundle());
Pair.create里有两个参数,第一个是共享元素view(注意这里类型必须为view类型),第二个是transitionName
好了,这样的话,Activity的转场动画就讲完了。
相关代码:https://github.com/ChenTianSaber/AndroidTransition