Android：LayoutAnimation的神奇效果

大家好，我是时曾相识2022。不喜欢唱跳篮球，但对杰伦的Rap却情有独钟。

今天给大家讲讲酷炫的动画成员——LayoutAnimation。话不多说，直接上一个简单的效果图：

怎么样，和往常自己写的没有动画效果的页面比起来是不是更加酷炫。效果图只展示了从右到左叠加渐变的效果，只要脑洞够大，LayoutAnimation是可以帮你实现各类动画的。接下来就让我们看看LayoutAnimation如何实现这样的效果。

首先，新建一个XML动画文件slide_from_right.xml：

<set xmlns:android="http://schemas.android.com/apk/res/android"

    android:duration="600">

    <translate

        android:fromXDelta="100%p"

        android:interpolator="@android:anim/decelerate_interpolator"

        android:toXDelta="0" />


    <alpha

        android:fromAlpha="0.5"

        android:interpolator="@android:anim/accelerate_decelerate_interpolator"

        android:toAlpha="1" />

</set>

set标签下由translate（移动）和alpha（渐变）动画组成。

其中translate（移动）动画由100%p移动到0。这里需要注意使用的是100%p，其中加这个p是指按父容器的宽度进行百分比计算。插值器就根据自己想要的效果设置，这里使用了一个decelerate_interpolator（减速）插值器。

第二个动画是alpha（渐变）动画，由半透明到不透明，其中插值器是先加速后减速的效果。

接着我们还需要创建一个layoutAnimation，其实也是一个XML文件layout_slid_from_right.xml：

<layoutAnimation xmlns:android="http://schemas.android.com/apk/res/android"

    android:animation="@anim/slide_from_right"

    android:animationOrder="normal"

    android:delay="15%"/>

其中animation指定的就是我们创建的第一个xml文件。animationOrder是指动画执行的顺序模式，包含normal, reverse 和random。normal就是从上到下依次进行，reverse根据名字就知道是反序，random那当然是随机了，我们就使用mormal即可。delay则是每个子视图执行动画的延迟比例，这里需要注意的是这是相对于上个子视图执行动画延时比例。

最后我们只需要在咱们的ViewGr0up中设置layoutAnimation属性即可：

android:layoutAnimation="@anim/layout_slid_from_right"

当然也可在代码中手动设置：

val lin = findViewById<LinearLayout>(R.id.linParent)

val resId = R.anim.layout_slid_from_right
lin.layoutAnimation = AnimationUtils.loadLayoutAnimation(lin.context, resId)

总结：

• 
  
• layoutAnimation可以使用在任何一个ViewGr0up上
  
• 在使用set标签做动画叠加的时候一定要注意，set标签内需要添加duration属性，也就是动画时间。如果不加动画是没有效果的。
  
• 使用移动动画时，在百分比后面添加p的意思是基于父容器宽度进行百分比计算
  

以上便是LayoutAnimation的简单使用，只要你脑洞大开，各种各样的效果都能玩出来。实现起来也很简单，赶紧在项目中使用起来吧。