Android应用——用LayoutTransition在View动态显示和隐藏时候加上动画

容器布局动画LayoutTransition的介绍

在Android应用开发的时候经常会用到View的setVisibility()方法来动态隐藏和显示view，但是这样子是没有过渡动画的，变化的时候会显得很生硬。
LayoutTransition是一个在4.0新引入的Api。
主要功能是在ViewGroup的layout发生变化的时候能够自动创建动画。具体使用的时候，首先创建一个LayoutTransition对象，并在容器布局调用setLayoutTransition(LayoutTransition)方法。这样，每当有子view从容器中出现或消失的时候，默认的animator就会被自动调用。当然，你也可以通过setAnimator()来设置自定义的动画。

ViewGroup  container = (ViewGroup) findViewById(R.id.container);LayoutTransition transition = new LayoutTransition();container.setLayoutTransition(transition);

如果你要使用默认的动画，一个非常简单的方式是在ViewGroup的XML布局文件中把android:animateLayoutchanges 属性设置为true。

在4.1 JellyBean上还有一个增强的功能，可以在容器内的子view的layout发生变化时也播放动画，用法如下。

LayoutTransition transition = container.getLayoutTransition();transition.enableTransitionType(LayoutTransition.CHANGING);

四种容器转换动画类型

1.View本身的出现动画；

2.消失动画；

3.由于新增了其他View而需要改变位置的动画；

4.由于移除了其他View而需要改变位置的动画。

将动画设置到LayoutTransition 的方法

通过setAnimator() 方法把它们设置进一个 LayoutTransition 对象中去。
　　设置的时候需要一个 Animator 对象和一个常数：
APPEARING—— A flag indicating the animation that runs on items that are appearing in the container.
CHANGE_APPEARING——A flag indicating the animation that runs on items that are changing due to a new item appearing in the container.
DISAPPEARING——A flag indicating the animation that runs on items that are disappearing from the container.
CHANGE_DISAPPEARING——A flag indicating the animation that runs on items that are changing due to an item disappearing from the container.

当然你可以自己定义这四种事件类型的动画，也可以使用默认的动画。
　　最后通过setLayoutTransition(LayoutTransition)方法把这些动画以一个 LayoutTransition 对象的形式设置给一个ViewGroup即可。　　
　

完整代码

功能描述：当点击添加动画的按钮时，会在LinearLayout 里面动态的添加上很多按钮(按钮出现的动画是：由小到大、旋转、透明)，而这些动画都是通过定义在res下面的animator文件里的属性定义实现的。

主函数

public class MainActivity extends AppCompatActivity implements View.OnClickListener {    private Button mButtonAdd;    private LinearLayout linearLayout;    int count;    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        mButtonAdd = (Button) findViewById(R.id.button);        linearLayout = (LinearLayout) findViewById(R.id.linearlayout);        mButtonAdd.setOnClickListener(this);        LayoutTransition transition=new LayoutTransition();        transition.getDuration(2000);        transition.setAnimator(LayoutTransition.APPEARING, AnimatorInflater.loadAnimator(getApplicationContext(), R.animator.animator_scale));        transition.setAnimator(LayoutTransition.CHANGE_APPEARING, transition.getAnimator(LayoutTransition.CHANGE_APPEARING));        transition.setAnimator(LayoutTransition.DISAPPEARING, transition.getAnimator(LayoutTransition.DISAPPEARING));        transition.setAnimator(LayoutTransition.CHANGE_DISAPPEARING,transition.getAnimator(LayoutTransition.CHANGE_DISAPPEARING));        linearLayout.setLayoutTransition(transition);    }    @Override    public void onClick(View v) {        switch (v.getId()) {            case R.id.button:                count++;                Button btn = new Button(MainActivity.this);                ViewGroup.LayoutParams params = new ViewGroup.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);                btn.setLayoutParams(params);                btn.setText("按钮" + count);                /*                下面这四条语句是按钮最开始的样式，前两句是表示按钮开始的时候是没有显示的，后两句是表示按钮出现后是以30度                和45度形式显现的，但最后都会被设置在res下面的animator中的animator_scale.xml文件里的相应属性掩盖。（即最后呈现的是文件里的属性）                 */                btn.setScaleX(0f);                btn.setScaleY(0f);                btn.setRotationX(30);                btn.setRotationY(45);                btn.setOnClickListener(new View.OnClickListener() {                    @Override                    public void onClick(View v) {                        linearLayout.removeView(v);                    }                });                linearLayout.addView(btn);                break;        }    }}

新建animator.xml文件

在res下面建一个animator文件夹，然后在这个文件夹里面写一个animator_scale.xml文件，最后在主函数里进行调用。

<?xml version="1.0" encoding="utf-8"?><set xmlns:android="http://schemas.android.com/apk/res/android"    android:ordering="together">    <objectAnimator        android:duration="1000"        android:propertyName="scaleX"        android:valueFrom="0.2"        android:valueTo="1"></objectAnimator>   <objectAnimator    android:duration="1000"    android:propertyName="scaleY"    android:valueFrom="0.2"    android:valueTo="1"></objectAnimator>    <objectAnimator        android:duration="1000"        android:valueFrom="0"        android:valueTo="360"        android:propertyName="rotationX"></objectAnimator>    <objectAnimator        android:duration="1000"        android:valueFrom="0"        android:valueTo="360"        android:propertyName="rotationY"></objectAnimator>    <objectAnimator        android:duration="1000"        android:valueFrom="0"        android:valueTo="1"        android:propertyName="alpha"></objectAnimator></set>

布局

注意：在这个布局里面有两个LinearLayout ,嵌套的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:paddingLeft="@dimen/activity_horizontal_margin"    android:paddingRight="@dimen/activity_horizontal_margin"    android:paddingTop="@dimen/activity_vertical_margin"    android:paddingBottom="@dimen/activity_vertical_margin"    android:background="#FFB6C1"    android:orientation="vertical" tools:context=".MainActivity">    <Button        android:id="@+id/button"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:text="添加动画"/>    <LinearLayout    android:id="@+id/linearlayout"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:orientation="vertical"    ></LinearLayout></LinearLayout>

在这个程序里用到了Animator，如果想了解它的的详细介绍，可查看：http://blog.csdn.net/liujiaoruiit/article/details/48595159