Android开发实战之补间动画和属性动画

  说起动画,其实一点也不陌生,在使用一款app的时候为了优化用户体验,多多少少的,都会加入动画。

安卓中的动画,分为两大类:补间动画和属性动画。本篇博文会详细介绍总结这两大动画,希望本篇博文对你的学习和生活有所帮助。

**补间动画**

 补间动画分为四类:平移动画,旋转动画,缩放动画和渐变动画。这几类动画用法都差不多,只是对象参数不同这里我统一展示出来。以下是效果图:

实现代码很简单:

       btn1.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                //平移动画
                TranslateAnimation translate=new TranslateAnimation(Animation.RELATIVE_TO_SELF,300,
                        Animation.RELATIVE_TO_SELF,300);
                translate.setDuration(3000);
                translate.setFillAfter(true);
                img.startAnimation(translate);
            }
        });
        btn2.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                //旋转动画
                RotateAnimation rotate=new RotateAnimation(0,360, Animation.RELATIVE_TO_SELF,0.5f,
                        Animation.RELATIVE_TO_SELF,0.5f);
                rotate.setFillAfter(true);
                rotate.setDuration(3000);
                img.startAnimation(rotate);
            }
        });
        btn3.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                //缩放动画
                ScaleAnimation scale=new ScaleAnimation(0,2,0,2,Animation.RELATIVE_TO_SELF,0.5f,
                        Animation.RELATIVE_TO_SELF,0.5f);
                scale.setDuration(3000);
                img.startAnimation(scale);
            }
        });
        btn4.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                //渐变动画
                AlphaAnimation alpha =new AlphaAnimation(0,1);
                alpha.setDuration(3000);
                img.startAnimation(alpha);
            }
        });

 总结以下:

AlphaAnimation:渐变动画,0.0f完全透明,1.0f完全显示。

RotateAnimation:旋转动画。起始角度,结束角度,相对值,横坐标的比例,相对值,纵坐标的比例。(结束角度为正就为顺时针,负数为逆时针)

ScaleAnimation:比例动画,x的位置比例起始,x的位置比例结束,y的位置比例起始,y的位置比例结束,x的锚点,x的参数,y的锚点,y的参数

setDuration:设置动画播放时间。
setFillAfter(true):界面停留在动画结束的状态·而不是初始化状态。
 除此之外我们还可以将这几个动画效果组合起来,实现组合动画。
效果图:
代码也是简单易懂:
 AnimationSet animationSet=new AnimationSet(false);
                TranslateAnimation translate=new TranslateAnimation(Animation.RELATIVE_TO_SELF,300,
                        Animation.RELATIVE_TO_SELF,300);
                translate.setDuration(3000);
                translate.setFillAfter(true);
                animationSet.addAnimation(translate);
                RotateAnimation rotate=new RotateAnimation(0,360, Animation.RELATIVE_TO_SELF,0.5f,
                        Animation.RELATIVE_TO_SELF,0.5f);
                rotate.setFillAfter(true);
                rotate.setDuration(3000);
                animationSet.addAnimation(rotate);
                ScaleAnimation scale=new ScaleAnimation(0,2,0,2,Animation.RELATIVE_TO_SELF,0.5f,
                        Animation.RELATIVE_TO_SELF,0.5f);
                scale.setDuration(3000);
                animationSet.addAnimation(scale);
                AlphaAnimation alpha =new AlphaAnimation(0,1);
                alpha.setDuration(3000);
                animationSet.addAnimation(alpha);
                img.startAnimation(animationSet);

AnimationSet通过addAnimation()方法,可以将动画结合起来,实现更多的动画效果。

**属性动画**

早起的补间动画是没有改变view的参数的,view在刷新的时候会变回原来的样子。所以,在安卓3.0之后,谷歌推出了属性动画。

而属性动画的实质就是通过例如:translationX,translationY,scaleX,scaleY,rotationX,rotationY等等,这些新增的属性,记录View的值

从而使View的动画可以得到保存,刷新后不会消失。

下面是一个简单例子,通过属性动画改变x上的缩放值:

接下来是实现代码:

  btn6.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                ObjectAnimator objectAnimator= ObjectAnimator.ofFloat(img,"scaleX",0.5f);
                objectAnimator.setDuration(3000);
                objectAnimator.setStartDelay(1000);
                objectAnimator.start();
            }
        });

如果这样实现,其实是有很多弊端的。因为,属性动画只有在3.0的版本之后能用,版本过低,是没法使用的。并且,实现一个属性动画,参数也过于繁琐。所以,这里推荐

使用开源框架:nineoldandroids

如果你使用的是Android studio 在gradle中加入:dependencies {
compile 'com.nineoldandroids:library:2.4.0'
}

 使用这个开源框架,不但能在低版本中使用属性动画,而且,实现更为简单更加方便。

   btn6.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                //NIneOldAndroid中的一个类实现
                ViewPropertyAnimator
                        .animate(img)
.scaleX(0
.5f) .setInterpolator(new OvershootInterpolator())//超过一点回来 .setDuration(3000) .start(); } });

一个简单的例子:

怎么样,是不是更加好看了?

代码也是非常简单:

  ViewPropertyAnimator
                        .animate(img)
                        .translationY(600)
                        .setInterpolator(new BounceInterpolator())//弹性掉落
                        .setDuration(1500)
                        .start();

还可以这样:

代码:

      ViewPropertyAnimator
                        .animate(img)
                        .translationX(40)
                        .setInterpolator(new CycleInterpolator(6))//左右来回抖动
                        .setDuration(1500)
                        .start();

好了,关于动画就介绍到这里,如果懂得了基本方法,如何酷炫的动画都可以通过自己组合起来,如果本篇博文有什么写的不对的地方,欢迎留言,互相探讨,最后,希望

你通过这篇博文对你的学生和生活有所帮助。

 
 
posted @ 2016-08-25 23:04  MoMask  阅读(2727)  评论(0编辑  收藏  举报