美文网首页
android属性动画

android属性动画

作者: 记忆九天 | 来源:发表于2020-07-13 11:12 被阅读0次

    属性动画的本质原理就是通过不断对值进行改变,并不断将该值赋给对象的属性,从而实现该对象在该属性上的动画效果。
    流程原理图如下(网络上找的,如有侵权,请联系删除):
    [图片上传失败...(image-9a6561-1594609915325)]
    从上图可以知道属性动画分类大致又可以分为ValueAnimator,ObjectAnimator。

    ValueAnimator

    //设置参数:开始值0和结束值360,表示你要从哪个值到哪个值进行变化(旋转角度)
    val valueAnimator = ValueAnimator.ofFloat(0f, 360f)
    //这里是设置动画执行时间,毫秒
    valueAnimator.duration = 2000
    //设置动画的执行次数,-1表示循环执行,不然就是执行n+1次
    valueAnimator.repeatCount = 1
    val interpolator = AccelerateDecelerateInterpolator()
    valueAnimator.interpolator = interpolator
    //动画的下次执行开始位置,RESTART表示动画每次从原始的状态执行,REVERSE表示动画第二次执行要从第一次改变后的状态逆向执行
    valueAnimator.repeatMode = ValueAnimator.RESTART
    //设置数值变化监听器,动画变化时的值会在这个监听器中返回给我们,我们来手动赋值,来进行动画显示
    valueAnimator.addUpdateListener { animation -> //获取当前变化时的值
        val value = animation.animatedValue as Float
        Log.e("valueAnimator", "value:$value")
        //这里我们给textview设置一个文本,就是我们的当前的数值,那么就会显示为从0到100一直变化的动画
        iv_frame.pivotX = 0f
        iv_frame.pivotY = 0f //设置旋转中心店
        iv_frame.rotation = value
    }
    //开始执行动画
    valueAnimator.start()
    

    跟上章传统动画意义,属性动画也可以用xml来实现。在res下新建android资源文件夹animator,然后建一个xml文件

    <?xml version="1.0" encoding="utf-8"?>
    <animator xmlns:android="http://schemas.android.com/apk/res/android"
        android:valueFrom="0"
        android:valueTo="360"
        android:valueType="floatType"
        android:duration="2000"
        android:interpolator="@android:anim/accelerate_decelerate_interpolator"
        android:fillBefore = "true"
        android:repeatCount="0"
        android:repeatMode="restart">
    
    </animator>
    

    加载和启动方法:

    val animator = AnimatorInflater.loadAnimator(this, R.animator.property_rotate) as ValueAnimator
    animator.addUpdateListener { animation -> //获取当前变化时的值
        val value = animation.animatedValue as Float
        Log.e("valueAnimator", "value:$value")
        //这里我们给textview设置一个文本,就是我们的当前的数值,那么就会显示为从0到100一直变化的动画
        iv_frame.pivotX = 0f
        iv_frame.pivotY = 0f //设置旋转中心店
        iv_frame.rotation = value
    }
    animator.setTarget(iv_frame)
    animator.start()
    

    先了解两个概念:插值器(Interpolator)和估值器(TypeEvaluator)

    插值器(Interpolator)

    设置属性值从初始值过渡到结束值的变化规律,比如匀速变化,加速变化,先加速再匀速再减速这样的变化等。
    如果是xml的动画实现方式,可以在android:interpolator设置插值属性,如果是java的实现方式,用setInterpolator的方法实现。(实例可见上方)

    Android内置了 9 种内置的插值器实现


    在这里插入图片描述

    自定义插值器:实现TimeInterpolator或者Interpolator的接口里面有个方法:

     public interface TimeInterpolator {
    
         // input值值变化范围是0-1,且随着动画进度(0% - 100% )均匀变化
         // 即动画开始时,input值 = 0;动画结束时input = 1
         // 而中间的值则是随着动画的进度(0% - 100%)在0到1之间均匀增加
         //return的值就是用于估值器继续计算的fraction值
        float getInterpolation(float input);
    }
    

    有兴趣你可以进入AccelerateDecelerateInterpolator方法里面,看看它getInterpolation方法是怎么写的。

    估值器(TypeEvaluator)

    作用:根据当前属性改变的百分比来计算改变后的属性值。

     /**
         * 使用估值器实现重力下落
         *
         * @param v
         */
        fun startEvaluator() {
            val animator = ValueAnimator()
            animator.duration = 3000
            animator.setObjectValues(PointF(0f, 0f))
            val pointF = PointF()
            //估值器实现
            animator.setEvaluator { fraction, startValue, endValue -> //fraction是运动中的匀速变化的值
                //根据重力计算实际的运动y=vt=0.5*g*t*t
                //g越大效果越明显
                pointF.x = 100 * (fraction * 5)
                pointF.y = 0.5f * 300f * (fraction * 5) * (fraction * 5)
                pointF
            }
            animator.addUpdateListener { animation ->
                val p = animation.animatedValue as PointF
                iv_frame.x = p.x
                iv_frame.y = p.y
            }
            animator.start()
        }
    

    说白了,插值器(Interpolator)决定值的变化规律(匀速、加速),即决定的是变化趋势;而估值器通过Interpolator返回的fraction决定接下来的具体变化数值。

    ObjectAnimator

    ObjectAnimator内部的工作机制是通过寻找特定属性的get和set方法,然后通过方法不断地对值进行改变,从而实现动画效果的。

    val animator: ObjectAnimator = ObjectAnimator.ofFloat(iv_frame, "rotation", 0f, 180f, 0f)
    animator.duration = 1000
    animator.start()
    

    第一个参数是要做动画的对象
    第二个参数是具体的属性:如rotation,translationX等。
    后面的参数是具体的属性变化值。

    此外上述的其他动画设置方法同样适用ObjectAnimator,所以就不叙述了。

    组合动画(AnimatorSet)
    after(Animator anim) 将现有动画插入到传入的动画之后执行
    after(long delay) 将现有动画延迟指定毫秒后执行
    before(Animator anim) 将现有动画插入到传入的动画之前执行
    with(Animator anim) 将现有动画和传入的动画同时执行

    val moveIn = ObjectAnimator.ofFloat(iv_frame, "translationX", -500f, 0f)
    val rotate = ObjectAnimator.ofFloat(iv_frame, "rotation", 0f, 360f)
    val fadeInOut = ObjectAnimator.ofFloat(iv_frame, "alpha", 1f, 0f, 1f)
    val animSet = AnimatorSet()
    animSet.play(rotate).with(fadeInOut).after(moveIn)
    animSet.duration = 5000
    animSet.start()
    

    另外可以Animator类当中提供了一个addListener()方法,这个方法接收一个AnimatorListener。铜锅该接口可以监听动画的开始,结束,重复,取消。

    相关文章

      网友评论

          本文标题:android属性动画

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