android之動畫（二）通過動畫布局聲明文件和關聯文件爲容器佈局----佈局動畫

先上圖：

當然，在這裏你是無法看到動態的動畫效果的，當然如果你將筆者的代碼運行，自然是可以看到動畫效果的。這裏的效果是說，當我們的list中的每一項最終顯示爲上圖中的樣子前展示給我們的動畫效果。

讓我們看看activity代碼：

package cn.com.chenzheng_java.animation; import android.app.Activity; import android.os.Bundle; import android.widget.ArrayAdapter; import android.widget.ListView; /** * @description 佈局動畫 * 何謂佈局動畫：將容器內的視圖製作成動畫，它是補間動畫的一種。當 * 前的例子中，我們要將listView容器中的內容做成動畫 * @author chenzheng_java * @since 2011/03/24 */ public class Animation2Activity extends Activity{ ListView listView; String[]city = new String[]{ "中關村", "海淀劇院", "海淀醫院", "人民大學" }; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.animation2); listView = (ListView) findViewById(R.id.listView_animation2); ArrayAdapter<String> adapter = new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, city); listView.setAdapter(adapter); } }

animation2.xml佈局文件：

 

<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="vertical"> <ListView android:layout_width="fill_parent" android:id="@+id/listView_animation2" android:persistentDrawingCache="animation|scrolling" android:layoutAnimation="@anim/animation2_drawable" android:layout_height="wrap_content"></ListView> </LinearLayout> <!-- 我們可以看到，在ListView的佈局設置中，我們設置了兩個和動畫相關的屬性： android:persistentDrawingCache:該屬性建議進行設置，它會對動畫和滾動效果進行優化。 android:layoutAnimation:當前佈局容器所對應的動畫關聯文件，注意，這裏指定的是動畫關聯文件，而並非動畫聲明文件 -->

動畫聲明文件：

scale_anim.xml

<?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android" android:interpolator="@android:anim/accelerate_interpolator"> <scale android:fromXScale="1" android:toXScale="1" android:fromYScale="0.1" android:toYScale="1.0" android:duration="1000" android:pivotX="50%" android:pivotY="50%" android:startOffset="100"> </scale> </set> <!-- 動畫聲明文件 該文件位於res/anim文件夾下 對動畫的具體行爲進行定義： android:fromXScale="1" android:toXScale="1"指定了在X軸上，不進行縮放 android:fromYScale="0.1" android:toYScale="1.0" 指定了再Y軸上，從十分之一開始方法，一直放大到正常大小 android:duration="1000"動畫展示的時間 android:pivotX="50%" android:pivotY="50%" 在動畫執行的中間點，對象的大小在X/Y軸上都是50% android:startOffset="100" 改動畫執行之前等待的毫秒數 -->

動畫關聯文件：

animation2_drawable.xml

<?xml version="1.0" encoding="utf-8"?> <layoutAnimation xmlns:android="http://schemas.android.com/apk/res/android" android:delay="30%" android:animationOrder="reverse" android:animation="@anim/scale_anim" > </layoutAnimation> <!-- 動畫關聯文件 該文件位於res/anim文件夾下 該文件是容器和動畫聲明文件的中間媒介，它綁定到了一個動畫聲明文件， 並且對該動畫的一些播放屬性進行了設置，例如這裏的 android:delay 每一項動畫應該在延遲動畫總時間的30%開始執行(當前列表有多個動畫時使用)， 延遲動畫總時間對應着動畫聲明文件中android:startOffset的總和 android:animationOrder：列表中的動畫的執行順序(當前列表有多個動畫時使用) android:animation 指定了動畫聲明文件 -->

 

代碼中的註釋已經說得很明白了，我就不多說了。我們這裏需要注意的是，佈局文件中，動畫聲明文件和動畫關聯文件的位置都是在res/anim文件夾下哦。

-----------------------------------------------------------------------------------------------

上面只是展示了一個縮放動畫，那麼常見的動畫還有那些呢？

<?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android" android:interpolator="@android:anim/accelerate_interpolator"> <!-- rotate旋轉動畫，圍繞着文本的中心旋轉一圈 --> <rotate android:fromDegrees="0.0" android:toDegrees="360" android:pivotY="50%" android:pivotX="50%" android:duration="5000" ></rotate> <!-- translate代表着移動動畫，改動畫將文本從當前所分配的顯示空間的頂部移動到底部 --> <translate android:fromYDelta="-100%" android:toYDelta="0" android:duration="10000" ></translate> <!-- alpha代表着可見度漸變動畫,從不可見，變爲完全可見 --> <alpha android:fromAlpha="0.0" android:toAlpha="1.0" android:duration="3000" ></alpha> </set>

在這裏，我們可以看到，無論是哪個動畫聲明文件中，都有這麼一行代碼：

android:interpolator="@android:anim/accelerate_interpolator"

那麼，這行代碼到底是幹什麼用的呢？

這東西，我們在android中叫做插值器。它告訴系統我們的動畫的實現細節，例如一個顏色隨着時間的變化而變化時，是按照線性變換，還是指數變換？還是開始的時候很快，後邊漸漸地開始變慢呢？

我們都知道，@android方式代表着，這裏引用的是android系統提供的一個xml佈局文件。實際上，這個佈局文件是android.view.animation下一個類的映射。這一類的類主要有：

AccelerateDecelerateInterpolator

AccelrateInterpolator

CycleInterpolator

LinearInterpolator

……