android object动画,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的东西,有错误欢迎指出,指出来就是一顿怼,别问,问就是不改....