【Android】學習筆記(12)——Animation使用方法(下)

在上一篇學習筆記中，在AnimationSet中的Animation的效果是疊加的，我們對AnimationSet設置執行時間和延遲動畫等屬性後，整個AnimationSet內的動畫都是被設置了這些屬性，所以，在AnimationSet中的Animation的效果是疊加的。如果想要這些動畫效果不疊加，則需要進一步設置。

這裏要使用到LayoutAnimationController。這個類可以用在一個佈局文件中的layout內，對該layout內部的控件進行控制，也可以用在Java代碼中，實現同樣的效果。

1.在XML中使用LayoutAnimationController

首先在res/anim文件夾下創建新的文件list_controller.xml

其內容爲：

<?xmlversion="1.0"encoding="UTF-8"?>
<layoutAnimationxmlns:android="http://schemas.android.com/apk/res/android"
android:delay="0.5"//每個條目之間相隔是0.5秒
android:animationOrder="normal"//條目顯示的順序，有normal,random,reverse,分別表示順序，隨機，反序
android:animation="@anim/alpha"//每個條目使用alpha.xml內的動畫效果
/>

這個文件用來控制ListView內每個條目動畫的順序和所要執行的效果。

其中的alpha.xml的動畫效果爲：

<?xmlversion="1.0"encoding="UTF-8"?>
<setxmlns:android="http://schemas.android.com/apk/res/android"
android:interpolator="@android:anim/accelerate_interpolator"
>
<alpha
android:fromAlpha="0.0"
android:toAlpha="1.0"
android:duration="2000"
></alpha>
</set>

在main.xml的佈局文件中，我們要對ListView的控件進行設置動畫，如下：

<?xmlversion="1.0"encoding="utf-8"?>
<LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
>
<ListView
android:layout_height="wrap_content"
android:layout_width="fill_parent"
android:id="@id/android:list"
android:layoutAnimation="@anim/list_controller"//設置動畫效果，引用的是list_controller.xml文件
/>
</LinearLayout>

在Java代碼中，是一個以前寫的ListView的代碼，如下：

package cxt.demo;
import java.util.ArrayList;
import java.util.HashMap;
import android.app.ListActivity;
import android.os.Bundle;
import android.widget.SimpleAdapter;
publicclass AnimationDemo3Activity extends ListActivity {
private ArrayList<HashMap<String,Object>> list = null;
/** Called when the activity is first created. */
@Override
publicvoid onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
list = new ArrayList<HashMap<String,Object>>();
HashMap<String,Object> m1 = new HashMap<String, Object>();
HashMap<String,Object> m2 = new HashMap<String, Object>();
HashMap<String,Object> m3 = new HashMap<String, Object>();
m1.put("image", R.drawable.z11);
m1.put("name", "Jack");
m1.put("age","63");
m2.put("image", R.drawable.z22);
m2.put("name", "Bob");
m2.put("age","15");
m3.put("image", R.drawable.z33);
m3.put("name", "Theron");
m3.put("age","25");
list.add(m1);
list.add(m2);
list.add(m3);
SimpleAdapter adapter = new SimpleAdapter(this, list, R.layout.user, new String[]{"image","name","age"}, newint[]{R.id.image,R.id.name,R.id.age});
setListAdapter(adapter);
}
}

上述的Java代碼是使用SimpleAdapter的ListView，在之前的學習筆記中已經提到過了。

看一下運行效果：

上面的圖是運行過程中的截圖，Jack已經顯示，Bob正在漸漸顯示，第3個Theron還木有顯示出來。這樣，就可以實現不同控件的不同順序的動畫顯示了。

2.在Java代碼中使用LayoutAnimationController

首先我們不再需要上面的list_controller.xml文件了，因爲文件中的內容我們將移至Java代碼中，同時，main.xml中的ListView控件上也不用設置android:layoutAnimation屬性了。

只需要在Java代碼後加上如下代碼：

Animation animation = AnimationUtils.loadAnimation(AnimationDemo4Activity.this, R.anim.alpha);//創建一個Animation對象，設置動畫效果
LayoutAnimationController controller = new LayoutAnimationController(animation);//創建LayoutAnimationController對象
controller.setOrder(LayoutAnimationController.ORDER_NORMAL);//設置條目顯示的順序，這裏也有3種順序，ORDER_NORMAL，ORDER_RANDOM，ORDER_REVERSE
listView.setLayoutAnimation(controller);//將LayoutAnimationController對象設置給ListView，就OK了。

運行效果和上面的效果一模一樣。

補充：

AnimationListener，我們可以爲Animation對象設置監聽器。

在上述的所有動畫結束後，會回到原來的狀態，如果一張圖片，我們想要它漸漸消失，然後就不希望它再出現了；或者是某個控件從無到有，想讓這個空間就停在結束的地方。那麼就要給Animation設置一個監聽器，代碼如下

privateclass AnimationImpl implements AnimationListener{
@Override
publicvoid onAnimationEnd(Animation arg0) {
// TODO Auto-generated method stub
//這裏是這個動畫效果結束後，會運行的方法
//如果想讓某個控件消失，可以在這裏寫代碼
 }
@Override
publicvoid onAnimationRepeat(Animation arg0) {
// TODO Auto-generated method stub
//這裏是這個動畫效果重複運行時，會運行的方法
 }
@Override
publicvoid onAnimationStart(Animation arg0) {
// TODO Auto-generated method stub
//這裏是這個動畫效果開始時，會運行的方法
 }
}

Frame-By-Frame Animations

Frame-By-Frame Animations是另一類Animations，和Tweened Animations不同。

它其實是多張圖片不斷切換，形成的動畫效果，個人覺得實際應用性不強。

實現方法：

首先需要幾張圖片，我們要用這些圖片組成動畫效果，在res/drawable類的文件夾，建立一個xml文件，內容如下：

<?xmlversion="1.0"encoding="UTF-8"?>
<animation-listxmlns:android="http://schemas.android.com/apk/res/android"
android:oneshot="false">
<itemandroid:drawable="@drawable/p1"android:duration="500"></item>
<itemandroid:drawable="@drawable/p2"android:duration="500"></item>
<itemandroid:drawable="@drawable/p3"android:duration="500"></item>
<itemandroid:drawable="@drawable/p4"android:duration="500"></item>
</animation-list>

很簡單，就是創建一個animation-list，內部是我們的圖的資源和顯示的時間。

Java文件中的代碼：

publicclass AnimationDemo5Activity extends Activity {
/** Called when the activity is first created. */
Button start = null;//佈局文件中定義了一個Button控件
ImageView imageView = null;//佈局文件中定義了一個ImageView控件
@Override
publicvoid onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
imageView = (ImageView)findViewById(R.id.image);
start = (Button)findViewById(R.id.start);
start.setOnClickListener(new OnClickListener() {
@Override
publicvoid onClick(View arg0) {
// TODO Auto-generated method stub
 imageView.setBackgroundResource(R.drawable.move);//爲ImageView對象設置圖片的資源
 AnimationDrawable animationDrawable = (AnimationDrawable)imageView.getBackground();//創建AnimationDrawable對象
 animationDrawable.start();//啓動動畫
 }
 });
 }
}

以上是Frame-By-Frame Animations的簡單使用方法。

附件是上面3個例子的示例代碼，僅供參考。

如果我的文章給與了你幫助，就不妨請我喝杯咖啡吧，點擊->