Android动画之属性动画（Property Animation）（三）

这一篇主要讲一下Android的布局动画。
所谓布局动画是指作用在ViewGroup上，给ViewGroup增加view时添加一个动画过渡效果。

先看一下没有任何过渡效果的demo图

感觉效果很突兀，下面介绍一下过渡动画的实现。

1、默认的过渡动画
1）最简单的布局动画是在ViewGroup的xml中添加：

    android:animateLayoutChanges="true"

通过以上代码设置，当ViewGroup添加view时，子View会呈现逐渐显示的过渡效果，不过这个效果是Android默认的，且无法自定义动画。

2）若要实现自定义动画，就应该在代码中注册，xml中删去刚刚那句话，而代码中添加：

mTransition = new LayoutTransition(); mViewGroup.setLayoutTransition(mTransition);

先看一下效果图：

可见，默认的添加和删除效果已经出来了。
这里贴一下代码,这里的代码用的是第二种默认的方式：
activity_layout_ani.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:id="@+id/id_container" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" tools:context="com.example.cntvuser.myapplication.LayoutAni">    <Button  android:id="@+id/add_button" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="click to add" android:onClick="addLayout"/></LinearLayout>

LayoutAni .java

public class LayoutAni extends AppCompatActivity {    private ViewGroup mViewGroup;    private int num;    private LayoutTransition mTransition;    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_layout_ani);        mViewGroup = (ViewGroup) findViewById(R.id.id_container);        //默认动画全部开启        mTransition = new LayoutTransition();        mViewGroup.setLayoutTransition(mTransition);        num=0;    }    public void addLayout(View view) {        final Button button = new Button(this);        button.setText((num++)+"");        mViewGroup.addView(button);        button.setOnClickListener(new View.OnClickListener() {            @Override            public void onClick(View v) {                mViewGroup.removeView(button);            }        });    }}

2、过渡的类型
过渡的类型一共有四种：

LayoutTransition.APPEARING 当一个View在ViewGroup中出现时，对此View设置的动画

LayoutTransition.CHANGE_APPEARING 当一个View在ViewGroup中出现时，对此View对其他View位置造成影响，对其他View设置的动画

LayoutTransition.DISAPPEARING 当一个View在ViewGroup中消失时，对此View设置的动画

LayoutTransition.CHANGE_DISAPPEARING 当一个View在ViewGroup中消失时，对此View对其他View位置造成影响，对其他View设置的动画

LayoutTransition.CHANGE 不是由于View出现或消失造成对其他View位置造成影响，然后对其他View设置的动画。

代码只需要加一句话

mTransition = new LayoutTransition();mTransition.setAnimator(LayoutTransition.CHANGE_APPEARING,mTransition.getAnimator(LayoutTransition.CHANGE_APPEARING));mViewGroup.setLayoutTransition(mTransition);

3、自定义动画
实现自定义动画其实很简单，只要修改setAnimator的动画

        //出现时的动画        mTransition.setAnimator(LayoutTransition.APPEARING, (ObjectAnimator.ofFloat(this, "scaleX", 0, 1)));        //消失时的动画        mTransition.setAnimator(LayoutTransition.DISAPPEARING, (ObjectAnimator.ofFloat(this, "scaleY", 1, 0)));

效果如图：

不知道大家会不会问这样的问题，为什么加到第三个按钮就从中间开始添加了，这是因为这句话的原因：

mViewGroup.addView(button,Math.min(2, num));

addView的第二个参数是添加view的位置，我们取最小值为2，即从第三个button开始，都是加在第二个位置。

更多相关文章

随机推荐