插值器

作者: 吕侯爷 | 来源:发表于2018-11-20 10:08 被阅读0次

    一、系统插值器

    1、AccelerateDecelerateInterpolator

    加速减速插值器:通俗讲就是在执行动画的时候对动画效果的展示方式是先加速展示该动画效果后减速展示该动画效果。
    代码展示:

    AccelerateDecelerateInterpolator interpolator = new AccelerateDecelerateInterpolator();
    anim.setInterpolator(interpolator);
    
     android:interpolator="@android:anim/accelerate_decelerate_interpolator"
    

    2、AccelerateInterpolator(加速插值器)

    代码展示:

    AccelerateInterpolator interpolator = new AccelerateInterpolator();
    anim.setInterpolator(interpolator);
    
     android:interpolator="@android:anim/accelerate_interpolator"
    

    3、DecelerateInterpolator(减速插值器)

    代码展示:

    DecelerateInterpolator interpolator = new DecelerateInterpolator();
    anim.setInterpolator(interpolator);
    
     android:interpolator="@android:anim/decelerate_interpolator"
    

    4、LinearInterpolator(线性插值器,即匀速加速器)

    代码展示:

    LinearInterpolator interpolator = new LinearInterpolator();
    anim.setInterpolator(interpolator);
    
     android:interpolator="@android:anim/linear_interpolator"
    

    5、BounceInterpolator(弹跳插值器)

    模仿了控件自由落地后回弹的效果。
    代码展示:

    BounceInterpolator interpolator = new BounceInterpolator();
    anim.setInterpolator(interpolator);
    
     android:interpolator="@android:anim/bounce_interpolator"
    

    六、AnticipateInterpolator(初始偏移插值器)

    在动画开始时,会向反方向执行动画一段时间后回归正常动画。
    构造函数的参数表示张力值,该值越大偏移量越大,速度越快。
    代码展示:

    AnticipateInterpolator interpolator = new AnticipateInterpolator(2);
    anim.setInterpolator(interpolator);
    
     android:interpolator="@android:anim/anticipate_interpolator"
    

    七、OvershootInterpolator(结束偏移插值器)

    同上类似,这个在在结束的时候执行。
    代码展示:

    OvershootInterpolator interpolator = new OvershootInterpolator(2);
    anim.setInterpolator(interpolator);
    
     android:interpolator="@android:anim/overshoot_interpolator"
    

    八、AnticipateOvershootInterpolator(六和七的合体)

    构造函数:float tension:张力(默认2)
    float extraTension 额外张力(默认1.5)

    public AnticipateOvershootInterpolator(float tension);
    public AnticipateOvershootInterpolator(float tension,float extraTension);
    

    代码展示:

    AnticipateOvershootInterpolator interpolator = new AnticipateOvershootInterpolator(2);
    anim.setInterpolator(interpolator);
    
     android:interpolator="@android:anim/anticipate_overshoot_interpolator"
    

    九、CycleInterpolator(循环插值器)

    表示动画循环播放待定的次数,速率沿正弦曲线改变。
    构造函数:float cycles:循环次数

    public CycleInterpolator(float cycles);
    
    CycleInterpolator interpolator = new CycleInterpolator(2);
    anim.setInterpolator(interpolator);
    
     android:interpolator="@android:anim/cycle_interpolator"
    

    注:android:fillAfter="true"属性对CycleInterpolator无效,起始位置和结束位置都在动画的起始点。

    二、自定义插值器与Evaluator

    在视图动画中,仅仅允许我们通过setInterpolator()函数来设置插值器;但是对于Animator而言,不仅可以设置插值器,还可以设置Evaluator。

    1、自定义插值器

    需实现TimeInterpolator接口。

    public interface TimeInterpolator{
        float getInterpolation(float input);
    }
    
    • 参数input:是Float类型的,取值范围0~1,表示当前动画的进度,0:开始,1:结束。他与任何我们设定的值没有关系,只与时间有关,随着时间的推移,动画的进度自然增加,他代表了当前动画的进度。
    • 返回值:表示当前实际想要显示的进度。取值可以超过1,也可以小于0,超过1表示超过目标值,小于0表示小于开始位置,他代表了动画的当前数值进度。

    代码示例:

    public class MyInterpolator implements TimerInterpolator{
        @Override
        public float getInterpolation(float input){
              return 1-input;
        }
    }
    

    2、Evaluator

    设置方法

    animator.setEvaluator(new IntEvaluator);
    

    从定义动画数值区间到在AnimatorUpdateListener中得到当前动画所对应数值的整个过程。

    • (1)、ofInt(0,400):表示指定动画的数值区间,从0运动到400。
    • (2)、插值器:在动画开始后,通过插值器会返回当前动画进度所对应的数值进度,但这个数值进度是以小数表示的,如0.2;
    • (3)、Evaluator:我们通过监听器拿到的是当前动画所对应的具体数值,而不是用小数点表示的值。那么必须有个地方会根据当前的数值进度将其转换为对应的数值,这个地方就是Evaluator。Evaluator用于将从插值器返回的数值进度转换成对应的数值。
    • (4)、监听器返回:我们通过在AnimatorUpdateListener监听器中使用animation.getAnimatedValue()函数拿到Evaluator中返回的值。其实Evaluator就是个转换器,它能把小数进度转换为对应的数值位置。

    ofInt()默认的是IntEvaluator,ofFloat()默认的是FloatEvaluator。

    IntEvaluator内部实现方式

    public class IntEvaluator implements TypeEvaluator<Integer>{
        public Integer evaluate(float fraction,Integer startValue,Integer endValue){
              int startInt = startValue;
              return (int)(startInt + fraction * (endValue - startInt));
        }
    }
    

    参数含义:

    >- fraction 参数就是插值器中的返回值,表示当前动画的数值进度,以百分制的小数表示。
    >- startValue和endValue分别对应ofInt(int start , int end)函数中的start和end的数值。
    >- 返回值就是当前数值进度所对应的具体数值,这个数值就是我们在AnimatorUpdateListener监听器中通过animator.getAnimatedValue()函数得到的数值。
    

    自定义Evaluator:

    public class MyEvaluator implements TypeEvaluator<Integer>{
        @Override
        public Integer evaluate(float fraction , Integer startValue , Integer endValue){
              int startInt  = startValue;
              return (int)(200 + startInt + fraction * (endValue - startInt));
        }
    }
    

    使用代码:

    ValueAnimator animator = ValueAnimator.ofInt(0,400);
    animator.setDuration(1000);
    animator.setRepeatMode(ValueAnimator.REVERSE);
    animator.setRepeatCOunt(ValueAnimator.INFINITE);
    animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener(){
        @Override
        public void onAnimationUpdate(ValueAnimator animation){
            int curValue = animation.getAnimatedValue();
            textView.layout(curValue,curValue,curValue+textView.getWidth(),curValue+getHeight());
        }
    });
    animator.setEvaluator(new MyEvaluator());
    animator.start();
    

    3、ArgbEvaluator

    可实现颜色值过渡转换的功能。

    ValueAnimator animator = ValueAnimator.ofInt(0xffffff00,0xff0000ff);
    animator.setDuration(1000);
    animator.setRepeatMode(ValueAnimator.REVERSE);
    animator.setRepeatCOunt(ValueAnimator.INFINITE);
    animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener(){
        @Override
        public void onAnimationUpdate(ValueAnimator animation){
            int curValue = (Integer)animation.getAnimatedValue();
            textView.setBackgroundColor(curValue);
        }
    });
    animator.setEvaluator(new ArgbEvaluator());
    animator.start();
    

    相关文章

      网友评论

          本文标题:插值器

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