美文网首页IT技术
Android中的 ObjectAnimator 动画

Android中的 ObjectAnimator 动画

作者: _L丶丶 | 来源:发表于2019-03-27 17:02 被阅读0次
    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的东西,有错误欢迎指出,指出来就是一顿怼,别问,问就是不改....


    相关文章

      网友评论

        本文标题:Android中的 ObjectAnimator 动画

        本文链接:https://www.haomeiwen.com/subject/eugzvqtx.html