动画介绍：
- 在Android动画中，总共有两种类型的动画View Animation(视图动画)和Property Animator(属性动画)；
- View Animation包括Tween Animation（补间动画）和Frame Animation(逐帧动画)；
Property Animator包括ValueAnimator和ObjectAnimation；
区别：
- View Animation仅能对指定的控件做动画，而Property Animator是通过改变控件某一属性值来做动画的。
- 补间动画虽能对控件做动画，但并没有改变控件内部的属性值。而Property Animator则是恰恰相反，Property Animator是通过改变控件内部的属性值来达到动画效果的。
属性动画：
ValueAnimator
- 注意：单从名字上就可以看出来，这个Animator是针对数值进行操作的，不对控件做操作。控件和它并没有什么关系，重点在数值上的操作。
- 两点：
- ValueAnimator只负责对指定数值区间，进行运算。
- 自己需要对运算进行监听，然后自己对控件进行操作。
ValueAnimator animator = ValueAnimator.ofInt(0,400);
animator.setDuration(1000);
animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
@Override
public void onAnimationUpdate(ValueAnimator animation) {
//拿到监听结果，自己处理。
int curValue = (int)animation.getAnimatedValue();
tvTextView.layout(curValue,curValue,curValue+tv.getWidth(),curValue+tv.getHeight());
}
});
animator.start();
常用方法和监听：
- 方法：和Animation差不多，看文档。
- 监听：
- AnimatorUpdateListener：监听动画变化时的实时值。addUpdateListener(AnimatorUpdateListener listener）。
- AnimatorListener：监听动画变化时四个状态。addListener(AnimatorListener listener)。
- 移除监听：
/**
* 移除AnimatorUpdateListener
*/
void removeUpdateListener(AnimatorUpdateListener listener);
void removeAllUpdateListeners();
/**
* 移除AnimatorListener
*/
void removeListener(AnimatorListener listener);
void removeAllListeners();
查看这段代码：
ValueAnimator animator = ValueAnimator.ofInt(0,600);
animator.setDuration(1000);
animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
@Override
public void onAnimationUpdate(ValueAnimator animation) {
int curValue = (int)animation.getAnimatedValue();
}
});
animator.setInterpolator(new LinearInterpolator());
animator.start();
上面代码中，在1000毫秒的时间中，ValueAnimator的功能是，使数值从0到600根据插值器的类型去变化。 (int)animation.getAnimatedValue()得到的是0～600之间的值，这个数值的获取是Interpolator和Evalutor作用的结果。
- 0～600得到的值是否是匀速变化还是其他速度变化的，由Interpolator决定。
- animation.getAnimatedValue()得到的值是多少，什么类型由Evalutor决定。
| inInt(0,600) | 加速器 | 估值器 | 监听器返回 |
|---|---|---|---|
| 设置数值区间 | Interpolator动画比例 | 根据加速器的动画比例算出实际值 | getAnimatedValue得到实际值 |
插值器/加速器 Interpolator
- 默认每10毫秒刷新一次
//线性加速器
public class LinearInterpolator implements Interpolator {
public LinearInterpolator() {}
public LinearInterpolator(Context context, AttributeSet attrs) {}
public float getInterpolation(float input) {
return input;
}
}
public interface Interpolator extends TimeInterpolator {}
参数input:是一个float类型，它取值范围是0到1，表示当前动画的进度，取0时表示动画刚开始，取1时表示动画结束，取0.5时表示动画中间的位置，其它类推。
返回值：表示当前实际想要显示的进度。取值可以超过1也可以小于0，超过1表示已经超过目标值，小于0表示小于开始位置。
再重复一遍，input参数与任何我们设定的值没关系，只与时间有关，随着时间的增长，动画的进度也自然的增加，input参数就代表了当前动画的进度。而返回值则表示自定义后的动画的当前数值进度。
上面代码：为什么LinearInterpolator是线性匀速变化的呢？
因为插值器根据设置的总时间，每10ms刷新一次，调用getInterpolation传入当前的进度，LinearInterpolator中原值返回了，没有改变默认进度。
看自定义加速器代码对比：
public class MyInterpolator implements Interpolator {
/**
* input 是实际动画执行的时间比例 0～1
* newInput 你想让动画已经执行的比例 0~1。
* 注意：都是比例，而不是实际的值。
*
* setDuration(1000)情况下：前200ms走了3/4的路程比例，后800ms走了1/4的路程比例。
* 注意：这里输出的是比例，是路程比例，不是实际的路程值！
*/
@Override
public float getInterpolation(float input) {
if (input <= 0.2) {//后1/4的时间，输出3/4的比例
float newInput = input*4;
return newInput;
}else {//后3/4的时间，输出1/4的比例
float newInput = (float) (input - 0.2)/4 + 0.8f;
return newInput;
}
}
}
Evaluator 估值器
我们通过加速器得到的是动画进度的比例，并不是实际的数值，Evaluator就是转换成实际值的地方。（ofInt(0,600)中加速器拿到的是动画的比例值，估值器根据比例转换成实际的值。AnimatorUpdateListener监听器中拿到的实际数值，就是通过Evaluator转换后的值。）
- 看下面系统Evaluator代码：
//设置取值区间时setIntValues(0,600)/setFloatValues(0,600),这是系统方法，会自动为我们设置相应的类型的Evaluator。
public class IntEvaluator implements TypeEvaluator<Integer> {
public Integer evaluate(float fraction, Integer startValue, Integer endValue) {
//fraction是在插值器中处理后的进度，在这里以此转换成实际值。
int startInt = startValue;
return (int)(startInt + fraction * (endValue - startInt));
}
}
- 开下面自定义Evaluator代码：
public class PointEvaluator implements TypeEvaluator<Point> {
@Override
public Point evaluate(float fraction, Point startValue, Point endValue) {
int radius = (int) (startValue.getRadius() + fraction*(endValue.getRadius() - startValue.getRadius()));
return new Point(radius);
}
}
public void doAnimation(){
//ValueAnimator animatior = ValueAnimator.ofObject(new PointEvaluator(), new Point(20), new Point(80));
//上下作用一样，不可混用。
ValueAnimator animatior = new ValueAnimator();
animatior.setObjectValues(new Point(20), new Point(80));
animatior.setEvaluator(new PointEvaluator());
animatior.setDuration(2000);
animatior.setInterpolator(new BounceInterpolator());
animatior.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
@Override
public void onAnimationUpdate(ValueAnimator animation) {
mPoint = (Point) animation.getAnimatedValue();
invalidate();
}
});
animatior.start();
}
关于取值范围
- void setObjectValues(Object... values);
- void setIntValues(int... values);
- void setFloatValues(float... values);
animatior.setObjectValues(new Point(20), new Point(150),new Point(80), new Point(200), new Point(20), new Point(150));
animatior.setDuration(2000);
public class PointEvaluator implements TypeEvaluator<Point> {
@Override
public Point evaluate(float fraction, Point startValue, Point endValue) {
int radius = (int) (startValue.getRadius() + fraction*(endValue.getRadius() - startValue.getRadius()));
return new Point(radius);
}
}
看上面的代码可以发现，setObjetValue可以有n个值。但是Evaluator估值器中只有startValue和endValue。
26.698 evaluate: startPoint=20-endPoint=150-fraction=0.0
......
26.979 evaluate: startPoint=20-endPoint=150-fraction=0.994
26.995 evaluate: startPoint=150-endPoint=80-fraction=0.049999993
27.245 evaluate: startPoint=150-endPoint=80-fraction=0.92499995
27.262 evaluate: startPoint=150-endPoint=80-fraction=0.9844998
27.278 evaluate: startPoint=80-endPoint=200-fraction=0.043999884
......
27.546 evaluate: startPoint=80-endPoint=200-fraction=0.975
27.562 evaluate: startPoint=200-endPoint=20-fraction=0.03449991
......
27.828 evaluate: startPoint=200-endPoint=20-fraction=0.9689996
27.847 evaluate: startPoint=20-endPoint=150-fraction=0.02499974
......
28.112 evaluate: startPoint=20-endPoint=150-fraction=0.9595001
28.129 evaluate: startPoint=150-endPoint=80-fraction=0.018999936
......
28.179 evaluate: startPoint=150-endPoint=80-fraction=0.99399978
ke以发现，设置取值范围的时候，有几个参数，就把setDuration(2000)的时间分为多少分，1&2／2&3 ／ 3&4...作为start/endValue。至于每份取得的时间比例，就看设置的插值器了。
tips
- ArgbEvalutor 颜色估值器。
