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的东西,有错误欢迎指出,指出来就是一顿怼,别问,问就是不改....
网友评论