使用LayoutTransition实现布局变化时的动画

本文主要是介绍使用LayoutTransition实现布局变化时的动画，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

随时随地技术实战干货，获取项目源码、学习资料，请关注源代码社区公众号(ydmsq666)

在3.0及以后只需要在XML中设置animateLayoutChanges="true"或者在Java代码中添加一个LayoutTransition对象即可实现任何ViewGroup布局改变时的动画。

目前系统中支持以下5种状态变化，应用程序可以为下面任意一种状态设置自定义动画：

1、APPEARING：容器中出现一个视图。

2、DISAPPEARING：容器中消失一个视图。

3、CHANGING：布局改变导致某个视图随之改变，例如调整大小，但不包括添加或者移除视图。

4、CHANGE_APPEARING：其他视图的出现导致某个视图改变。

5、CHANGE_DISAPPEARING：其他视图的消失导致某个视图改变。

下面举个实例，动态的向容器中添加和移除组件来实现布局变化得动画效果，XML如下：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical" ><Button android:id="@+id/main_btn"android:layout_width="match_parent"android:layout_height="wrap_content"android:text="添加控件"/><LinearLayout android:layout_width="match_parent"android:layout_height="match_parent"android:animateLayoutChanges="true"android:id="@+id/main_container"android:orientation="vertical"/></LinearLayout>

注意在容器中设置了属性android:animateLayoutChanges="true"，这个时候容器布局改变就已经有动画效果了，只不过是系统默认的，比如添加一个按钮会出现渐入动画，移除一个按钮会出现渐出动画，而周围的视图则会平滑地填充移除时的空隙。

但是如果我们想自定义这些效果怎么办呢？使用LayoutTransition。代码如下：

public class MainActivity extends Activity implements OnClickListener {private LinearLayout mContainer;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.main);mContainer = (LinearLayout) findViewById(R.id.main_container);LayoutTransition transition = new LayoutTransition();mContainer.setLayoutTransition(transition);findViewById(R.id.main_btn).setOnClickListener(this);//使用翻转进入的动画代替默认动画Animator appearAnim = ObjectAnimator.ofFloat(null, "rotationY", 90f, 0).setDuration(transition.getDuration(LayoutTransition.APPEARING));transition.setAnimator(LayoutTransition.APPEARING, appearAnim);//使用翻转消失的动画代替默认动画Animator disappearAnim = ObjectAnimator.ofFloat(null, "rotationX", 0,90f).setDuration(transition.getDuration(LayoutTransition.DISAPPEARING));transition.setAnimator(LayoutTransition.DISAPPEARING, disappearAnim);//使用滑动动画代替默认布局改变的动画//这个动画会让视图滑动进入并短暂地缩小一半，具有平滑和缩放的效果PropertyValuesHolder pvhSlide = PropertyValuesHolder.ofFloat("y", 0, 1);PropertyValuesHolder pvhScaleY = PropertyValuesHolder.ofFloat("scaleY",1f, 0.5f, 1f);PropertyValuesHolder pvhScaleX = PropertyValuesHolder.ofFloat("scaleX",1f, 0.5f, 1f);//这里将上面三个动画综合Animator changingDisappearAnim = ObjectAnimator.ofPropertyValuesHolder(this, pvhSlide, pvhScaleY, pvhScaleX);changingDisappearAnim.setDuration(transition.getDuration(LayoutTransition.CHANGE_DISAPPEARING));transition.setAnimator(LayoutTransition.CHANGE_DISAPPEARING,changingDisappearAnim);}@Overridepublic void onClick(View view) {Button btn = new Button(this);btn.setText("移除自己");btn.setOnClickListener(new OnClickListener() {@Overridepublic void onClick(View v) {mContainer.removeView(v);}});mContainer.addView(btn, new LinearLayout.LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.WRAP_CONTENT));}

mContainer.setLayoutTransition(transition)为容器绑定一个LayoutTransition对象。接下来为transition设置了几种系统支持类型的布局改变时动画，动画时间都是取系统默认的时间，另外关于属性动画ObjectAnimator的使用，可以参照guolin大神的博客Android属性动画完全解析(上)，初识属性动画的基本用法