Android 动画（一）---布局动画

LayoutAnimation 可以用来为ViewGroup添加动画，并按照预定的顺序把一个动画（或者动画集合）应用到ViewGroup的第一个子View 中。

可以使用LayoutAnimationController 来指定一个应用到View组中的每一个动画（或动画集合）。ViewGroup中包含的每一个View都将应用到这个相同的动画，但可以使用LayoutAnimationController来指定每一个View的顺序和起始时间。

1、创建布局动画

要创建一个新的布局动画，首先要定义一个将应用于每个子View的动画，然后，在代码中或者作为外部动画资源，创建一个新的LayoutAnimation，它引用了要应用的动画并定义了应用它的顺序和时刻安排。

1.1､定义一个将应用于每个子View的动画 popin.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:duration="2000"
        android:fromXScale="0.0"
        android:fromYScale="0.0"
        android:pivotX="50%"
        android:pivotY="50%"
        android:toXScale="1.0"
        android:toYScale="1.0" />

</set>

1.2、定义一个LayoutAnimation   popinlayout.xml

<?xml version="1.0" encoding="utf-8"?>
<layoutAnimation xmlns:android="http://schemas.android.com/apk/res/android"
    android:delay="0.5"
    android:animationOrder="reverse"
    android:animation="@anim/popin">

</layoutAnimation>

其中：

android:animationOrder="reverse"指定ViewGroup中的每一个子View应用动画的顺序，这里指定为“逆序”；

android:animation="@anim/popin"指定要在每一个View中的应用的动画，这里为1.1中的定义的动画资源；

2、使用布局动画

一旦定义了一个布局动画，就可以使用代码或者布局XML 资源将其应用到一个ViewGroup中。

2.1、在XML中使用，通过在布局定义中使用android:layoutAnimation="@anim/popinlayout"来完成

如下为 LinearLayout应用上述布局动画

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity"
    android:layoutAnimation="@anim/popinlayout">


    <Button
        android:id="@+id/start_anim_bt"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="@string/start_anim_bt_txt"/>
    <TextView
        android:id="@+id/info_tv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/hello_world" />
    <ImageView
        android:id="@+id/img_iv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/image2"/>


</LinearLayout>

2.2、在代码中设置一个布局动画，可以调用ViewGroup的setLayoutAnimation，并给它传递所希望应用到的LayoutAnimation对象的引用。

通常情况下，布局动画会在ViewGroup第一次进行布局的时候执行一次。可以通过对ViewGroup调用scheduleLayoutAnimation来强制它再次执行，然后当ViewGroup下次被布局的时候，这个动画就会再次执行。

布局动画也支持动画监听器。

<span style="white-space:pre">	</span>//得到要应用动画的ViewGroup
        linearlayout_vg=(LinearLayout)findViewById(R.id.linearlayout_vg);

        //得到在res/anim/popin.xml文件中定义的动画资源
        Animation myAnimation= AnimationUtils.loadAnimation(MainActivity.this, R.anim.popin);

        LayoutAnimationController layoutAnimationController=new LayoutAnimationController(myAnimation);
        layoutAnimationController.setDelay(0.5f);
        //设置ViewGroup中每一个子View应用动画的顺序
        layoutAnimationController.setOrder(LayoutAnimationController.ORDER_REVERSE);

        //布局动画也支持动画监听器
        linearlayout_vg.setLayoutAnimationListener(new Animation.AnimationListener() {
            @Override
            public void onAnimationStart(Animation animation) {

                Toast.makeText(MainActivity.this,"动画开始了。。。",Toast.LENGTH_SHORT).show();

            }

            @Override
            public void onAnimationEnd(Animation animation) {

                Toast.makeText(MainActivity.this,"动画结束了。。。",Toast.LENGTH_SHORT).show();
            }

            @Override
            public void onAnimationRepeat(Animation animation) {
                Toast.makeText(MainActivity.this,"动画重复执行了。。。",Toast.LENGTH_SHORT).show();

            }
        });

        //当ViewGroup被布局的时候，强制该动画再次执行
        linearlayout_vg.scheduleLayoutAnimation();

        //在ViewGroup中应用布局动画
        linearlayout_vg.setLayoutAnimation(layoutAnimationController);