【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个例子的示例代码，仅供参考。

如果我的文章给与了你帮助，就不妨请我喝杯咖啡吧，点击->