android app启动动画效果,Android Animation实战之一个APP的ListView的动画效果

本文介绍了如何在Android中实现ListView的动画效果,包括使用Layout Animation创建布局动画,以及模仿窝牛装修APP的列表项滑动动画。通过在XML中设置布局动画控制器和在Java代码中控制显示顺序,实现了ListView的动画显示。此外,还展示了如何在BaseAdapter的getView方法中利用动画资源,避免已加载项重复播放动画,从而优化用户体验。
摘要由CSDN通过智能技术生成

熟悉了基础动画的实现后,便可以试着去实现常见APP中出现过的那些精美的动画。今天我主要给大家引入一个APP的ListView的动画效果: 当展示ListView时,Listview的每一个列表项都按照规定的动画显示出来。

说起来比较抽象,先给大家看一个动画效果,这是APP窝牛装修的ListView显示动画:

432cc7a29d3cab04af94cd16885b1d93.gif

有木有觉得很酷炫?有木有啊!?

一、Layout Animation

所谓的布局动画,其实就是为ViewGroup添加显示动画效果,主要用过LayoutAnimationController来控制实现。LayoutAnimationController用于为一个Layout里面的控件,或者是一个ViewGroup里面的控件设置动画效果,可以在XML文件中设置,亦可以在Java代码中设置。

1.1 在XML文件中设置布局动画

首先,我们在res/anim文件夹下建立一个list_anim_layout.xml文件,该文件就是布局动画控制器。

android:delay="30%"

android:animationOrder="random"

android:animation="@anim/slide_right" />

android:delay  子类动画时间间隔 (延迟)   70% 也可以是一个浮点数 如“1.2”等。

android:animationOrder="random"   子类的显示方式 random表示随机。

android:animationOrder 的取值有

normal 0    默认

reverse 1 倒序

random 2   随机

android:animation="@anim/slide_right" 表示列表项显示时的具体动画是什么!

下面,我们定义每一个列表项显示时的动画效果吧,及slide_right.xml:

android:interpolator="@android:anim/accelerate_interpolator">

android:duration="3000"

android:fromXDelta="100%p"

android:toXDelta="0%p" />

显示的效果为ListView第一次出现的时候为 item随机出现 每个Item都是从右边的区域向左滑动到显示的地方。

接下来,你只需要把这个布局动画,指定到ViewGroup上就好了:

android:id="@+id/listView"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:layoutAnimation="@anim/list_anim_layout"

>

就这么简单就完成了,快来看下效果吧:

bd4ac13a9de5e28d92dd36daff4698f6.gif

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值