关于动画:Android动画系列之属性动画

原文首发于微信公众号：jzman-blog，欢送关注交换！

属性动画相较帧动画和补间动画更弱小，帧动画和补间动画只能利用于 View 及其子类，而属性动画能够批改任何对象的属性值，属性值可在指定的一段时间内主动扭转，依据对象属性值的变动进而实现更简单的动画。

1. 属性动画的罕用设置
2. ValueAnimator
3. ObjectAnimator
4. 关键帧
5. 插值器和估值器

属性动画的罕用设置

上面是属性动画的罕用设置，具体如下：

// 设置属性动画持续时间
animator.setDuration(2000);
// 设置属性插值器
animator.setInterpolator(new AccelerateInterpolator());
// 设置属性动画反复播放模式
animator.setRepeatMode(ValueAnimator.REVERSE);
// 设置属性动画反复播放次数
animator.setRepeatCount(0);
// 设置属性动画延时播放的工夫
animator.setStartDelay(0);
// 设置属性动画估值器，用于管制最终属性值(API22)
animator.setCurrentFraction(0.5f);
// 设置以后播放工夫，其值在 Duration 范畴之内
animator.setCurrentPlayTime(1000);
// 设置属性动画估值器，用于管制最终属性值
animator.setEvaluator(new IntEvaluator());
// 设置属性动画监听
animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
    @Override
    public void onAnimationUpdate(ValueAnimator animation) {Log.i(TAG, animation.getAnimatedValue() + "");
        //
    }
});
//...

ValueAnimator

ValueAnimator 提供了一个简略的计时引擎，用于执行动画时依据设置的时长以及其余属相实现动画值的计算，而后就能够将动画值设置到适合的指标对象上，应用的插值器默认时 AccelerateDecelerateInterpolator，示意动画开始和完结时较慢，两头减速实现动画，上面是源码中默认的插值器，具体如下：

// The time interpolator to be used if none is set on the animation
private static final TimeInterpolator sDefaultInterpolator =
        new AccelerateDecelerateInterpolator();

在 ValueAnimator 中曾经外部解决了一些估值器 IntEvaluator 和 FloatEvaluator，也就是说如果应用的时 ofInt 和 ofFloat 办法作为动画的属性值，那么 ValueAnimator 会主动解决 int 和 float 值的变动，在源码中找了一下，这部分内容在 PropertyValuesHolder 这个类中，具体如下：

void init() {if (mEvaluator == null) {
        // We already handle int and float automatically, but not their Object
        // equivalents
        mEvaluator = (mValueType == Integer.class) ? sIntEvaluator :
                (mValueType == Float.class) ? sFloatEvaluator :
                null;
    }
    if (mEvaluator != null) {
        // KeyframeSet knows how to evaluate the common types - only give it a custom
        // evaluator if one has been set on this class
        mKeyframes.setEvaluator(mEvaluator);
    }
}

ValueAnimator 能够应用代码创立，也能够应用 xml 创立，上面以平移动画为例阐明 ValueAnimator 的应用形式，其余如缩放、旋转等应用形式相似。

应用代码创立

private void translation(){ValueAnimator valueAnimator = ValueAnimator.ofInt(0, 100);
    valueAnimator.setDuration(2000);
    valueAnimator.setInterpolator(new AccelerateInterpolator());
    valueAnimator.setRepeatMode(ValueAnimator.REVERSE);
    valueAnimator.setRepeatCount(0);
    valueAnimator.setStartDelay(0);
//    valueAnimator.setCurrentFraction(0.5f);
//    valueAnimator.setCurrentPlayTime(1000);
    valueAnimator.setEvaluator(new IntEvaluator());

    valueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
        @Override
        public void onAnimationUpdate(ValueAnimator animation) {Log.i(TAG, animation.getAnimatedValue() + "");
            int x = (int) animation.getAnimatedValue();
            ivImage.setTranslationX(x);
            ivImage.setTranslationY(x);
        }
    });

    valueAnimator.start();}

应用 xml 创立

在 res/animator 文件夹下创立 test_animator.xml 文件，文件内容如下：

<?xml version="1.0" encoding="utf-8"?>
<animator xmlns:android="http://schemas.android.com/apk/res/android"
    android:valueFrom="0"
    android:valueTo="100"
    android:valueType="intType"

    android:duration="2000"
    android:startOffset ="0"
    android:repeatMode = "reverse"
    android:repeatCount = "0"
    android:interpolator = "@android:anim/accelerate_interpolator">
</animator>

而后在 Activity 中获取 ValueAnimator，设置指标对象，启动动画即可，具体如下：

private void translation(){ValueAnimator animator = (ValueAnimator) AnimatorInflater.loadAnimator(this,R.animator.test_animator);
    animator.setTarget(ivImage);
    animator.start();
    animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
        @Override
        public void onAnimationUpdate(ValueAnimator animation) {Log.i(TAG, animation.getAnimatedValue() + "");
            int x = (int) animation.getAnimatedValue();
            ivImage.setTranslationX(x);
            ivImage.setTranslationY(x);
        }
    });
}

测试成果

这里应用 ValueAnimator 来实现平移动画，测试成果如下：

ObjectAnimator

ObjectAnimator 是 ValueAnimator 的子类，可在指标对象上反对动画属性的设置，在其构造方法中通过参数指定指标对象以及所对应动画属性的名称，而后会相应的执行对应的动画属性的 setter 办法来最终实现动画的执行，也就是说属性动画 ObjectAnimator 最终调用指标对象的 setter 办法实现指标对象属性值的变动，而后相应的扭转指标对象的属性，从而实现目标对象的动画成果，上面以透明度变动来介绍 ObjectAnimator 的根本应用，代码参考如下：

private void alpha(){ObjectAnimator animator = ObjectAnimator.ofFloat(ivImage,"alpha",1f,0,1f);
    animator.setDuration(3000);
    // 其余属性动画设置
    //...
    animator.start();}

上面是测试成果，如下图所示：

至于平移、旋转、缩放动画实现形式根本如上，这里不再赘述，其对应的 setter 办法对应关系如下：

ObjectAnimator 提供了很多的 ofXxx() 办法来方面设置属性动画，如下图所示：

可依据不同的动画需要应用 ObjectValueAnimator 不同 ofXxx() 办法来实现相应的动画。

关键帧

这里简略说一下关键帧的应用，顾名思义关键帧就是在某个固定时刻上定义具体的属性值，为定义的将依照估值器返回的值返回属性值，属性动画中的关键帧应用形式如下：

/**
 * 关键帧的应用
 */
private void keyFrame(){Keyframe keyframe1 = Keyframe.ofFloat(0,0);
    Keyframe keyframe2 = Keyframe.ofFloat(0.25f,300);
    // 每个 KeyFrame 可设置本人的插值器
    keyframe2.setInterpolator(new AccelerateInterpolator());
    Keyframe keyframe3 = Keyframe.ofFloat(0.75f,100);
    Keyframe keyframe4 = Keyframe.ofFloat(1,400);
    PropertyValuesHolder holder = PropertyValuesHolder.ofKeyframe("translationX",keyframe1,keyframe2,keyframe3,keyframe4);
    ObjectAnimator animator = ObjectAnimator.ofPropertyValuesHolder(ivImage,holder);
    animator.setDuration(3000);
    animator.start();}

看一下增加关键帧之后对一般平移动画的扭转，实现测试成果如下：

插值器和估值器

• 插值器(TimeInterpolator) 示意的是整个动画期间动画的变化规律，如减速、加速等。

Android 内置许多插值器，这些插值器根本涵盖了理论开发中的大部分状况，具体如下：

如果内置的插值器不满足需要，也能够自定义插值器。

• 估值器 (TypeEvaluator) 示意的是在整个动画期间各时刻属性值的具体变动。

这里自定义一个估值器来实现一个 View 沿正弦曲线静止，自定义估值器如下：

/**
 * 自定义估值器
 * Point 封装了坐标 x 和 y
 */
public class SineTypeValue implements TypeEvaluator<Point> {
    @Override
    public Point evaluate(float fraction, Point startValue, Point endValue) {
        //y = sinA
        float distance = fraction * (endValue.getX() - startValue.getX());
        float x = startValue.getX() + distance;
        float y = startValue.getY() + (float) Math.sin(distance / 100 * Math.PI) * 100;
        Point point = new Point();
        point.setX(x);
        point.setY(y);
        return point;
    }
}

而后给动画设置该估值器，监听动画属性设置 View 的地位即可实现一个 View 沿正弦曲线静止，应用形式如下：

/**
 * 自定义估值器的应用
 * 正弦静止的估值器
 */
private void sina(){Point startPoint = new Point(ivImage.getX(),ivImage.getY());
    Point endPoint = new Point(ivImage.getX()+500,ivImage.getY());
    ValueAnimator valueAnimator = ValueAnimator.ofObject(new SineTypeValue(), startPoint, endPoint);
    valueAnimator.setDuration(5000);
    valueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
        @Override
        public void onAnimationUpdate(ValueAnimator animation) {Log.i(TAG, animation.getAnimatedValue() + "");
            Point point = (Point) animation.getAnimatedValue();
            ivImage.setX(point.getX());
            ivImage.setY(point.getY());
        }
    });
    valueAnimator.start();}

测试成果如下：

能够关注公众号：躬行之（jzman-blog），一起交流学习。