仿陌陌注册登录引导页背景效果

         话不多说，先看实现效果：

       

   实现思路：

1、背景明显是采用gridview布局，每个item布局的最上层加上一个灰色透明遮罩层。

2、动画效果是从暗到亮再重亮到暗。

       看到动画的第一眼可能先想到的是使用渐变透明度的动画，通过AnimationSet加入两个渐变透明度动画,一个是由暗到亮,另一个是由亮到暗，结果发现动画衔接的效果不好（当第一个动画执行完后恢复到原来状态以后第二个动画才开始，效果就变成了由暗->亮->暗->亮->暗）。此路不可行，必须另辟蹊径，通过setImageAlpha()方法动态修改遮罩层的透明度来实现这个效果，同时，还需要监听动画的过程，在动画完成以后随机再启动下一个动画，如何监听呢？这里我们使用属性动画ValuAnimator的addUpdateListener来实现,关键代码如下所示:

    private void performAnimate(final ImageView target){
        isFirstStart = false;
        ValueAnimator valueAnimator = ValueAnimator.ofInt(0,255);
        valueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
            private int image_alpha = 255;
            @Override
            public void onAnimationUpdate(ValueAnimator animation) {
                int currentValue = (int) animation.getAnimatedValue();//当前动画执行了多少
                float fraction = currentValue / 255f;//动画占整个动画的比重
                if(fraction<=0.5f){

                   //透明度由不透明到透明（即由暗到亮的过程）

                    if(image_alpha - 7 >= 0){
                        image_alpha -=7;
                    }
                }else{

                  //透明度由透明到不透明（即由亮到暗的过程）

                    if(image_alpha +7 <= 255){
                        image_alpha +=7;
                    }
                }

                if(Build.VERSION.SDK_INT <= 15){
                    target.setAlpha(image_alpha);
                }else{
                    target.setImageAlpha(image_alpha);
                }
                target.invalidate();//刷新界面
                if(currentValue == 255){
                    nextPos = random.nextInt(coverPicMap.size());//下一个动画位置
                    while(nextPos == currentPos){
                        //下一次动画位置相同时再取随机数,直到不同为止,防止同一个位置连续出现2次动画
                        nextPos = random.nextInt(coverPicMap.size());
                        break;
                    }
                    currentPos = nextPos;
                    performAnimate(coverPicMap.get(nextPos));
                }
            }
        });
        valueAnimator.setDuration(5000).start();
    }

 3、随机播放动画，使用随机函数Random随机抽取动画位置。

源码下载地址:http://download.csdn.net/detail/lmz14/8890305