为ViewGroup的子视图添加悦目的动画效果

Android提供了LayoutAnimationController类，用于为布局或者ViewGroup的子视图添加动画效果。有一点需要强调，开发者不可以为每个子视图分别指定不同的动画效果，但是LayoutAnimationController可以决定各个子视图显示动画效果的时间。使用LayoutAnimationController有两种方式：直接在代码中使用或者在XML文件中配置。

下面我们将结合透明度渐变动画（alpha animation）和位移动画（translate animation）演示如何给ListView的子视图添加动画效果的两种方法。效果如下：



方法一：

package com.example.huangfei.switcherdemo;

import android.app.ListActivity;
import android.os.Bundle;
import android.view.animation.AlphaAnimation;
import android.view.animation.Animation;
import android.view.animation.AnimationSet;
import android.view.animation.LayoutAnimationController;
import android.view.animation.TranslateAnimation;
import android.widget.ArrayAdapter;
import android.widget.ListView;

public class MainActivity extends ListActivity {

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
ListView listView = getListView();

/**
* 创建默认动画集合对象
* 传入AnimationSet构造函数的布尔型参数决定每个动画是不是使用同一个Interpolator，在本例中，
* 使用默认Interpolator。
*/
AnimationSet set = new AnimationSet(true);

//创建透明度渐变动画
Animation animation = new AlphaAnimation(0.0f, 1.0f);
animation.setDuration(200);
set.addAnimation(animation);

/**
* 创建位移动画
*
*TranslateAnimation(int fromXType, float fromXValue, int toXType, float toXValue,
* int fromYType, float fromYValue, int toYType, float toYValue)
*
* TranslateAnimation的构造函数需传入x轴和y轴的起始与结束坐标以及坐标的参照
* Animation提供了三个选项用于指定计算坐标的参照：
* Animation.ABSOLUTE
* Animation.RELATIVE_TO_SELF
* Animation.RELATIVE_TO_PARENT
*/
animation = new TranslateAnimation(Animation.RELATIVE_TO_SELF, 0.0f, Animation.RELATIVE_TO_SELF,
0.0f, Animation.RELATIVE_TO_SELF, -1.0f, Animation.RELATIVE_TO_SELF,
0.0f);
animation.setDuration(200);
set.addAnimation(animation);

//创建LayoutAnimationController对象并设置子视图动画效果持续时间
LayoutAnimationController controller = new LayoutAnimationController(set, 0.5f);

//将LayoutAnimationController对象设置到ListView中
listView.setLayoutAnimation(controller);

setListAdapter(new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1,
Countries.COUNTRIES));
}
}

方法二：

package com.example.huangfei.switcherdemo;

import android.app.ListActivity;
import android.os.Bundle;
import android.view.animation.AlphaAnimation;
import android.view.animation.Animation;
import android.view.animation.AnimationSet;
import android.view.animation.AnimationUtils;
import android.view.animation.LayoutAnimationController;
import android.view.animation.TranslateAnimation;
import android.widget.ArrayAdapter;
import android.widget.ListView;

public class MainActivity extends ListActivity {

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
ListView listView = getListView();

Animation animation = AnimationUtils.loadAnimation(this, R.anim.list_animation);
LayoutAnimationController controller = new LayoutAnimationController(animation, 0.5f);

listView.setLayoutAnimation(controller);

setListAdapter(new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1,
Countries.COUNTRIES));
}
}

list_animation.xml

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

<alpha
android:duration="200"
android:fromAlpha="0"
android:toAlpha="1"/>

<translate
android:duration="200"
android:fromYDelta="-100%"
android:toYDelta="0%"/>
</set>

为ViewGroup的子视图添加动画效果是比较简单的。动画会令应用程序看起来更专业更精练。我们其实还可以继续完善该程序。比如，开发者可以将默认Interpolator替换为BounceInterpolator。这样，当子视图滑落到预定位置时，会出现弹跳效果。此外，还可以控制子视图动画的显示顺序。

代码地址