添加链接
link之家
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接

本文来自博客园,作者: 观心静 ,转载请注明原文链接: https://www.cnblogs.com/guanxinjing/p/9708604.html

本文版权归作者和博客园共有,欢迎转载,但必须给出原文链接,并保留此段声明,否则保留追究法律责任的权利。

ObjectAnimator是ValueAnimator的子类,但ValueAnimator有个缺点,就是只能对数值对动画计算。我们要想对哪个控件操作,需要监听动画过程,在监听中对控件操作。这样使用起来相比补间动画而言就相对比较麻烦。 为了能让动画直接与对应控件相关联,以使我们从监听动画过程中解放出来,谷歌的开发人员在ValueAnimator的基础上,又派生了一个类ObjectAnimator; 由于ObjectAnimator是派生自ValueAnimator的,所以ValueAnimator中所能使用的方法,在ObjectAnimator中都可以正常使用。

ObjectAnimator在start启动动画后,退出Activity或者Fragment 一定需要pause(); 暂停 与cancel(); 取消。否则可能导致 内存泄露

translationX的效果

    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_my_view_demo);
        view2 = (MyView_1)findViewById(R.id.MyView2);
        //传入float数组可以根据float数组里的值分别移动,注意!里面的值只是移动多少增量值,不是坐标值
        float [] f = new float[]{100,-100,0};
        ObjectAnimator objectAnimatorA = ObjectAnimator.ofFloat(view2,"translationX",f);
        //持续时间
        objectAnimatorA.setDuration(3000);
        objectAnimatorA.start();

translationY的效果

    float [] f = new float[]{100,-100,0};
        ObjectAnimator objectAnimatorA = ObjectAnimator.ofFloat(view2,"translationY",f);
        objectAnimatorA.setDuration(3000);
        objectAnimatorA.start();

translationX+translationY的效果

 float [] f = new float[]{100,-100,0};
        ObjectAnimator objectAnimatorA = ObjectAnimator.ofFloat(view2,"translationX",f);
        objectAnimatorA.setDuration(3000);
        objectAnimatorA.start();
        ObjectAnimator objectAnimatorB = ObjectAnimator.ofFloat(view2,"translationY",f);
        objectAnimatorB.setDuration(3000);
        objectAnimatorB.start();

rotation的效果

     float [] f = new float[]{90,-90,45};
        ObjectAnimator objectAnimatorA = ObjectAnimator.ofFloat(view2,"rotation",f);
        objectAnimatorA.setDuration(3000);
        objectAnimatorA.start();

rotationX的效果

     float [] f = new float[]{90,-90,45};
        ObjectAnimator objectAnimatorA = ObjectAnimator.ofFloat(view2,"rotationX",f);
        objectAnimatorA.setDuration(3000);
        objectAnimatorA.start();

rotationY的效果

     float [] f = new float[]{90,-90,45};
        ObjectAnimator objectAnimatorA = ObjectAnimator.ofFloat(view2,"rotationY",f);
        objectAnimatorA.setDuration(3000);
        objectAnimatorA.start();

rotation+rotationX的效果

    float [] f = new float[]{90,-90,45};
        ObjectAnimator objectAnimatorA = ObjectAnimator.ofFloat(view2,"rotation",f);
        objectAnimatorA.setDuration(3000);
        objectAnimatorA.start();
        ObjectAnimator objectAnimatorB = ObjectAnimator.ofFloat(view2,"rotationX",f);
        objectAnimatorB.setDuration(3000);
        objectAnimatorB.start();

rotation+rotationY的效果

    float [] f = new float[]{90,-90,45};
        ObjectAnimator objectAnimatorA = ObjectAnimator.ofFloat(view2,"rotation",f);
        objectAnimatorA.setDuration(3000);
        objectAnimatorA.start();
        ObjectAnimator objectAnimatorB = ObjectAnimator.ofFloat(view2,"rotationY",f);
        objectAnimatorB.setDuration(3000);
        objectAnimatorB.start();

rotationX+rotationY的效果

    float [] f = new float[]{100,-100,0};
        ObjectAnimator objectAnimatorA = ObjectAnimator.ofFloat(view2,"rotationX",f);
        objectAnimatorA.setDuration(3000);
        objectAnimatorA.start();
        ObjectAnimator objectAnimatorB = ObjectAnimator.ofFloat(view2,"rotationY",f);
        objectAnimatorB.setDuration(3000);
        objectAnimatorB.start();

setPivotX 和 setPivotY 的效果

 view2 = (MyView_1)findViewById(R.id.MyView2);
        //float [] f  = new float[]{-180,180};
        ObjectAnimator objectAnimatorA = ObjectAnimator.ofFloat(view2,"rotation",360);
        //参数是 100% 等于 1 ,90% 等于0.9 , 300%等于3(当然如果设置300% 坐标将远离View,会将View画更大的圈)
        view2.setPivotX(1);
        view2.setPivotY(1);
        //view2.setPivotX(view2.getWidth()/2); 另一种写法可以更精确的设置view的支点
        //view2.setPivotY(view2.getHeight());
        objectAnimatorA.setDuration(3000);
        objectAnimatorA.start();

scaleX的效果

view2 = (MyView_1)findViewById(R.id.MyView2);
        float [] f  = new float[]{1,3f};
        ObjectAnimator objectAnimatorA = ObjectAnimator.ofFloat(view2,"scaleX",f);
        //ObjectAnimator objectAnimatorA = ObjectAnimator.ofFloat(view2,"scaleX",1,3f); 直接这样写也可以
        objectAnimatorA.setDuration(3000);
        objectAnimatorA.start();

scaleY的效果

 view2 = (MyView_1)findViewById(R.id.MyView2);
        float [] f  = new float[]{1,3f};
        ObjectAnimator objectAnimatorA = ObjectAnimator.ofFloat(view2,"scaleY",f);
        objectAnimatorA.setDuration(3000);
        objectAnimatorA.start();

scaleX + scaleY 的效果

view2 = (MyView_1)findViewById(R.id.MyView2);
        float [] f  = new float[]{1,3f};
        ObjectAnimator objectAnimatorA = ObjectAnimator.ofFloat(view2,"scaleX",f);
        objectAnimatorA.ofFloat(view2,"scaleY",f);
        objectAnimatorA.setDuration(3000);
        objectAnimatorA.start();
        ObjectAnimator objectAnimatorB = ObjectAnimator.ofFloat(view2,"scaleY",f);
        objectAnimatorB.ofFloat(view2,"scaleY",f);
        objectAnimatorB.setDuration(3000);
        objectAnimatorB.start();

alpha 的效果

    view2 = (MyView_1)findViewById(R.id.MyView2);
        float [] f  = new float[]{1,0f,1};
        ObjectAnimator objectAnimatorA = ObjectAnimator.ofFloat(view2,"alpha",f);
        objectAnimatorA.setDuration(5000);
        objectAnimatorA.start();

x和y的效果

//y 和 translationY 的区别是 y 属性是直接移动到y的坐标点上,
        // 而 translationX 是增量值,意思是需要移动多少
        view2 = (MyView_1)findViewById(R.id.MyView2);
        ObjectAnimator objectAnimatorA = ObjectAnimator.ofFloat(view2,"y",700);
        objectAnimatorA.setDuration(5000);
        objectAnimatorA.start();
        ObjectAnimator objectAnimatorB = ObjectAnimator.ofFloat(view2,"x",500);
        objectAnimatorB.setDuration(5000);
        objectAnimatorB.start();

setStartDelay(long startDelay) 延迟动画启动效果

view2 = (MyView_1)findViewById(R.id.MyView2);
        ObjectAnimator objectAnimatorA = ObjectAnimator.ofFloat(view2,"translationX",500);
        objectAnimatorA.setDuration(5000);
        //延迟两秒启动动画
        objectAnimatorA.setStartDelay(2000);
        //不要忘记启动动画
        objectAnimatorA.start();

setStartDelay(long startDelay) 延迟动画,动画分段效果

view2 = (MyView_1)findViewById(R.id.MyView2);
        ObjectAnimator objectAnimatorA = ObjectAnimator.ofFloat(view2,"translationX",500);
        objectAnimatorA.setDuration(5000);
        objectAnimatorA.start();
        ObjectAnimator objectAnimatorB = ObjectAnimator.ofFloat(view2,"translationY",700);
        objectAnimatorB.setDuration(5000);
        objectAnimatorB.setStartDelay(5000);
        objectAnimatorB.start();

setInterpolator(TimeInterpolator value)  的一系列效果

功能说明:

setInterpolator方法是改变动画所使用的时间插值器,通俗的讲就是在不同时间点上改变动画的播放速度和动画效果,他们一共有以下几个插值器

  • LinearInterpolator 线性插值器
  • AccelerateDecelerateInterpolator 先加速在减速插值器
  • AccelerateInterpolator 加速插值器
  • OvershootInterpolator  超出回弹插值器
  • AnticipateOvershootInterpolator 预期超出回弹插值器
  • DecelerateInterpolator 减数插值器
  • CycleInterpolator 循环插值器
  • BounceInterpolator 回弹查插值器
  • PathInterpolator 路径查插值器
  • 使用系统自带的 new BounceInterpolator() 效果(掉落回弹):

    view2 = (MyView_1)findViewById(R.id.MyView2);
            ObjectAnimator objectAnimatorA = ObjectAnimator.ofFloat(view2,"translationY",800);
            objectAnimatorA.setDuration(5000);
            objectAnimatorA.setInterpolator(new BounceInterpolator());
            objectAnimatorA.start();

    使用系统自带的 new AccelerateInterpolator() 效果(先慢后快):

    view2 = (MyView_1)findViewById(R.id.MyView2);
            ObjectAnimator objectAnimatorA = ObjectAnimator.ofFloat(view2,"translationY",800);
            objectAnimatorA.setDuration(5000);
            //objectAnimatorA.setInterpolator(new AccelerateInterpolator()); 可以不加参数
            //参数是让下掉效果速度改变
            objectAnimatorA.setInterpolator(new AccelerateInterpolator(3f));
            objectAnimatorA.start();

    使用系统自带的new DecelerateInterpolator() 的效果(先快后慢):

        view2 = (MyView_1)findViewById(R.id.MyView2);
            ObjectAnimator objectAnimatorA = ObjectAnimator.ofFloat(view2,"translationY",800);
            objectAnimatorA.setDuration(5000);
            objectAnimatorA.setInterpolator(new DecelerateInterpolator(3f));
            objectAnimatorA.start();

    使用系统自带的 new AnticipateOvershootInterpolator() 的效果(先小幅度向上在正常播放然后在放大,在回正):

    看了这么多移动的效果,我们看看放大的效果是什么样子的:

        view2 = (MyView_1)findViewById(R.id.MyView2);
            ObjectAnimator objectAnimatorA = ObjectAnimator.ofFloat(view2,"scaleX",1,3f);
            objectAnimatorA.setDuration(5000);
            objectAnimatorA.setInterpolator(new AnticipateOvershootInterpolator(2f));
            objectAnimatorA.start();
            ObjectAnimator objectAnimatorB = ObjectAnimator.ofFloat(view2,"scaleY",1,3f);
            objectAnimatorB.setDuration(5000);
            objectAnimatorB.setInterpolator(new AnticipateOvershootInterpolator(2f));
            objectAnimatorB.start();

    使用系统自带的 new CycleInterpolator() 的效果(循环):

            view2 = (MyView_1)findViewById(R.id.MyView2);
            ObjectAnimator objectAnimatorA = ObjectAnimator.ofFloat(view2,"translationY",200);
            objectAnimatorA.setDuration(5000);
            objectAnimatorA.setInterpolator(new CycleInterpolator(2f));
            objectAnimatorA.start();

    自定义Interpolator:

    Interpolator还有很多不单单是上面这些效果,还有更多其他效果,你可以逐一去体验。系统自带的效果基本上可以满足正常使用,当然除了使用系统自带的还能自己写Interpolator。但是,对数学能力就有要求了,牛逼的大神可以就可以自己试试写Interpolator效果:

    第一种写法:

    直接自写一个类,继承Interpolator ,然后重写getInterpolation方法就可以了。然后使用的时候直接将自写的class实例化,添加到setInterpolator(里面) 就可以了。

    第二种写法:

    直接new 写内部类重写方法:

     view2 = (MyView_1)findViewById(R.id.MyView2);
            ObjectAnimator objectAnimatorA = ObjectAnimator.ofFloat(view2,"translationY",600);
            objectAnimatorA.setDuration(5000);
            objectAnimatorA.setInterpolator(new Interpolator() {
                @Override
                public float getInterpolation(float input) {
                    float result;
                    if (input <= 0.5) {
                        result = (float) (Math.sin(Math.PI * input)) / 2;
                    } else {
                        result = (float) (2 - Math.sin(Math.PI * input)) / 2;
                    return result;
            objectAnimatorA.start();
    

    动画组合、背景颜色渐变效果图:

             view2 = (MyView_1)findViewById(R.id.MyView2);
            /* 动画组合顺序说明:
            after(Animator anim) 解释: play(Animator)放在after(Animator)后面运行
            after(long delay)  解释:同上
            before(Animator anim)  解释:play(Animator) 放在 before(Animator anim) 前面运行
            with(Animator anim)  解释:play(Animator) 与 with(Animator anim)  同时运行
             顺序关系:
             先  after >  (play=with) >  before  后
            //设置颜色    0x(进制)FF(透明度)38184E(RGB颜色值)  注意!两个颜色跨度不应该过大,否则会闪。
            ObjectAnimator objectAnimator1 = ObjectAnimator.ofInt(view2,"backgroundColor",0xFF88FF88,0xFF88FFE7);
            ObjectAnimator objectAnimator2 = ObjectAnimator.ofFloat(view2,"translationX",500);
            ObjectAnimator objectAnimator3 = ObjectAnimator.ofFloat(view2,"translationY",800);
            ObjectAnimator objectAnimator4 = ObjectAnimator.ofFloat(view2,"rotation",-90,90);
            AnimatorSet animatorSet = new AnimatorSet();
            //组合动画
            // 先执行 objectAnimator4 旋转
            // 在同步运行objectAnimator1变色和objectAnimator2 向右移动
            // 然后在运行objectAnimator4向下
            animatorSet.play(objectAnimator1).after(objectAnimator4).before(objectAnimator3).with(objectAnimator2);
            animatorSet.setDuration(5000);
            animatorSet.start();

    大量动画的组合方式:

            view2 = (MyView_1)findViewById(R.id.MyView2);
            ObjectAnimator objectAnimator1 = ObjectAnimator.ofFloat(view2,"x",980);
            ObjectAnimator objectAnimator2 = ObjectAnimator.ofFloat(view2,"y",1440);
            ObjectAnimator objectAnimator3 = ObjectAnimator.ofFloat(view2,"x",0);
            ObjectAnimator objectAnimator4 = ObjectAnimator.ofFloat(view2,"y",0);
            AnimatorSet animatorSet = new AnimatorSet();
            animatorSet.play(objectAnimator1).before(objectAnimator2);
            animatorSet.play(objectAnimator2).before(objectAnimator3);
            animatorSet.play(objectAnimator3).before(objectAnimator4);
            animatorSet.setDuration(5000);
            animatorSet.start();

    循环播放动画:

             view2 = (MyView_1)findViewById(R.id.MyView2);
            float[] f = new float[]{200} ;
            ObjectAnimator objectAnimator1 = ObjectAnimator.ofFloat(view2,"translationX",f);
            objectAnimator1.setDuration(3000);
            //重复次数 备注:这里的次数是从0开始计算的 1 等于2次。 另外如果参数是-1等于无限循环
            objectAnimator1.setRepeatCount(1);
            //重复模式 ValueAnimator.RESTART 重新开始
            objectAnimator1.setRepeatMode(ValueAnimator.RESTART);
            objectAnimator1.start();

    objectAnimator1.setRepeatMode(ValueAnimator.REVERSE); 另个属性为反向,先按照动画步骤返回在进行重复

    多个View组合管理动画思维

        override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
            super.onViewCreated(view, savedInstanceState)
            if (!mIsInit) {
                initListener()
                initAnim()
                mIsInit = true
        override fun onStop() {
            super.onStop()
            for (item in mAnimList) {
                item.cancel()
        fun initListener() {
            mBinding.icon1.setOnClickListener {
                startAnim(mBinding.icon1)
            mBinding.icon2.setOnClickListener {
                startAnim(mBinding.icon2)
            mBinding.icon3.setOnClickListener {
                startAnim(mBinding.icon3)
            mBinding.icon4.setOnClickListener {
                startAnim(mBinding.icon4)
        private fun initAnim() {
            mAnimList.add(ObjectAnimator.ofFloat(mBinding.icon1, "translationX", -5f))
            mAnimList.add(ObjectAnimator.ofFloat(mBinding.icon1, "translationY", 5f))
            mAnimList.add(ObjectAnimator.ofFloat(mBinding.icon2, "rotationY", -10f, 10f))
            mAnimList.add(ObjectAnimator.ofFloat(mBinding.icon3, "translationY", -5f))
            mAnimList.add(ObjectAnimator.ofFloat(mBinding.icon4, "scaleX", 1.05f))
            mAnimList.add(ObjectAnimator.ofFloat(mBinding.icon4, "scaleY", 1.05f))
            for (item in mAnimList) {
                item.duration = 1000
                item.repeatCount = -1
                item.repeatMode = ValueAnimator.REVERSE
        private fun startAnim(view: View) {
            for (item in mAnimList) {
                if (view == item.target) {
                    if (item.isPaused) {
                        item.resume()
                    } else {
                        item.start()
                } else {
                    item.pause()
    

    最后是其他api的详细解释

    setDuration(long duration) 
    通过setDuration方法可以设置动画总共的持续时间,以毫秒为单位。

    start() 
    通过start方法可以启动动画,动画启动后不一定会立即运行。如果之前通过调用setStartDelay方法设置了动画延迟时间,那么会在经过延迟时间之后再运行动画;如果没有设置过动画的延迟时间,那么动画在调用了start()方法之后会立即运行。在调用了start()方法之后,动画的isStarted()方法就会返回true;在动画真正运行起来之后,动画的isRunning()方法就会返回true,这时候动画才会调用TimeInterpolator才开始工作计算属性在某个时刻的值。调用动画的start()方法所在的线程必须绑定了一个Looper对象,如果没有绑定就会报错。当然,UI线程(即主线程)早就默认绑定了一个Looper对象,所以在主线程中我们就无需担心这个问题。如果我们想在一个View上使用属性动画,那么我们应该保证我们是在UI线程上调用的动画的start()方法。start()方法运行后会触发动画监听器AnimatorListener的onAnimationStart方法的执行。

    setStartDelay(long startDelay) 
    可以通过调用setStartDelay方法设置动画的延迟运行时间,比如调用setStartDelay(1000)意味着动画在执行了start()方法1秒之后才真正运行,这种情况下,在调用了start()方法之后,isStarted()方法返回true,表示动画已经启动了,但是在start()方法调用后1s内,isRunning()方法返回false,表示动画还未真正运行,比如在start()方法调用后第0.5秒,由于动画还在延迟阶段,所以isRunning()返回false;在start()方法执行1秒之后,isStarted()方法还是返回true,isRunning()方法也返回了true,表示动画已经真正开始运行了。通过调用getStartDelay()方法可以返回我们设置的动画延迟启动时间,默认值是0。

    setInterpolator(TimeInterpolator value) 
    我们可以通过调用setInterpolator方法改变动画所使用的时间插值器,由于视图动画也需要使用时间插值器,所以我们可以使用android.view.animation命名空间下的一系列插值器,将其与属性动画一起工作。通过动画的getInterpolator方法可以获取我们设置的时间插值器。

    setTarget(Object target) 
    可以通过调用动画的setTarget方法设置其要操作的对象,这样可以更新该对象的某个属性值。实际上,该方法对于ValueAnimator作用不大,因为ValueAnimator不是直接与某个对象打交道的。setTarget方法对于ObjectAnimator作用较大,因为ObjectAnimator需要绑定某个要操作的对象,下面会详细介绍。

    pause() 
    Android中API Level 19在Animator中加入了pause()方法,该方法可以暂停动画的执行。调用pause()方法的线程必须与调用start()方法的线程是同一个线程。如果动画还没有执行start()或者动画已经结束了,那么调用pause()方法没有任何影响,直接被忽略。当执行了pause()方法后,动画的isPaused()方法会返回true。pause()方法运行后会触发动画监听器AnimatorPauseListener的onAnimationPause方法的执行。

    resume() 
    如果动画通过调用pause()方法暂停了,那么之后可以通过调用resume()方法让动画从上次暂停的地方继续运行。resume()方法也是从API Level 19引入的,并且调用resume()方法的线程必须与调用start()方法的线程是同一个线程。如果动画没有处于暂停状态(即isPaused()返回false),那么调用resume()方法会被忽略。resume()方法运行后会触发动画监听器AnimatorPauseListener的onAnimationResume方法的执行。

    end 
    end()方法执行后,动画会结束运行,直接从当前状态跳转到最终的完成状态,并将属性值分配成动画的终止值,并触发动画监听器AnimatorListener的onAnimationEnd方法的执行。

    cancel() 
    cancel()方法执行后,动画也会结束运行,但是与调用end方法不同的是,其不会将属性值分配给动画的终止值。比如一个动画在400ms内将对象的x属性从0渐变为40,当运行到第200ms时调用了cancel()方法,那么属性x的最终值是20,而不是40,这是与调用end()方法不同的,如果在第200ms调用了end()方法,那么属性x的最终值是40。调用cancel()方法后,会先触发AnimatorListener的onAnimationCancel方法的执行,然后触发onAnimationEnd方法的执行。

    clone() 
    Animator实现了Java.lang.Cloneable接口。Animator的clone()方法会对动画进行拷贝,但是该方法默认实现的只是浅拷贝,子类可以重写该方法以实现深拷贝。

    addListener (Animator.AnimatorListener listener) 
    可以通过addListener方法向Animator添加动画监听器,该方法接收的是AnimatorListener接口类型的参数,其具有四个方法:onAnimationStart、onAnimationCancel、onAnimationEnd、onAnimationRepeat。我们上面已经介绍了前三个方法,onAnimationRepeat方法会在动画在重复播放的时候被回调。Android中的AnimatorListenerAdapter类是个抽象类,其实现了AnimatorListener接口,并为所有方法提供了一个空实现。

    addPauseListener (Animator.AnimatorPauseListener listener) 
    可以通过addPauseListener方法可以向Animator添加动画暂停相关的监听器,该方法接收的是AnimatorPauseListener接口类型的参数,具有两个方法:onAnimationPause和onAnimationResume,上面已经提到过,在此不再赘述。AnimatorListenerAdapter同样也实现了AnimatorPauseListener接口,并为所有方法提供了一个空实现。

    本文来自博客园,作者:观心静 ,转载请注明原文链接:https://www.cnblogs.com/guanxinjing/p/9708604.html

    本文版权归作者和博客园共有,欢迎转载,但必须给出原文链接,并保留此段声明,否则保留追究法律责任的权利。