美文网首页动画相关Android开发经验谈Android开发
Android动画之Interpolator插补器和TypeEv

Android动画之Interpolator插补器和TypeEv

作者: 芒果味的你呀 | 来源:发表于2017-12-18 09:45 被阅读51次

    【Interpolator插补器】

    在使用动画的过程中,有一个interpolator插补器的属性。可以使用这个属性来修饰动画运动的速率。比如加速、先加速再加速等。

    安卓api提供几个已经实现好的插补器:

    • LinearInterpolator 直线插补器(匀速)
    • DecelerateInterpolator 减速插补器(先快后慢)
    • AccelerateInterpolator 加速插补器(先慢后快)
    • AccelerateDecelerateInterpolator 加速减速插补器(先慢后快再慢)
    • AnticipateInterpolator 向前插补器(先往回跑一点,再加速向前跑)
    • OvershootInterpolator 超出插补器(向前跑直到越界一点后,再往回跑)
    • AnticipateOvershootInterpolator 向前向后插补器(先往回跑一点,再向后跑一点,再回到终点)
    • BounceInterpolator 反弹插补器(在动画结束的时候回弹几下,如果是竖直向下运动的话,就是玻璃球下掉弹几下的效果)
    • CycleInterpolator 循环插补器(按指定的路径以指定时间(或者是偏移量)的1/4、变速地执行一遍,再按指定的轨迹的相反反向走1/2的时间,再按指定的路径方向走完剩余的1/4的时间,最后回到原点。假如:默认是让a从原点往东跑100米。它会先往东跑100米,然后往西跑200米,再往东跑100米回到原点。可在代码中指定循环的次数)

    使用

    方式1:
    anim.setInterpolator(new AnticipateOvershootInterpolator()); 
    
    方式2:
    资源文件
    <?xml version="1.0" encoding="utf-8"?>  
    <set  
        xmlns:android="http://schemas.android.com/apk/res/android">  
        <translate  
            android:interpolator="@android:anim/overshoot_interpolator"  
            android:fromXDelta="0"  
            android:toXDelta="200%"  
            android:duration="1000"/>  
    </set> 
    

    如果以上这些插值器都无法满足我们的具体开发需求的话,那么也可以通过继承TimeInterpolator类来自定义自己的Interpolator,在自定义的Interpolator类中只需要要重写getInterpolation(float input)方法,并在该方法通过相关的计算,再返回计算后的结果(插值因子)就搞定,具体示例如下:

    public class CustomInterpolator implements TimeInterpolator {  
        @Override  
        public float getInterpolation(float input) {  
            // 编写相关的逻辑计算  
            //input *= 0.8f;  
            return input * input;  
        }  
    }  
    

    【TypeEvaluator估值器】

    使用TypeEvaluator根据插值因子计算属性值,Android系统可识别的类型包括int、float和颜色,分别由 IntEvaluator、 FloatEvaluator、 ArgbEvaluator 提供支持,如下:

    同样的,如何系统提供的TypeEvaluator不能满足我们的要求,我们也可以通过继承TypeEvaluator类来定义自己的Evaluator,在自定义的TypeEvaluator类中只需要要重写getInterpolation(float input)方法,并在该方法通过相关的计算,再返回计算后的结果(插值因子)就搞定,具体示例如下:

    import android.animation.TypeEvaluator;  
    import android.annotation.SuppressLint;  
      
    @SuppressLint("NewApi")  
    public class CustomEvaluator implements TypeEvaluator<Number> {  
        @Override  
        public Float evaluate(float fraction, Number startValue, Number endValue) {  
            // TODO Auto-generated method stub  
            float propertyResult = 0;  
            /*float startFloat = startValue.floatValue(); 
            return (startFloat + fraction * (endValue.floatValue() - startFloat));*/  
            return propertyResult;  
        }  
    }  
    

    使用 ArgbEvaluator

    tv有一个函数:public void setBackgroundColor(int color); 可以改变背景色
    ValueAnimator 中也曾改变过背景色,使用的是 ArgbEvaluator。在这里我们再回顾下 ArgbEvaluator,它的实现代码如下:

    public class ArgbEvaluator implements TypeEvaluator {  
        public Object evaluate(float fraction, Object startValue, Object endValue) {  
            int startInt = (Integer) startValue;  
            int startA = (startInt >> 24);  
            int startR = (startInt >> 16) & 0xff;  
            int startG = (startInt >> 8) & 0xff;  
            int startB = startInt & 0xff;  
    
            int endInt = (Integer) endValue;  
            int endA = (endInt >> 24);  
            int endR = (endInt >> 16) & 0xff;  
            int endG = (endInt >> 8) & 0xff;  
            int endB = endInt & 0xff;  
    
            return (int)((startA + (int)(fraction * (endA - startA))) << 24) |  
                    (int)((startR + (int)(fraction * (endR - startR))) << 16) |  
                    (int)((startG + (int)(fraction * (endG - startG))) << 8) |  
                    (int)((startB + (int)(fraction * (endB - startB))));  
        }  
    }  
    

    使用:ArgbEvaluator 的返回值是 Integer 类型,所以我们要使用 ArgbEvaluator 的话,构造 ObjectAnimator 时必须使用 ofInt()

    ObjectAnimator animator = ObjectAnimator.ofInt(tv, "BackgroundColor", 0xffff00ff, 0xffffff00, 0xffff00ff);  
    animator.setDuration(8000);  
    animator.setEvaluator(new ArgbEvaluator());  
    animator.start();
    

    学习地址:

    浅析Android动画(三),自定义Interpolator与TypeEvaluator

    相关文章

      网友评论

      • 东方灵龙:自定义的TypeEvaluator类中需要重写的是evaluator(...)方法,你写错了

      本文标题:Android动画之Interpolator插补器和TypeEv

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