1. 程式人生 > >Android動畫共享元素(例列表圖片放大到詳情圖片動畫)

Android動畫共享元素(例列表圖片放大到詳情圖片動畫)

一、什麼是共享元素

簡單來說共享元素就是兩個Activity中都擁有此元素,在第二個Activity中進行強調而展示一些的動畫效果。例如圓按鈕的漂移動畫。圖片的放大動畫。

二、為什麼使用共享元素

主要是因為在Android5.0以後google推出了 Material Design的設計風格,在Adnroid 5.0之後的api中也添加了很多關於這個風格的主題以及控制元件,也更推崇兩個控制元件之間的自然的轉場動畫。使頁面更加自然,炫麗。

三、效果展示

四、使用方法

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。