上面的三種動畫有兩種實現方式：

1、通過xml聲明。

在res目錄下新建transition文件夾在transition文件夾下新建activity_fade.xml文件。 res/transition/activity_fade.xml

<?xml version="1.0" encoding="utf-8"?>
<fade xmlns:android="http://schemas.android.com/apk/res/"
android:duration="1000"/>

res/transition/activity_slide.xml

<?xml version="1.0" encoding="utf-8"?>
<fade xmlns:android="http://schemas.android.com/apk/res/"
android:duration="1000"/>

ActivityA的代碼如下：因為從ActivityA切換到ActivityB,所以ActivityA是退齣動畫使用的方法是：getWindow().setExitTransition(slide);

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_transition);
setupWindowAnimations();
}

private void setupWindowAnimations() {
Slide slide = TransitionInflater.from(this).inflateTransition(R.transition.activity_slide);
getWindow().setExitTransition(slide);
}

ActivityB是進入動畫使用方法：getWindow().setEnterTransition(fade);，ActivityB的代碼如下

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_transition);
setupWindowAnimations();
}

private void setupWindowAnimations() {
Fade fade = TransitionInflater.from(this).inflateTransition(R.transition.activity_fade);
getWindow().setEnterTransition(fade);
}

2、代碼方式實現。

ActivityA代碼如下：實現一個Slide對象並且設置時間為1000毫秒。
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_transition);
setupWindowAnimations();
}

private void setupWindowAnimations() {
Slide slide = new Slide();
slide.setDuration(1000);
getWindow().setExitTransition(slide);
}

ActivityB中實現一個Fide對象並且設置時間為1000毫秒。

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_transition);
setupWindowAnimations();
}

private void setupWindowAnimations() {
Fade fade = new Fade();
fade.setDuration(1000);
getWindow().setEnterTransition(fade);
}

上面兩種方式最終的實現效果如下：

上面的動畫過程分析： 1、Activity A 啟動Activity B 2、Transition FrameWork層得到Activity A的退齣動畫slide並且應用到全部可見的view中。 3、Transition FrameWork層得到Activity B的進入動畫fade並且應用到全部可見的view中。 4、當從Activity B返回到Activity A的時候會分別執行Enter和Exit相反的動畫（沒有設置returnTransition，和reenterTransition時）。

ReturnTransition & ReenterTransition

Return 和Reenter Transition是enter 和exit相反的過程。當從Activity A進入到Activity B時會執行 exit和enter當從Activity B退回到Activity A時會執行Return Transition和Reenter Transition。

• EnterTransition <--> ReturnTransition
• ExitTransition <--> ReenterTransition 如果沒有定義Return 或者 Reenter，那麼Android會反向執行Enter和Exit變換。如下圖從Activity B退回到Activity A：

給Activity A增加了ReturnTransition的代碼如下：

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_transition);
setupWindowAnimations();
}

private void setupWindowAnimations() {
Fade fade = new Fade();
fade.setDuration(1000);
getWindow().setEnterTransition(fade);

Slide slide = new Slide();
slide.setDuration(1000);
getWindow().setReturnTransition(slide);
}

增加了返回動畫和沒有增加返回動畫的對比效果如下：

沒有Return Transition

Enter：Fade In

Exit：Fade out

有return Transition

Enter:Fade In

Exit:Slide out

2、 Shared elements between Activities

Shared elements轉換確定兩個Activity之間共享的視圖如何在這兩個Activity之間轉換。例如，如果兩個Activity在不同的位置和大小中具有相同的圖像，則通過Shared elements轉換會在這兩個Activity之間平滑地轉換和縮放圖像。 主要方法

如下圖，當從Activity A跳轉到Activity B時，ActivityA， ActivityB中的兩個item有動畫變化，但是要注意的時ActivityA ，ActivityB中的item是兩個獨立的item。

shared elements轉換包括以下幾種：

• changeBounds 改變目標佈局中view的邊界
• changeClipBounds 裁剪目標佈局中view的邊界
• changeTransform 實現旋轉或者縮放動畫
• changeImageTransform 實現目標佈局中ImageView的旋轉或者縮放動畫

實現上面的效果需要三個步驟：

1、 Enable Window Content Transition

設置styles.xml文件，允許windowContentTransitions如下： value/style.xml

<style name="MaterialAnimations" parent="@style/Theme.AppCompat.Light.NoActionBar">
...
<item name="android:windowContentTransitions">true</item
...
</style>

2、定義一個相同的transition名稱

分別在Activity A 和Activity B的佈局文件中定義item，這兩個item的屬性可以不一樣，但是android:transitionName必須一樣。如下： layout/activity_a.xml

<ImageView
android:id="@+id/small_blue_icon"
stylex="@style/MaterialAnimations.Icon.Small"
android:src="@drawable/circle"
android:transitionName="@string/blue_name" />

layout/activity_b.xml

<ImageView
android:id="@+id/big_blue_icon"
stylex="@style/MaterialAnimations.Icon.Big"
android:src="@drawable/circle"
android:transitionName="@string/blue_name" />

3、在activity中啟動shared element

使用ActivityOptions.makeSceneTransitionAnimation()方法 ActivityA.java

blueIconImageView.setOnClickListener(new View.OnClickListener() {

@Override
public void onClick(View v) {
Intent i = new Intent(MainActivity.this, SharedElementActivity.class);

View sharedView = blueIconImageView;
String transitionName = getString(R.string.blue_name);

ActivityOptions transitionActivityOptions = ActivityOptions.makeSceneTransitionAnimation(MainActivity.this, sharedView, transitionName);
startActivity(i, transitionActivityOptions.toBundle());
}
});

效果如下：

未完待續.......

讀者福利：

好了，寫到這裡也結束了，在文章最後放上一個小小的福利，以下為小編自己在學習過程中整理出的一個學習思路及方向，從事互聯網開發，最主要的是要學好技術，而學習技術是一條慢長而艱苦的道路，不能靠一時激情，也不是熬幾天幾夜就能學好的，必須養成平時努力學習的習慣，更加需要準確的學習方向達到有效的學習效果。

由於內容較多就只放上一個大概的大綱，之後還有免費的高級UI、性能優化、移動架構師、NDK、混合式開發（ReactNative+Weex）微信小程序、Flutter全方面的Android進階實踐技術資料。

下面是部分資料截圖，特別適合有3-5年開發經驗的Android程序員們學習。

資料免費領取方式：點贊+點開石墨文檔免費獲取！

Android架構進階必備學習資源免費領取（架構視頻+面試專題文檔+學習筆記）?

shimo.im

推薦閱讀：