动画系列——属性动画(Property动画)
属性动画(Property动画)
引入原因：补间动画功能只能覆盖移动，缩放，旋转，透明四种对view的操作，局限性大。只改变view的显示效果，不改变view的属性
使用XML实现
| java类 | XML标签 |
|---|---|
| ValueAnimator | animator |
| ObjectAnimator | objectAnimator |
| AnimatorSet | set set标签可嵌套 |
//创建res/animator/objectAnimator资源
<?xml version="1.0" encoding="utf-8"?>
<objectAnimator xmlns:android="http://schemas.android.com/apk/res/android"
android:propertyName="alpha"
android:duration="3000"
android:repeatCount="3"
android:repeatMode="reverse"
android:valueFrom="0.0"
android:valueTo="1.0">
</objectAnimator>
//AnimatorInflater应用
Animator animator = AnimatorInflater.loadAnimator(this,R.animator.alpha); //加载动画资源
animator.setTarget(iv); //指定要显示动画的控件
animator.start(); //开启动画
使用代码实现
//translationX：围绕X轴旋转，translationX：围绕Y轴旋转，setRotation：围绕Z轴旋转，其他同理
//右，下，上为正
ObjectAnimator oa = ObjectAnimator.ofFloat(iv, "alpha",new float[]{0.0f,0.2f,0.4f,0.6f,0.8f,1.0f});
ObjectAnimator oa = ObjectAnimator.ofFloat(iv, "translationX",new float[] {10f,20f,40f,70f,100f});
ObjectAnimator oa = ObjectAnimator.ofFloat(iv, "scaleX",new float[] {1f,2f,3f,4f,5f,6f});
ObjectAnimator oa = ObjectAnimator.ofFloat(iv, "rotationY",new float[] {90f,180f,270f,360f});
//动画集合
AnimatorSet set = new AnimatorSet();
ObjectAnimator oa = ObjectAnimator.ofFloat(iv, "translationX",new float[] {10f,20f,30f,40f,60f});
ObjectAnimator ob = ObjectAnimator.ofFloat(iv, "translationY",new float[] {-10f,-20f,-30f,-40f});
set.playTogether(oa, ob);
set.setDuration(3000);
set.start();
AnimatorSet
组合动画功能实现。
play()：传入一个Animator对象(ValueAnimator或ObjectAnimator )，返回一个AnimatorSet.Builder实例
AnimatorSet.Builder方法：
| after(Animator anim) | 现有动画在传入动画后执行 |
|---|---|
| after(long delay) | 现有动画延迟指定毫秒后执行 |
| before(Animator anim) | 现有动画在传入动画前执行 |
| with(Animator anim) | 现有动画与传入动画同时执行 |
ObjectAnimator moveIn = ObjectAnimator.ofFloat(textview, "translationX", -500f, 0f); ObjectAnimator rotate = ObjectAnimator.ofFloat(textview, "rotation", 0f, 360f);
ObjectAnimator fadeInOut = ObjectAnimator.ofFloat(textview, "alpha", 1f, 0f, 1f);
AnimatorSet animSet = new AnimatorSet();
animSet.play(rotate).with(fadeInOut).after(moveIn);
animSet.setDuration(5000);
animSet.start();
ValueAnimator
属性动画的运行机制是通过不断地对值进行操作来实现的，ValueAnimator实现初始值与结束值间值运算
| ofFloat() 、 ofInt() 、 ofObject() | 动画范围 |
|---|---|
| setStartDelay() | 动画延迟播放的时间 |
| setRepeatCount() | 动画循环播放的次数 |
| setRepeatMode() | 循环播放的模式，RESTART：重播，REVERSE：倒叙播放 |
//ValueAnimator ofObject(TypeEvaluator evaluator, Object... values);
ValueAnimator animator = ValueAnimator.ofObject(new CharEvaluator(),new Character('A'),new Character('Z')); //CharEvaluator内数值变化与其他类似，对应ASCII码表
animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
@Override
public void onAnimationUpdate(ValueAnimator animation) {
char text = (char)animation.getAnimatedValue();
tv.setText(String.valueOf(text));
}
});
animator.setDuration(10000);
animator.setInterpolator(new AccelerateInterpolator());
animator.start();
使用ofObject()，自定义CharEvaluator实现园缩放特效：链接
ObjectAnimator
对任意对象的任意属性进行动画操作
ObjectAnimator ofFloat(Object target, String propertyName, float... values);
//参数：控件，控件属性，变化范围
动画原理
在ValueAnimator中，我们要通过添加监听器来监听当前数字值
在ObjectAnimator中，则是先根据属性值拼装成对应的set函数的名字
set函数拼写：属性首字母大小 + set/Set + 对应set函数名
ViewPropertyAnimator
提供更易懂API，实现属性动画。支持连缀用法
1 ViewPropertyAnimator功能均建立在View类新增的animate()方法之上，创建并返回一个ViewPropertyAnimator实例
2 ViewPropertyAnimator隐式启动动画，不需要调用start()。此机制对于组合动画同样有效
ObjectAnimator extends ValueAnimator
ValueAnimator extends Animator
ViewPropertyAnimator animator = textview.animate(); //生成ViewPropertyAnimator对象
animator.alpha(0f); //将当前的textview变成透明状态
animator.x(500).y(500); //让textview运动到500,500这个坐标点
animator.x(500).y(500).setDuration(5000); //设定动画的运行时长
animator.x(500).y(500).setDuration(5000)
.setInterpolator(new BounceInterpolator()); //使用Interpolator
Animator
addListener ()：任何继承自Animator 的类共有方法
Anim.addListener(new AnimatorListener() {
@Override //动画开始的时候调用
public void onAnimationStart(Animator animation) {}
@Override //动画重复执行的时候调用
public void onAnimationRepeat(Animator animation) {}
@Override //动画结束的时候调用
public void onAnimationEnd(Animator animation) {}
@Override //动画被取消的时候调用
public void onAnimationCancel(Animator animation) {}
});
AnimatorListenerAdapter：系统提供的适配器类，解决接口繁琐问题
Anim.addListener(new AnimatorListenerAdapter() { //可自定义实现其中方法
@Override
public void onAnimationEnd(Animator animation) {}
});
Evaluator
转换器，将进度转换为对应的数值位置
从定义动画的数字区间到通过AnimatorUpdateListener中得到当前动画所对应数值的整个过程
ofInt(0,400)：指定动画的数字区间，从0到400
插值器Interpolator：动画开始后，通过Interpolator返回当前动画的数字进度(百分制，小数表示，如0.2)
Evaluator：将从插值器Interpolator返回的数字进度转成对应的数字值：当前的值 = 100 + （400 - 100）* 显示进度
监听器：通过在AnimatorUpdateListener监听器使用animation.getAnimatedValue()函数拿到Evaluator返回值
Evaluator使用
//ofInt()对应的Evaluator类名叫IntEvaluator,其ofFloat()同理
ValueAnimator animator = ValueAnimator.ofInt(0,600); //调用的是ofInt()
animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
@Override
public void onAnimationUpdate(ValueAnimator animation) {
int curValue = (int)animation.getAnimatedValue(); //可强转为int
}
});
animator.setDuration(1000);
animator.setEvaluator(new IntEvaluator()); //设置系统IntEvaluator
animator.setInterpolator(new BounceInterpolator());
animator.start();
自定义Evalutor
系统实现TypeEvaluator接口的有：IntEvaluator，FloatEvaluator，PointEvaluator，IntArrayEvaluator，FloatArrayEvaluator，RectEvaluator，ArgbEvaluator，PointFEvaluator
//自定义MyEvaluator实现TypeEvaluator<Integer>，注意泛型
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.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
@Override
public void onAnimationUpdate(ValueAnimator animation) {
int curValue = (int)animation.getAnimatedValue();
}
});
animator.setDuration(1000);
animator.setEvaluator(new MyEvaluator());
animator.start();
ArgbEvalutor
颜色值过渡转换
高级进阶：https://github.com/harvic/BlogResForGitHub
ValueAnimator animator = ValueAnimator.ofInt(0xffffff00,0xff0000ff); //颜色范围
animator.setEvaluator(new ArgbEvaluator());
animator.setDuration(3000);
animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
@Override
public void onAnimationUpdate(ValueAnimator animation) {
int curValue = (int)animation.getAnimatedValue(); //返回值可作为空间的背景颜色
tv.setBackgroundColor(curValue);
}
});
animator.start();
Interpolator
插值器，控制动画变化速率与类型。在属性动画中，颜色变化随速率变化。系统默认的Interpolator为AccelerateDecelerateInterpolator
| 实现类 | 意义 |
|---|---|
| AccelerateDecelerateInterpolator | 中间快，首尾慢 |
| AccelerateInterpolator | 越来越快 |
| AnticipateInterpolator | 开始的时候向后然后向前甩 |
| AnticipateOvershootInterpolator | 开始的时候向后然后向前甩一定值后返回最后的值 |
| BounceInterpolator | 结束时弹起 |
| CycleInterpolator | 循环播放，速率沿正弦曲线改变 |
| DecelerateInterpolator | 开始快，越来越慢 |
| LinearInterpolator | 匀速 |
| OvershootInterpolator | 向前甩一定值后再回到原来位置 |
自定义Interpolator
//自定义DecelerateAccelerateInterpolator实现TimeInterpolator接口
//input：随着动画运行而变化，范围：0~1。动画开始时为0，结束时为1，中间在0~1间变化
public class DecelerateAccelerateInterpolator implements TimeInterpolator{
@Override
public float getInterpolation(float input) { //先减速后加速
float result;
if (input <= 0.5) {
result = (float) (Math.sin(Math.PI * input)) / 2;
} else {
result = (float) (2 - Math.sin(Math.PI * input)) / 2;
}
return result;
}
}
动画常见问题
待更新