Android 5.0学习之Activity共享元素过渡动画

转自：http://blog.csdn.net/ljx19900116/article/details/41806889

前言

Activity Transition：

提供了三种Transition类型：

进入：一个进入的过渡(动画)决定activity中的所有的视图怎么进入屏幕。
退出：一个退出的过渡(动画)决定一个activity中的所有视图怎么退出屏幕。

共享元素：一个共享元素过渡(动画)决定两个activities之间的过渡，怎么共享(它们)的视图。

<span style="font-size:18px;color:#ff6666;">支持这些进入和退出的过渡动画:</span>

<span style="font-size:18px;">explode(分解) –进或出地移动视图，从屏幕中间
slide(滑动) -进或出地移动视图，从屏幕边缘
fade(淡出) –通过改变屏幕上视图的不透明度达到添加或者移除视图(的效果)</span>

<span style="font-size:18px;color:#ff6666;">在以上动画基础上还可以添加还支持共享元素过渡：(以上效果的共享元素效果基于分解动画基础上进行)</span>

它的作用就是共享两个acitivity种共同的元素，在Android 5.0下支持如下效果：

changeBounds -  改变目标视图的布局边界

changeClipBounds - 裁剪目标视图边界

changeTransform - 改变目标视图的缩放比例和旋转角度

changeImageTransform - 改变目标图片的大小和缩放比例

使用步骤：

1.设置动画（两种方式）：

1.1xml设置

当你定义继承了material主题样式时，使用android:windowContentTransitions属性启用窗口的内容转换(效果)。你还可以指定进入、退出、和共享元素的转换：

[html]  view plain copy

1. <style name="myTheme" parent="android:Theme.Material">  
2.         <!-- 允许使用transitions -->  
3.         <item name="android:windowContentTransitions">true</item>  
4.   
5.         <!-- 指定进入和退出transitions -->  
6.         <item name="android:windowEnterTransition">@transition/explode</item>  
7.         <item name="android:windowExitTransition">@transition/explode</item>  
8.   
9.         <!-- 指定shared element transitions -->  
10.         <item name="android:windowSharedElementEnterTransition">  
11.             @transition/change_image_transform</item>  
12.         <item name="android:windowSharedElementExitTransition">  
13.             @transition/change_image_transform</item>  
14. </style>  

定义transition动画：

[html]  view plain copy

1. <transitionSet xmlns:android="http://schemas.android.com/apk/res/android">  
2.     <explode/>  
3.     <changeBounds/>  
4.     <changeTransform/>  
5.     <changeClipBounds/>  
6.     <changeImageTransform/>  
7. </transitionSet>  

1.2代码设置

[java]  view plain copy

1. // 允许使用transitions  
2. getWindow().requestFeature(Window.FEATURE_CONTENT_TRANSITIONS);  
3.   
4. // 设置一个exit transition  
5. getWindow().setExitTransition(new Explode());//new Slide()  new Fade()  

Window.setEnterTransition()：设置进入动画

Window.setExitTransition()：设置退出效果

Window.setSharedElementEnterTransition()：设置共享元素的进入动画

Window.setSharedElementExitTransition()：设置共享元素的退出动画

2.Activity跳转方法：

进入退出动画跳转：

[java]  view plain copy

1. startActivity(intent,  
2.               ActivityOptions.makeSceneTransitionAnimation(this).toBundle());  

共享元素跳转：

为了使有一个共享元素的两个activities间使用过渡动画：

1.在你的主题中启用窗口内容过渡

2.在你的主题样式中指定共享元素的过渡

3.定义你的过渡动画为XML资源

4.使用android:transitionName属性给两个布局中的共享元素指定一个相同的名字（名字一定不要写错）

5.使用ActivityOptions.makeSceneTransitionAnimation() 方法

代码：

[java]  view plain copy

1. // 共享跳转  

[java]  view plain copy

1. intent = new Intent(Transitions.this, Transitions4.class);  
2.                 startActivity(intent, ActivityOptions.makeSceneTransitionAnimation(this,view,"shareName").toBundle());  

跳转目标xml：

[html]  view plain copy

1. <?xml version="1.0" encoding="utf-8"?>  
2.   
3. <AbsoluteLayout xmlns:android="http://schemas.android.com/apk/res/android"  
4.                 android:orientation="vertical"  
5.                 android:layout_width="match_parent"  
6.                 android:layout_height="match_parent"  
7.                 android:background="@android:color/white">  
8.     <LinearLayout  
9.             android:orientation="horizontal"  
10.             android:id="@+id/ll"  
11.             android:background="#2faaf3"  
12.             android:elevation="2dip"  
13.             android:layout_width="fill_parent" android:layout_height="200dp"/>  
14.     <TextView  
15.             android:id="@+id/btn_test"  
16.             android:elevation="8dip"  
17.             android:padding="10dip"  
18.             android:layout_x="300dip"  
19.             android:layout_y="175dip"  
20.             android:transitionName="shareName"  
21.             android:layout_width="50dp" android:layout_height="50dp" android:background="@drawable/myrect"  
22.             android:layout_below="@+id/ll" android:layout_alignParentEnd="true"  
23.             android:layout_marginRight="56dp"/>  
24. </AbsoluteLayout>  

如果有多个共享元素：

[java]  view plain copy

1. ActivityOptions options = ActivityOptions.makeSceneTransitionAnimation(this,  
2.         Pair.create(view1, "agreedName1"),  
3.         Pair.create(view2, "agreedName2"));  

去试试吧~！