Android Listview滑动及渐变动画

在饿了么订餐的时候发现首页的滑动动画挺不错的，在网上搜索相似的demo但是没有搜到。于是就自己跟着写了一个。其实并没有想象的那么复杂，下面是饿了么的实现效果。

我所实现的效果如下

要想实现这个效果思路是很重要的。它是根据listview的滚动状态来判断是否移动的，LIstview的状态有三种，分别是OnScrollListener.SCROLL_STATE_IDLE空闲状态OnScrollListener.SCROLL_STATE_FLING滚动状态OnScrollListener.SCROLL_STATE_TOUCH_SCROLL触摸后滚动。我是在Listview的触摸滚动状态下进行的向右移动并缩小和改变透明度的，然后当Listview停止滚动的时候出现与滚动时相反。
再者就是动画了，Android的动画在这里只用到了平移动画（TranslateAnimation），透明动画（AlphaAnimation）以及缩放动画（ScaleAnimation）然后使用 AnimationSet将多个动画组合在一起（AnimationSet提供了一个把多个动画组合成一个组合的机制，并可设置组中动画的时序关系，如同时播放，顺序播放等）。
首先要上的就是Listview滚动时的动画代码

private void startScroll() {        // Alpha动画0.0完全透明        AlphaAnimation aa = new AlphaAnimation(0.1f, 0.5f);        // 设置动画播放的时间 毫秒为单位        aa.setDuration(200);        // 界面停留在动画结束状态        aa.setFillAfter(true);        TranslateAnimation ta = new TranslateAnimation(Animation.RELATIVE_TO_SELF, 0f,                // 设置锚点                Animation.RELATIVE_TO_SELF, 1.0f, Animation.RELATIVE_TO_SELF,                0f, Animation.RELATIVE_TO_SELF,                1.0f);        // 显示时间        ta.setDuration(200);        // 界面停留在结束状态        ta.setFillAfter(true);        ScaleAnimation sa = new ScaleAnimation(1.0f, 0.5f, 1.0f, 0.5f,                // 设置锚点                Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF,                0.5f);        // 显示时间        sa.setDuration(200);        // 界面停留在结束状态        sa.setFillAfter(true);        // 创建动画        AnimationSet as = new AnimationSet(true);        as.addAnimation(sa);        as.addAnimation(ta);        as.addAnimation(aa);        // 同时播放动画        as.setFillAfter(true);        img_anim.startAnimation(as);    }

当ListView为休闲状态时的代码为

 private void endScroll() {        // showAlpha();        // Alpha动画0.0完全透明        AlphaAnimation aa = new AlphaAnimation(0.5f, 1.0f);        // 设置动画播放的时间 毫秒为单位        aa.setDuration(200);        // 界面停留在动画结束状态        aa.setFillAfter(true);        TranslateAnimation ta = new TranslateAnimation(Animation.RELATIVE_TO_SELF, 1.0f,                // 设置锚点                Animation.RELATIVE_TO_SELF, 0f, Animation.RELATIVE_TO_SELF,                1.0f, Animation.RELATIVE_TO_SELF,                0f);        // 显示时间        ta.setDuration(200);        ta.setRepeatMode(Animation.REVERSE);        // 界面停留在结束状态        ta.setFillAfter(true);        ScaleAnimation sa = new ScaleAnimation(0.5f, 1.0f, 0.5f, 1.0f,                // 设置锚点                Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF,                0.5f);        // 显示时间        sa.setDuration(200);        // 界面停留在结束状态        sa.setFillAfter(true);        // 创建动画        AnimationSet as = new AnimationSet(true);        as.addAnimation(sa);        as.addAnimation(ta);        as.addAnimation(aa);        // 同时播放动画        as.setFillAfter(true);        img_anim.startAnimation(as);    }

点击此处下载源码
如有问题请留言或加Android技术交流群 50208422如果此群已满请加Android交流群 470707794