属性动画

2019-11-09 16:17:09

字体：大中小

来源：转载

供稿：网友

//属性动画public final class ObjectAnimator extends ValueAnimator {...}public class ValueAnimator extends Animator {...}public final class AnimatorSet extends Animator {...}//补间动画public class AnimationSet extends Animation {...}public class TranslateAnimation extends Animation {...}public class AlphaAnimation extends Animation {...}public class RotateAnimation extends Animation {...}public class ScaleAnimation extends Animation {...}

3.0以前，android支持两种动画模式，tween animation,frame animation，在android3.0中又引入了一个新的动画系统：PRoperty animation，这三种动画模式在SDK中被称为property animation,view animation,drawable animation。可通过NineOldAndroids项目在3.0之前的系统中使用Property Animation。

View Animation（Tween Animation）：补间动画，给出两个关键帧，通过一些算法将给定属性值在给定的时间内在两个关键帧间渐变。它只是改变了View对象绘制的位置，而没有改变View对象本身的属性。 1、xml中定义,放置在res/anim/目录下

<set xmlns:android="http://schemas.android.com/apk/res/android" android:interpolator="@android:anim/decelerate_interpolator" android:shareInterpolator="true" android:startOffset="500" >  <scale android:duration="2000" android:fromXScale="0.2" android:fromYScale="0.2" android:pivotX="50%" android:pivotY="50%" android:toXScale="1.5" android:toYScale="1.5" />  <rotate android:duration="1000" android:fromDegrees="0" android:repeatCount="1" android:repeatMode="reverse" android:pivotX="50%" android:pivotY="50%" android:toDegrees="360" />  <translate android:duration="2000" android:fromXDelta="0" android:fromYDelta="0" android:toXDelta="320" android:toYDelta="0" />  <alpha android:duration="2000" android:fromAlpha="1.0" android:toAlpha="0.1" /> </set>

xml文件的引用：

Animation animation = AnimationUtils.loadAnimation(this, R.anim.set_demo); animation.setRepeatCount(Animation.INFINITE);//循环显示 imageView.startAnimation(animation); //启动动画

2、java代码中使用，例如透明度：

// 设置开始和结束的透明度（0f-1f之间） AlphaAnimation aa = new AlphaAnimation(0.1f, 0.5f); // 设置动画的持续时间 aa.setDuration(3000); // 设置重复播放次数 aa.setRepeatCount(2); // 设置重复播放模式：reverse：折返，restart：重新开始 aa.setRepeatMode(Animation.REVERSE); // 保持动画结束时的状态 aa.setFillAfter(true);//动画结束后不动 // 启动动画 imgview.startAnimation(aa); // 动画监听事件 aa.setAnimationListener(new AnimationListener() { @Override public void onAnimationStart(Animation animation) { // TODO Auto-generated method stub } @Override public void onAnimationRepeat(Animation animation) { // TODO Auto-generated method stub } @Override public void onAnimationEnd(Animation animation) { // TODO Auto-generated method stub } });

Drawable Animation（Frame Animation）：帧动画，就像GIF图片，通过一系列Drawable依次显示来模拟动画的效果。 XML文件要放在/res/drawable/目录下定义:

<animation-list xmlns:android="http://schemas.android.com/apk/res/android" android:oneshot="true"> <item android:drawable="@drawable/rocket_thrust1" android:duration="200" /> <item android:drawable="@drawable/rocket_thrust2" android:duration="200" /> <item android:drawable="@drawable/rocket_thrust3" android:duration="200" /></animation-list>

Java代码中引用：

ImageView rocketImage = (ImageView)findViewById(R.id.rocket_image);rocketImage.setBackgroundResource(R.drawable.rocket_thrust);rocketAnimation = (AnimationDrawable) rocketImage.getBackground();rocketAnimation.start();

特别注意，AnimationDrawable的start()方法不能在Activity的onCreate方法中调运，因为AnimationDrawable还未完全附着到window上，所以最好的调运时机是onWindowFocusChanged()方法中。

Property Animation：属性动画，这个是在Android 3.0中才引进的，以前学WPF时里面的动画机制好像就是这个，它更改的是对象的实际属性，在View Animation（Tween Animation）中，其改变的是View的绘制效果，真正的View的属性保持不变，比如无论你在对话中如何缩放Button的大小，Button的有效点击区域还是没有应用动画时的区域，其位置与大小都不变。而在Property Animation中，改变的是对象的实际属性，如Button的缩放，Button的位置与大小属性值都改变了。而且Property Animation不止可以应用于View，还可以应用于任何对象。Property Animation只是表示一个值在一段时间内的改变，当值改变时要做什么事情完全是你自己决定的。

ObjectAnimator 中ofFloat与ofObject方法差别：对象多了一个TypeEvaluator 参数

public static ObjectAnimator ofFloat(Object target, String propertyName, float... values) {...}//对象、属性名、变化值public static ObjectAnimator ofObject(Object target, String propertyName,TypeEvaluator evaluator, Object... values) {...}//对象、属性名、取值方法、变化值

ValueAnimator 中ofFloat与ofObject方法差别：对象多了一个TypeEvaluator 参数

//setTarget设置对象 setEvaluator设置取值方法 setInterpolator设置插值器public static ValueAnimator ofFloat(float... values) {...}//变化值public static ValueAnimator ofObject(TypeEvaluator evaluator, Object... values) {...}//取值方法、变化值

ValueAnimator

ValueAnimator只不过是对值进行了一个平滑的动画过渡。而ObjectAnimator（ObjectAnimator extends ValueAnimator ）则就不同了，它是可以直接对任意对象的任意属性进行动画操作的，比如说View的alpha属性。与ObjectAnimator不同的就是我们自己设置元素属性的更新，通过addUpdateListener()方法来添加一个动画的监听器，在动画执行的过程中会不断地进行回调，提高灵活性。例如：计数

public void tvTimer(final View view) { ValueAnimator valueAnimator = ValueAnimator.ofInt(0, 100);//int类型的数值[0-100] valueAnimator.addUpdateListener( new ValueAnimator.AnimatorUpdateListener() { @Override public void onAnimationUpdate(ValueAnimator animation) { ((TextView) view).setText("$ " + (Integer) animation.getAnimatedValue());//int类型的数值[0-100] } }); valueAnimator.setDuration(3000); valueAnimator.start(); }

狭义而言，动画一般就是指某个View组件的某个或者某些属性值在一段时间内不断变化的过程，这个变化过程往往有个起始值、结束值和一系列的中间值，ValueAnimator就是用来反映这个属性值变化过程的重要类。每一个ValueAnimator其实就是一个的TimeInterpolator和一个TypeEvaluator的结合体。TimeInterpolator用来控制在哪里取，而TypeEvaluator用来控制取多少。setInterpolator方法可以不调用，默认是加速减速插值器AccelerateDecelerateInterpolator ，但是如果调用且传入的参数为null的话，那么就会被设置成线性插值器LinearInterpolator (暂时不清楚为什么要这样做)。setEvaluator方法也可以不调用，默认会根据属性值的类型设置一个IntEvaluator或者FloatEvaluator。 ValueAnimator是整个属性动画机制当中最核心的一个类，属性动画的运行机制是通过不断地对值进行操作来实现的，而初始值和结束值之间的动画过渡就是由ValueAnimator这个类来负责计算的。它的内部使用一种时间循环的机制来计算值与值之间的动画过渡，我们只需要将初始值和结束值提供给ValueAnimator，并且告诉它动画所需运行的时长，那么ValueAnimator就会自动帮我们完成从初始值平滑地过渡到结束值这样的效果。除此之外，ValueAnimator还负责管理动画的播放次数、播放模式、以及对动画设置监听器等，确实是一个非常重要的类。

插值器Interpolator

@HasNativeInterpolatorpublic class AccelerateDecelerateInterpolator implements Interpolator, NativeInterpolatorFactory {//先加速后减速插值器 public AccelerateDecelerateInterpolator() { } @SuppressWarnings({"UnusedDeclaration"}) public AccelerateDecelerateInterpolator(Context context, AttributeSet attrs) { } public float getInterpolation(float input) { return (float)(Math.cos((input + 1) * Math.PI) / 2.0f) + 0.5f;//input即为时间因子，已持续时间/总持续时间的比值 //input 值【0-1】余弦函数【π-2π】值【-1,0】总结果【0,1】//返回值为求值器Evaluator的插值因子fraction } /** @hide */ @Override public long createNativeInterpolator() { return NativeInterpolatorFactoryHelper.createAccelerateDecelerateInterpolator(); }}public interface Interpolator extends TimeInterpolator {//空接口}public interface TimeInterpolator {//时间插值器：属性变化率，加速度 float getInterpolation(float input);}

求值器Evaluator

public class FloatEvaluator implements TypeEvaluator<Number> {//参数分别为插值器的getInterpolation返回值：插值因子，开始值与结束值。 public Float evaluate(float fraction, Number startValue, Number endValue) { float startFloat = startValue.floatValue();//将number转化成float类型 return startFloat + fraction * (endValue.floatValue() - startFloat); }}public interface TypeEvaluator<T> { public T evaluate(float fraction, T startValue, T endValue);}

ValueAnimator根据动画已进行的时间跟动画总时间（duration）的比计算出一个时间因子（0~1），然后根据TimeInterpolator计算出另一个因子：插值因子fraction，最后TypeAnimator通过这个因子计算出属性值，即返回值。

比如：动画持续40ms，在进行到10ms时：首先计算出时间因子，即经过的时间百分比：t=10ms/40ms=0.25。经插值计算(inteplator)后的插值因子:大约为0.15，比如用了AccelerateDecelerateInterpolator，计算公式为（input即为时间因子）： (Math.cos((input + 1) * Math.PI) / 2.0f) + 0.5f; 最后根据TypeEvaluator计算出在10ms时的属性值,比如TypeEvaluator为FloatEvaluator：0.15*（40-0）=6pixel。

ValueAnimator包含Property Animation动画的所有核心功能，如动画时间，开始、结束属性值，相应时间属性值计算方法等。应用Property Animation有两个步聚：

1、计算属性值 2、根据属性值执行相应的动作，如改变对象的某一属性。

ValuAnimiator只完成了第一步工作，如果要完成第二步，需要实现ValueAnimator.onUpdateListener接口，这个接口只有一个函数onAnimationUpdate()，在这个函数中会传入ValueAnimator对象做为参数，通过这个ValueAnimator对象的getAnimatedValue()函数可以得到当前的属性值如：

ValueAnimator animation = ValueAnimator.ofFloat(0f, 1f);animation.setDuration(1000);animation.addUpdateListener(new AnimatorUpdateListener() { @Override public void onAnimationUpdate(ValueAnimator animation) { Log.i("update", ((Float) animation.getAnimatedValue()).toString()); }});animation.setInterpolator(new CycleInterpolator(3));animation.start();

ObjectAnimator

相比于ValueAnimator，ObjectAnimator可能才是我们最常接触到的类，因为ValueAnimator只不过是对值进行了一个平滑的动画过渡，但我们实际使用到这种功能的场景好像并不多。而ObjectAnimator则就不同了，它是可以直接对任意对象的任意属性进行动画操作的，比如说View的alpha属性。 xml文件中使用：放置在res/animator/目录下

引用XML动画:

Animator animator = AnimatorInflater.loadAnimator(context, R.animator.anim_file); animator.setTarget(view); animator.start();

上面组合动画如果在Java代码中写,如下：

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();

组合动画也可以使用PropertyValuesHolder类，但AnimatorSet:不仅能够实现PropertyValuesHolder的效果，而且可以更精确的控制动画的顺序。

private void propertyValuesHolder() { PropertyValuesHolder pv1 = PropertyValuesHolder.ofFloat("translationY", 600f); PropertyValuesHolder pv2 = PropertyValuesHolder.ofFloat("scaleX", 1f, 0, 0.5f); PropertyValuesHolder pv3 = PropertyValuesHolder.ofFloat("scaleY", 1f, 0, 0.5f); ObjectAnimator.ofPropertyValuesHolder(mImage, pv1, pv2, pv3).setDuration(1000).start(); } ObjectAnimator anim1 = ObjectAnimator.ofFloat(mBlueBall, "scaleX", 1.0f, 2f); ObjectAnimator anim2 = ObjectAnimator.ofFloat(mBlueBall, "scaleY", 1.0f, 2f); ObjectAnimator anim3 = ObjectAnimator.ofFloat(mBlueBall, "x", cx , 0f); ObjectAnimator anim4 = ObjectAnimator.ofFloat(mBlueBall, "x", cx); /** * anim1，anim2,anim3同时执行 * anim4接着执行 */ AnimatorSet animSet = new AnimatorSet(); //animSet.playTogether(anim1, anim2);//两个动画同时执行 animSet.play(anim1).with(anim2); animSet.play(anim2).with(anim3); animSet.play(anim4).after(anim3); animSet.setDuration(1000); animSet.start();

1、要使用ObjectAnimator来构造动画，要操作的对象中，必须存在对应的属性的set、get方法（定义对象时时要写set、get方法） 2、setter 方法的命名必须以骆驼拼写法命名，即set后每个单词首字母大写，其余字母小写，即类似于setPropertyName所对应的属性为propertyName 。常用属性：backgroundColor（背景色），translationX，scaleX，rotationX（沿x轴旋转，区别于rotation是z轴旋转，即垂直xy轴），alpha等等。 3、监听

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() { });

4、实现组合动画功能主要需要借助AnimatorSet这个类，这个类提供了一个play()方法，如果我们向这个方法中传入一个Animator对象(ValueAnimator或ObjectAnimator)将会返回一个AnimatorSet.Builder的实例，AnimatorSet.Builder中包括以下四个方法：

after(Animator anim) //将现有动画插入到传入的动画之后执行after(long delay) //将现有动画延迟指定毫秒后执行before(Animator anim) //将现有动画插入到传入的动画之前执行with(Animator anim) //将现有动画和传入的动画同时执行

5、执行顺序：

1、playSequentially依次执行,playTogether同时执行。2、animatorSet.play(anim1).before(anim2)animatorSet.play(anim2).after(anim1)是完全等价的

ViewPropertyAnimator的用法

在Android 3.1系统当中补充了ViewPropertyAnimator（即在SDK11的时候，给View添加了animate方法，这个方法的返回值是一个ViewPropertyAnimator对象，也就是说拿到这个对象之后我们就可以调用它的各种方法来实现动画效果了），更加方便的实现动画效果。

textview.animate().x(500).y(500).setDuration(5000) .setInterpolator(new BounceInterpolator());

自定义Interpolator：在哪里取值，何时取值

属性动画默认的Interpolator是先加速后减速（余弦函数）的一种方式，系统也提供了一些，当然也可以自定义：新建一个类，让它实现TimeInterpolator接口，重写getInterpolation方法（计算何时取值）。

public class DecelerateAccelerateInterpolator implements TimeInterpolator{ //先减速后加速，正弦函数 @Override public float getInterpolation(float input) { //input[0,1] 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; } }

自定义TypeEvaluator：取值多少,取值方法

ofInt、ofFloat、ofObject最后一组参数的类型分别为int、float、Object。 创建一个类，实现TypeEvaluator接口，重写evaluate方法。

public class PointEvaluator implements TypeEvaluator{ @Override public Object evaluate(float fraction, Object startValue, Object endValue) { Point startPoint = (Point) startValue; Point endPoint = (Point) endValue; float x = startPoint.getX() + fraction * (endPoint.getX() - startPoint.getX()); float y = startPoint.getY() + fraction * (endPoint.getY() - startPoint.getY()); Point point = new Point(x, y); return point; } }

将Point1通过动画平滑过度到Point2，就可以这样写：

Point point1 = new Point(0, 0); Point point2 = new Point(300, 300); ValueAnimator anim = ValueAnimator.ofObject(new PointEvaluator(), point1, point2); anim.setDuration(5000); anim.start();

参考 Android动画学习笔记-Android Animation

郭霖 Android属性动画完全解析(下)，Interpolator和ViewPropertyAnimator的用法 Android属性动画完全解析(中)，ValueAnimator和ObjectAnimator的高级用法 Android属性动画完全解析(上)，初识属性动画的基本用法

当数学遇上动画：讲述 ValueAnimator、TypeEvaluator 和 TimeInterpolator 之间的恩恩怨怨

android Animation 效果控制（一）

鸿洋： Android 属性动画（Property Animation）完全解析（上） Android 属性动画（Property Animation）完全解析（下）

Android 群英传 Android艺术探索

上一篇：ChartView

下一篇：微信小程序的新建页面 —— 微信小程序教程系列（4）