android 属性动画的基本使用

在项目开发中，根据需求会有一些动画的效果，在android3.0之前的就有补间动画(Tween Animation)和帧动画(Frame Animation)，但是实现的效果有限，android3.0之后就出现了属性动画(Property Animation)，属性动画更改的是View实际的属性，所以不会影响其在动画执行后所在位置的正常使用。

属性动画常用api：

ObjectAnimator ：对象动画执行类。PropertyValuesHolder : 属性存储器，为两个执行类提供更新多个属性的功能。AnimatorListener ：动画执行监听，在动画开始、重复、结束、取消时进行回调。Keyframe ：为 PropertyValuesHolder提供多个关键帧的操作值。AnimatorSet ：一组动画的执行集合类：设置执行的先后顺序，时间等。TimeInterpolator ：时间插值，用于控制动画执行过程。ValueAnimator ：值动画执行类，常配合AnimatorUpdateListener使用。AnimatorUpdateListener ：动画更新监听。TypeEvaluator ：类型估值，用于设置复杂的动画操作属性的值。

属性动画插值器：

AccelerateDecelerateInterpolator ：加速减速插值器

AccelerateInterpolator ：加速插值器

AnticipateInterpolator ：回荡秋千插值器

BounceInterpolator ：弹跳插值器

CycleInterpolator ：正弦周期变化插值器

DecelerateInterpolator ：减速插值器

AnticipateOvershootInterpolator ：开始的时候向后然后向前甩一定值后返回最后的值

OvershootInterpolator：向前甩一定值后再回到原来位置

属性动画的设置：

1）translationX 和 translationY：这两个属性控制了View所处的位置，它们的值是由layout容器设置的，是相对于坐标原点（0，0左上角）的一个偏移量。2）rotation, rotationX 和 rotationY：控制View绕着轴点（pivotX和pivotY）旋转。3）scaleX 和 scaleY：控制View基于pivotX和pivotY的缩放。4）pivotX 和 pivotY：旋转的轴点和缩放的基准点，默认是View的中心点。5）x 和 y：描述了view在其父容器中的最终位置，是左上角左标和偏移量（translationX，translationY）的和。6）aplha：透明度，1是完全不透明，0是完全透明。

translationX 和 translationY:

private void startAnimationVaule(View view){    //X平移动画    ObjectAnimator oa = ObjectAnimator.ofFloat(view, "translationX", 0f, 300f);    oa.setDuration(500);    oa.start();    //Y平移动画    ObjectAnimator ob=ObjectAnimator.ofFloat(view,"translationY",0f,300f);    ob.setDuration(500);    ob.start();}

如果想添加插值器，在start之前设置相应的插值器就可以了；

rotationX 和 rotationY：

//X翻转动画ObjectAnimator oc=ObjectAnimator.ofFloat(view,"rotationX",0f,360f);oc.setDuration(500);oc.start();

scaleX 和 scaleY:

//X缩放ObjectAnimator scaleX = ObjectAnimator.ofFloat(iv, "scaleX", 1f, 0.5f);scaleX.setDuration(500);scaleX.start();

aplha:

//透明度动画ObjectAnimator scaleX = ObjectAnimator.ofFloat(iv, "alpha", 1f, 0.5f);scaleX.setDuration(500);scaleX.start();

在项目开发中可能不只是单个属性动画的时候，可能会涉及到多个动画的同时使用，对于多个动画同时执行的方式有很多种：

方式一：

private void startMoreAnimationSecond(View view){    //如果没有这个属性的时候，就默认valueanimator    ObjectAnimator haha = ObjectAnimator.ofFloat(view, "haha", 0f, 100f);    haha.setDuration(300);    //设置监听动画    haha.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {        @Override        public void onAnimationUpdate(ValueAnimator animation) {            //动画在执行的过程中，不断的调用此方法            Float animatedValue = (Float) animation.getAnimatedValue();            //X翻转            iv.setScaleX(0.5f+animatedValue/200);            //Y翻转            iv.setScaleY(0.5f+animatedValue/200);        }    });    //开启动画    haha.start();}

方式二：

private void startMoreAnimationThrid(View view){    ValueAnimator valueAnimator = ValueAnimator.ofFloat(0f, 200f);    valueAnimator.setDuration(200);    valueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {        @Override        public void onAnimationUpdate(ValueAnimator animation) {            Float animatedValue = (Float) animation.getAnimatedValue();            iv.setScaleX(0.5f+animatedValue/200);            iv.setScaleY(0.5f+animatedValue/200);        }    });    valueAnimator.start();}

方式三：

private void startMoreAnimationFour(View view){    //透明度动画    PropertyValuesHolder alpha = PropertyValuesHolder.ofFloat("alpha", 1f, 0.7f, 1f);    //X缩放    PropertyValuesHolder scaleX = PropertyValuesHolder.ofFloat("scaleX", 1f, 0.7f, 1f);    //Y缩放    PropertyValuesHolder scaleY = PropertyValuesHolder.ofFloat("scaleY", 1f, 0.7f, 1f);    //X平移    PropertyValuesHolder translationX = PropertyValuesHolder.ofFloat("translationX", 0f, 300f);    ObjectAnimator objectAnimator = ObjectAnimator.ofPropertyValuesHolder(iv, alpha, scaleX, scaleY, translationX);    objectAnimator.setDuration(1000);    objectAnimator.start();}

方式四：

private void startMoreAnimationFive(View view){    //透明度动画    ObjectAnimator alpha = ObjectAnimator.ofFloat(iv, "alpha", 1f, 0.7f, 1f);    //X缩放    ObjectAnimator scaleX = ObjectAnimator.ofFloat(iv, "scaleX", 1f, 0.7f, 1f);    //Y缩放    ObjectAnimator scaleY = ObjectAnimator.ofFloat(iv, "scaleY", 1f, 0.7f, 1f);    //动画集合    AnimatorSet set=new AnimatorSet();    set.setDuration(500);    //同时执行动画//  set.playTogether(alpha,scaleX,scaleY);    //依次执行动画    set.playSequentially(alpha,scaleX,scaleY);    set.start();}

属性动画仿淘宝产品(IOS)详情动画效果：

这个效果涉及到几个属性动画的同时使用和执行；
第一个view：翻转动画、透明度动画、缩放动画、平移动画
第二个view：平移动画

private void setAnimator(final boolean isFrist){    float fristValue=0;    float secondValue=0;    //frist 1 翻转动画  2透明度动画  3缩放动画  4平移动画    //翻转    if(isFrist){        fristValue= 0f;        secondValue=25f;    }else{        fristValue= 0f;        secondValue=25f;    }    ObjectAnimator rotationX = ObjectAnimator.ofFloat(frist, "rotationX", fristValue, secondValue);    rotationX.setDuration(300);    //透明度动画    if(isFrist){        fristValue= 1f;        secondValue=0.5f;    }else{        fristValue= 0.5f;        secondValue=1f;    }    ObjectAnimator alpha = ObjectAnimator.ofFloat(frist, "alpha", fristValue, secondValue);    alpha.setDuration(200);    //缩放动画    if(isFrist){        fristValue= 1f;        secondValue=0.8f;    }else{        fristValue= 0.8f;        secondValue=1f;    }    ObjectAnimator scaleX = ObjectAnimator.ofFloat(frist, "scaleX", fristValue, secondValue);    scaleX.setDuration(300);    ObjectAnimator scaleY = ObjectAnimator.ofFloat(frist, "scaleY", fristValue, secondValue);    scaleY.setDuration(300);    //改正向旋转设置监听，执行完毕后再执行反向旋转    if(isFrist){        fristValue= 25f;        secondValue=0f;    }else{        fristValue= 25f;        secondValue=0f;    }    ObjectAnimator rotationX1 = ObjectAnimator.ofFloat(frist, "rotationX", fristValue, secondValue);    rotationX1.setDuration(200);    //延时执行动画    rotationX1.setStartDelay(200);    if(isFrist){        fristValue= 0f;        secondValue=-0.1f * frist.getHeight();    }else{        fristValue= -0.1f * frist.getHeight();        secondValue=0f;    }    //由于缩放造成了离顶部有一段距离，需要平移上去    ObjectAnimator translationY = ObjectAnimator.ofFloat(frist, "translationY", fristValue, secondValue);    translationY.setDuration(200);    //第二个view执行平移动画---往上平移    if(isFrist){        fristValue= second.getHeight();        secondValue=0f;    }else{        fristValue= 0f;        secondValue=second.getHeight();    }    ObjectAnimator translationY1 = ObjectAnimator.ofFloat(second, "translationY", fristValue, secondValue);    translationY1.setDuration(200);    translationY1.addListener(new AnimatorListenerAdapter() {        @Override        public void onAnimationStart(Animator animation) {            super.onAnimationStart(animation);            //动画开始的时候会回调            second.setVisibility(View.VISIBLE);            if(isFrist){                bt.setClickable(false);            }        }        @Override        public void onAnimationEnd(Animator animation) {            super.onAnimationEnd(animation);            //动画结束的时候会回调            if(!isFrist){                bt.setClickable(true);            }        }    });    //将动画放到动画集合中    AnimatorSet set=new AnimatorSet();    set.playTogether(rotationX,alpha,scaleX,scaleY,rotationX1,translationY,translationY1);    //开启动画    set.start();}

在对应的点击事件那里调用就可以了；

public void startFirstAnimation(View view){//产品详情处点击事件    setAnimator(true);}

public void startSecondAnimation(View view){    setAnimator(false);}