之前写过一篇android动画入门里面介绍了Frame(逐帧)动画和Tween(补间)动画的使用, 感兴趣的朋友可以先看下。动画一共分四种,今天接着介绍下Layout(布局)动画的使用。
布局动画就是当布局上面的子控件发生变化(增加,删除,显示,隐藏)时所产生的动画,android默认是没有动画效果的,如果要实现这样的效果那就只能自己动手了。
提起布局动画就不得不说到LayoutTransition类,该类可以对ViewGroup中的View改变进行动画效果的显示,一共有四种动画变化类型,分别如下:
APPEARING:容器中新增view时需要显示的动画。
CHANGE_APPEARING:容器中新增view时,其它view需要显示的动画。
DISAPPEARING:容器中删除view时需要显示的动画。
CHANGE_DISAPPEARING:容器中删除view时,其它view需要显示的动画。
这几种动画形式是通过LayoutTransition的setAnimator(int transitionType, Animator animator)进行设置的,可以看到参数里面有个Animator, 你可以自己定义这四种事件类型的动画,也可以使用默认的动画。有了LayoutTransition之后,我们只需要通过setLayoutTransition(LayoutTransition)方法把一个 LayoutTransition设置给ViewGroup或布局即可。
上面讲的是自定义布局动画需要一些操作,如果想要更简单一些的呢?那也有,就是默认的布局转换动画,这个实现起来就很简单了,嗯。。。先上一个效果图吧。
刚刚打开App本来是没有textview的,点击click1,textview就缓缓出现了(默认动画效果),点击click2,textview就慢慢的消失了。
要实现这个效果,最重要的就是需要在布局文件中加上:
完整的布局文件如下:android:animateLayoutChanges="true"
布局文件完成之后,就需要在代码里面给两个按钮添加监听世界,第一个按钮按下时,调用mRootLinearLayout.addView(textView);<?xml version="1.0" encoding="utf-8"?> <RelativeLayout 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:paddingBottom="@dimen/activity_vertical_margin" android:paddingLeft="@dimen/activity_horizontal_margin" android:paddingRight="@dimen/activity_horizontal_margin" android:paddingTop="@dimen/activity_vertical_margin" android:id="@+id/rootLinearLayout" android:animateLayoutChanges="true" tools:context="com.example.wdong.mylayouttranslation.MainActivity"> <Button android:id="@+id/button1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentEnd="true" android:text="click1" /> <Button android:id="@+id/button2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentEnd="true" android:layout_below="@id/button1" android:text="click2" /> </RelativeLayout>
来增加textview,第二个按钮按下时,调用mRootLinearLayout.removeView(textView);来删除textview,这样就达到我们想要的效果了,怎么样?很简单吧。
这里只是详细说明了默认布局的实现过程,如果想要自己动手写一个自定义布局动画,那也不算太难,只需要按照我上面说的步骤操作即可,不过其中的难点可能在于Animator类的使用。关于自定义布局动画,这里有个比较不错的博客,推荐一下:http://blog.csdn.net/bgc525725278/article/details/50380061。