之前一篇文章總結了View動畫、屬性動畫、幀動畫，這篇文章繼續總結佈局動畫、轉場動畫。
一、佈局動畫
佈局動畫的作用於ViewGroup，執行動畫效果的是內部的子View。佈局動畫在android中可以通過LayoutAnimation或LayoutTransition來實現。
1.LayoutAnimation
LayoutAnimation實際上是一個View動畫，用來控制子View顯示時的動畫效果。可以通過Java代碼或者Xml文件來定義LayoutAnimation動畫。
（1）通過Java代碼來定義LayoutAnimation
定義子View的顯示動畫layout_item_anim_set.xml：
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
android:duration="300"
android:interpolator="@android:anim/accelerate_interpolator"
android:shareInterpolator="true">
<alpha
android:fromAlpha="0.0"
android:toAlpha="1.0"/>
<translate
android:fromXDelta="500"
android:toXDelta="0"/>
</set>
以ListView爲例，給ListView設置item的顯示動畫：
private void setLayoutAnimation() {
Animation animation = AnimationUtils.loadAnimation(this, R.anim.layout_item_anim_set);
LayoutAnimationController controller = new LayoutAnimationController(animation);
controller.setDelay(0.5f);
controller.setOrder(LayoutAnimationController.ORDER_NORMAL);
mListView.setLayoutAnimation(controller);
}
（2）通過Xml代碼來定義LayoutAnimation：
layout_anim.xml
<?xml version="1.0" encoding="utf-8"?>
<layoutAnimation
xmlns:android="http://schemas.android.com/apk/res/android"
android:animation="@anim/layout_item_anim_set"
android:animationOrder="normal"
android:delay="0.5">
</layoutAnimation>
在ListView所在佈局中調用：
<ListView
android:id="@+id/list_view"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:divider="#f1f1f1"
android:dividerHeight="1dp"
android:layoutAnimation="@anim/layout_anim"
android:listSelector="?android:attr/selectableItemBackground"/>
setDelay()方法以及android:delay屬性表示子View動畫顯示的延遲時間比例。比如動畫執行時間是300ms，延遲比例是0.5，那麼延遲時間就是150ms，在Listview中，第一個item在延遲150ms開始動畫後，第二個在300ms後開始動畫，第三個在450ms後開始，以此類推。setOder()方法以及android:animationOrder表示動畫執行的順序類型，共有三種：normal表示子View按順序顯示，reverse表示子View按逆序顯示，random表示子View隨機先後顯示。
2.LayoutTransition
LayoutTransition用於在ViewGroup中有子View添加、刪除、隱藏、顯示時所有子View動畫效果。LayoutTransition有5中動畫變化形式
LayoutTransition.APPEARING：子View添加到容器中時的動畫效果LayoutTransition.CHANGE_APPEARING：子View添加到容器中時，其他子View位置改變的動畫效果LayoutTransition.DISAPPEARING：子View被移除時的動畫效果LayoutTransition.CHANGE_DISAPPEARING：子View被移除時，其他子View的動畫效果LayoutTransition.CHANGING：子View在容器中位置變化時其他子View的動畫效果
（1）使用默認的動畫樣式
只需要在使用的LinearLayout、FrameLayout、RelativeLayout等ViewGroup容器的佈局文件中添加android:animateLayoutChanges="true"即可，系統會使用默認的LayoutTransition來實現子View添加、刪除或變化是的動畫效果。
（2）使用自定義動畫樣式
private void init() {
mContainer = (LinearLayout) findViewById(R.id.container);
setLayoutTransition();
}
private void setLayoutTransition() {
LayoutTransition transition = new LayoutTransition();
// 子View添加到mContainer時的動畫
Animator appearAnim = ObjectAnimator
.ofFloat(null, "rotationX", 90, 0)
.setDuration(transition.getDuration(LayoutTransition.APPEARING));
transition.setAnimator(LayoutTransition.APPEARING, appearAnim);
// 子Veiw從mContainer中移除時的動畫
Animator disappearAnim = ObjectAnimator
.ofFloat(null, "rotationX", 0, 90)
.setDuration(transition.getDuration(LayoutTransition.DISAPPEARING));
transition.setAnimator(LayoutTransition.DISAPPEARING, disappearAnim);
// 子Veiw添加到mContainer中時其他子View的動畫
PropertyValuesHolder pvhLeft = PropertyValuesHolder.ofInt("left", 0, 0);
PropertyValuesHolder pvhTop = PropertyValuesHolder.ofInt("top", 0, 0);
PropertyValuesHolder pvhTranslationY = PropertyValuesHolder
.ofFloat("translationX", 0, 150, 0);
Animator changeAppearAnim = ObjectAnimator
.ofPropertyValuesHolder(mContainer, pvhLeft, pvhTop, pvhTranslationY)
.setDuration(transition.getDuration(LayoutTransition.CHANGE_APPEARING));
transition.setAnimator(LayoutTransition.CHANGE_APPEARING, changeAppearAnim);
// 子View從mContainer中移除時其他子View的動畫
PropertyValuesHolder outLeft = PropertyValuesHolder.ofInt("left", 0, 0);
PropertyValuesHolder outTop = PropertyValuesHolder.ofInt("top", 0, 0);
PropertyValuesHolder pvhTranslationYDis = PropertyValuesHolder
.ofFloat("translationX", 0, -150, 0);
ObjectAnimator changeDisAppearAnim = ObjectAnimator
.ofPropertyValuesHolder(mContainer, outLeft, outTop, pvhTranslationYDis)
.setDuration(transition.getDuration(LayoutTransition.CHANGE_DISAPPEARING));
transition.setAnimator(LayoutTransition.CHANGE_DISAPPEARING, changeDisAppearAnim);
mContainer.setLayoutTransition(transition);
}
// 添加子View到第0個位置
public void addData(View view) {
View child = LayoutInflater.from(this)
.inflate(R.layout.item, mContainer, false);
mContainer.addView(child, 0);
}
// 移除第0個子View
public void deleteData(View view) {
if (mContainer.getChildCount() != 0) mContainer.removeViewAt(0);
}
在使用PropertyValuesHolder時，需要注意一下幾點：
1.LayoutTransition.CHANGE_APPEARING和LayoutTransition.CHANGE_DISAPPEARING必須使用PropertyValuesHolder構造動畫纔會有效果，其他任何方式構造動畫都不會有效果。
2.在使用PropertyValuesHolder時，”left”、”top”屬性就算不需要變化也必須要寫，如果不需要變化可以寫成：
PropertyValuesHolder pvhLeft = PropertyValuesHolder.ofInt("left", 0, 0);
PropertyValuesHolder pvhTop = PropertyValuesHolder.ofInt("top", 0, 0);
3.ofInt，ofFloat中的參數值，第一個值和最後一個值必須相同，不然此屬性所對應的的動畫將被放棄，在此屬性值上將不會有效果：
PropertyValuesHolder pvhTranslationY = PropertyValuesHolder
.ofFloat("translationX", 0, 150, 0);
4.使用的ofInt，ofFloat中，如果所有參數值都相同，也將不會有動畫效果。
PropertyValuesHolder pvhTop = PropertyValuesHolder.ofInt("top", 0, 0);
動畫的參數全部相同，left這個屬性的動畫不會有任何效果。
說明：關於PropertyValuesHolder幾個注意點參考自文章animateLayoutChanges與LayoutTransition。
二、轉場動畫
1.Android 5.0之前轉場動畫
在Android 5.0以前實現轉場動畫是通過補間動畫來實現，通常是在Activity中是overridePendingTransition(int enterAnim, int exitAnim)方法。enterAnim和exitAnim兩個參數對應的是兩個View動畫：
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_anim);
setStartActivityAnim();
}
private void setStartActivityAnim() {
overridePendingTransition(R.anim.activity_right_in, R.anim.activity_left_out);
}
入場動畫activity_right_in.xml：
<?xml version="1.0" encoding="utf-8"?>
<translate
xmlns:android="http://schemas.android.com/apk/res/android"
android:duration="300"
android:fromXDelta="100%p"
android:toXDelta="0"/>
出場動畫activity_left_out.xml：
<?xml version="1.0" encoding="utf-8"?>
<translate
xmlns:android="http://schemas.android.com/apk/res/android"
android:duration="300"
android:fromXDelta="0"
android:toXDelta="-100%p"/>
在Activity的onCreate中調用overridePendingTransition方法只對主動啓動Activity有效，如果我們返回上一個Activity也需要同樣的轉場動畫，就需要在finish方法也添加上這個方法。
@Override
public void finish() {
super.finish();
setEndActivityAnim();
}
private void setEndActivityAnim() {
overridePendingTransition(R.anim.activity_left_in, R.anim.activity_right_out);
}
finish時入場動畫activity_left_in.xml：
<?xml version="1.0" encoding="utf-8"?>
<translate
xmlns:android="http://schemas.android.com/apk/res/android"
android:duration="300"
android:fromXDelta="-100%p"
android:toXDelta="0"/>
finish時出場動畫activity_right_out.xml：
<?xml version="1.0" encoding="utf-8"?>
<translate
xmlns:android="http://schemas.android.com/apk/res/android"
android:duration="300"
android:fromXDelta="0"
android:toXDelta="100%p"/>
2.Android 5.0之後轉場動畫 Activity Transition
Android 5.0之後，谷歌引入了 Activity Transition 來實現交互更加友好的轉場動畫效果。
Tansition的類型共有三種：
進入 —— 決定Activity中的所有視圖怎麼進入屏幕
退出 —— 決定Activity中的所有視圖怎麼退出屏幕
共享元素 —— 決定兩個Activity之間的過渡時怎麼共享它們的視圖
進入和退出包含如下動畫效果：
explode(分解) —— 從屏幕中間進或出
slide(滑動) —— 從屏幕邊緣進或出地
fade(淡出) —— 改變屏幕上視圖的不透明度實現添加或移除視圖的效果
共享元素包含如下動畫效果：
changeBounds —— 改變目標視圖的佈局邊界
changeClipBounds —— 裁剪目標視圖邊界
changeTransform —— 改變目標視圖的縮放比例和旋轉角度
changeImageTransform —— 改變目標圖片的大小和縮放比例
說明：Tansition分類及動畫效果說明參考《Android羣英傳》
先來看下Explode（分解）、Slide（滑動）、Fade（淡出）三種轉場動畫的使用。
第一個Activity中：
public void explode(View view) {
Intent intent = new Intent(this, NextTransitionActivity.class);
intent.putExtra("flag", "explode");
startActivity(intent,
ActivityOptionsCompat.makeSceneTransitionAnimation(this).toBundle());
}
public void slide(View view) {
Intent intent = new Intent(this, NextTransitionActivity.class);
intent.putExtra("flag", "slide");
startActivity(intent,
ActivityOptionsCompat.makeSceneTransitionAnimation(this).toBundle());
}
public void fade(View view) {
Intent intent = new Intent(this, NextTransitionActivity.class);
intent.putExtra("flag", "fade");
startActivity(intent,
ActivityOptionsCompat.makeSceneTransitionAnimation(this).toBundle());
}
啓動的第二個Activity中：
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
getWindow().requestFeature(Window.FEATURE_CONTENT_TRANSITIONS);
switch (getIntent().getStringExtra("flag")) {
case "explode":
getWindow().setEnterTransition(new Explode());
getWindow().setExitTransition(new Explode());
break;
case "slide":
getWindow().setEnterTransition(new Slide());
getWindow().setExitTransition(new Slide());
break;
case "fade":
getWindow().setEnterTransition(new Fade());
getWindow().setExitTransition(new Fade());
break;
}
setContentView(R.layout.activity_next_transition);
}
在第二個Activity中可以通過在style中配置<item name="android:windowContentTransitions">true</item>
就不需要調用getWindow().requestFeature(Window.FEATURE_CONTENT_TRANSITIONS)。
共享元素轉場動畫，使用也比較簡單：
@Override
public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
TransitionAdapter.TransitionViewHolder holder = (TransitionAdapter.TransitionViewHolder) view.getTag();
View shareViewImg = holder.civImg;
View shareViewName = holder.tvName;
Intent intent = new Intent(this, NextTransitionActivity.class);
intent.putExtra("flag", "share");
startActivity(intent, ActivityOptionsCompat
.makeSceneTransitionAnimation(this,
Pair.create(shareViewImg, "shareView_img"),
Pair.create(shareViewName, "shareView_name"))
.toBundle());
}
這裏使用ListView實現一個列表，列表中的頭像和名字作爲共享元素。在ListView的item的佈局以及第二個啓動的Activity的佈局中，被共享的View都需要在佈局文件中添加上相同android:transitionName屬性，當然也可以在Java代碼中通過ViewCompat.setTransitionName(View view, String transitionName)方法來設置共享View的transitionName。
我們給頭像和名稱分別指定android:transitionName="shareView_img"和android:transitionName="shareView_name"。
點擊item後啓動目標Activity時，指定的options參數爲：
ActivityOptionsCompat.makeSceneTransitionAnimation(this,
Pair.create(shareViewImg,"shareView_img"),
Pair.create(shareViewName, "shareView_name"))
.toBundle());
通過options參數，可以利用Pair構造多個共享元素，但是共享元素View的共享名稱transitionName必須一一對應。
