:walking:为ListView子项添加显示时候 的动画效果

Posted 2022-12-06 梦想家哈儿和他的bug

🚶为ListView子项添加显示时候 的动画效果

先复习一下几个概念

LayoutAniamtion

LayoutAnimation 作用于ViewGroup,为ViewGroup指定一个动画，这样其子元素出厂时都忽悠这样的效果展示。我们想要实现的给listview的子项添加一个入场的动画效果，只需要使用LayourAniamtion即可。

LayoutAniamtion也是一个View动画

1.首先在res目录下面创建一个anim文件夹

2.在anim文件夹下面添加一个anim_layout文件

<?xml version="1.0" encoding="utf-8"?>
<layoutAnimation xmlns:android="http://schemas.android.com/apk/res/android"
    android:delay="0.5"
    android:animationOrder="normal"
    android:animation="@anim/anim_item">

</layoutAnimation>

• android:delay="0.5"表示动画的时间延迟
• android:animationOrder="normal"表示元素动画的顺序，有三种选项：
  • normal: 表示顺序显示，即排在前面的元素先开始播放入场动画；
  • reverse: 表示逆向显示，即排在后面的元素开始播放入场动画；
  • random： 表示随机播放入场动画。

3.为元素指定具体的入场动画

在res/anim下面创建一个新的anim_item.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="300"
    android:shareInterpolator="true">
    <alpha android:fromAlpha="0.0" android:toAlpha="1.0"/>
    <translate android:fromXDelta="500" android:toXDelta="0"/>
</set>

• 这里的代码并不难懂，就是View动画在xml文件下的编辑

4.在layout/布局问价下对listview进行相应的添加

 <ListView
        android:id="@+id/mian2_list"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:dividerHeight="2dp"
        android:divider="#f3f3f3"
        android:layoutAnimation="@anim/anim_layout"
        android:listSelector="@android:color/transparent"/>

android:layoutAnimation="@anim/anim_layout" 这句最重要！

5.最后在.java文件下进行代码逻辑编写

        listView = findViewById(R.id.mian2_list);
        animation = AnimationUtils.loadAnimation(this,R.anim.anim_item);
        controller = new LayoutAnimationController(animation);
        controller.setDelay(0.5f);
        controller.setOrder(LayoutAnimationController.ORDER_NORMAL);
        listView.setLayoutAnimation(controller);
        adapter = new ListAdapter(this,R.layout.style_listitem,list);
        listView.setAdapter(adapter);

最后进行运行就好了，入场动画可以自定义，看起来非常不错。