Android中的 ObjectAnimator 动画

emmmm....不知道该说啥,直接开始吧.

ObjectAnimator常用的方法,也是基础的方法

   //旋转动画  rotationX,Y分别代表绕着X,Y轴旋转,rotation表示围绕Z轴旋转
   ObjectAnimator rotationX = ObjectAnimator.ofFloat(mImage, "rotation", 0.5f, 360f);
   //缩放动画  scaleX,Y分别代表沿着X,Y轴旋转
   ObjectAnimator scaleX = ObjectAnimator.ofFloat(mImage, "scaleX", 0, 1);
  //透明度动画    0 -> 1从完全透明到完全不透明
   ObjectAnimator alpha = ObjectAnimator.ofFloat(mImage, "alpha", 0, 1);
   //平移动画   translationX,Y沿着X,Y轴平移
   ObjectAnimator translationX = ObjectAnimator.ofFloat(mImage, "translationX", 500);

以平移动画为例,说一下参数的含义:
①.mImage:需求动画的那个控件
②.translationX:改变的属性的名称,也就是要执行什么样的动画
③.500:动画的value值

多个动画同时执行,先看效果图:

动画1.gif

动画是不复杂的,缩放和透明度动画一起执行,这里要说的是如何吧多个要同时执行的动画放到一起执行,共享动画执行的时间,用到的就是PropertyValuesHolder,直接上代码:

 PropertyValuesHolder ValuesHolder1 = PropertyValuesHolder.ofFloat("scaleX",0,1);
 PropertyValuesHolder ValuesHolder2 = PropertyValuesHolder.ofFloat("scaleY",0,1);
 PropertyValuesHolder ValuesHolder3 = PropertyValuesHolder.ofFloat("alpha",0,1);
 ObjectAnimator objectAnimator = ObjectAnimator.ofPropertyValuesHolder(mImage, ValuesHolder1,ValuesHolder2, ValuesHolder3);
 objectAnimator.setDuration(1500);
 objectAnimator.start();

  需要注意,这里的动画共享动画执行时间,也就是说,无法完成多个动画分先后顺序执行!!!!

组合动画(动画分先后顺序执行),上图片:

动画2.gif

 //旋转动画  rotationX,Y分别代表绕着X,Y轴旋转,rotation表示围绕Z轴旋转
 ObjectAnimator rotationX = ObjectAnimator.ofFloat(mImage, "rotation", 0.5f, 360f);
 //缩放动画
 ObjectAnimator scaleY = ObjectAnimator.ofFloat(mImage, "scaleY", 0, 1);
 ObjectAnimator scaleX = ObjectAnimator.ofFloat(mImage, "scaleX", 0, 1);
 //透明度动画
 ObjectAnimator alpha = ObjectAnimator.ofFloat(mImage, "alpha", 0, 1);
 //平移动画
 ObjectAnimator translationX = ObjectAnimator.ofFloat(mImage, "translationX", 500);

 AnimatorSet animatorSet = new AnimatorSet();
 animatorSet.setDuration(2500);
// animatorSet.playTogether(rotationX,scaleY,alpha,translationX);
 animatorSet.play(translationX).with(rotationX).before(scaleY).before(scaleX).after(alpha);
 animatorSet.start();

  ①.创建出需要的动画
  ②.创建出AnimatorSet对象
  ③.拼接动画, animatorSet.play(A动画).with(和A动画一起执行的动画).before(在A动画之后的动画).after(在A动画之前的动画);
例如上面代码中,有两个before()动画,这个改怎么执行呢,这两个before动画作为一个整体一起执行

自定义控件+自创动画,上效果图:

进度条.gif

再上代码:

 progressVew.setVisibility(View.VISIBLE);
        ObjectAnimator animator1 = ObjectAnimator.ofFloat(progressVew, "progress", 0, 100);
         animator1.setDuration(1500);
         animator1.setInterpolator(new OvershootInterpolator());//动画会超过目标值一些，然后再弹回来
//        animator.setInterpolator(new AccelerateDecelerateInterpolator());//先加速 在减速(默认的)
//        animator.setInterpolator(new LinearInterpolator());//匀速
//        animator.setInterpolator(new AccelerateInterpolator());//持续加速
//        animator.setInterpolator(new DecelerateInterpolator());//持续减速到0
//        animator.setInterpolator(new AnticipateInterpolator());//先回拉一下再进行正常动画
//        animator.setInterpolator(new AnticipateOvershootInterpolator());//开始前回拉，最后超过一些然后回弹
//        animator.setInterpolator(new BounceInterpolator());//在目标值处弹跳
//        animator.setInterpolator(new FastOutSlowInInterpolator());//先加速再减速
//        animator.setInterpolator(new LinearOutSlowInInterpolator());//持续减速
                animator1.start();
                

ObjectAnimator animator1 = ObjectAnimator.ofFloat(progressVew, "progress", 0, 100);

这里面应该有很多疑问,咱们慢慢说:

第一,"progress"这个属性哪里来的?

这个问题,首先要说这个progerssView,这个控件是咱们自己的自定义控件,在这里面,有一个这个方法:setProgress(),其实相应的,在平移旋转等动画当中,也会有setxxxx()方法:

源码中:

progressView的代码:

public class ProgressVew extends View {

    float radius = dpToPixel(80);
    float progress = 0;
    RectF arcRectF = new RectF();

    Paint paint = new Paint(Paint.ANTI_ALIAS_FLAG);

    {
        paint.setTextSize(dpToPixel(40));
        paint.setTextAlign(Paint.Align.CENTER);
    }

    public ProgressVew(Context context) {
        super(context,null);
    }

    public ProgressVew(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs,0);
    }

    public ProgressVew(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    public void setProgress(float progress) {
        this.progress = progress;
        invalidate();
    }

    public float getProgress() {
        return progress;
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);

        //获取出来的是控件设置大小的px值
        float centerX = getWidth() / 2;
        float centerY = getHeight() / 2;

        paint.setColor(Color.parseColor("#E91E63"));
        paint.setStyle(Paint.Style.STROKE);
        paint.setStrokeCap(Paint.Cap.ROUND);
        paint.setStrokeWidth(dpToPixel(15));
        arcRectF.set(centerX - radius, centerY - radius, centerX + radius, centerY + radius);
        canvas.drawArc(arcRectF, 135, progress * 2.7f, false, paint);

        paint.setColor(Color.parseColor("#E91E63"));
        paint.setStyle(Paint.Style.FILL);
        canvas.drawText((int) progress + "%", centerX, centerY - (paint.ascent() + paint.descent()) / 2, paint);
    }
}

说白了,这个进度条的动画,是我们一步一步的画出来的,从进度0%到100%,是在调用setProgress()方法画出来的.而自定义的控件,如果有属性的动画想要使用,那么必须要定义这两个方法: setProgress(), getProgress().

进度设置的是从0到100,动画结尾的超过100的数字是那里来的?

可以往上看一下设置进度动画的时候,注释了很多代码,在哪里,就是这个问题的答案,很简单,这个效果是由Interpolator(动画插补器)来实现的,不同的插补器会带来不同的动画效果,上面的代码里面把各个插补器的效果写的很明白了,如果想试验,可以自己试一下呦.....

好了,这篇就写这些关于ObjectAnimator的东西,有错误欢迎指出,指出来就是一顿怼,别问,问就是不改....