程序员经验分享-hwhale

Android属性动画

2023-11-19

http://bbs.itheima.com/thread-172632-1-1.html

什么是Android属性动画
    属性动画(Property Animation)系统是一个健壮的动画框架系统，它可以满足你大部分动画需求。不管动画对象是否已经绘制到屏幕上，你都可以在动画执行过程中改变它任意的属性值。一个属性动画会在一段特定长度的时间内改变一个属性(一个对象中的字段)的值。你可以通过以下几步定义一个动画：指定你要执行动画的属性，比如动画对象(View)在屏幕上的位置，指定执行时长，指定你希望的属性的变化值。

同类技术对比：
  • 补间动画(Tween Animation)
a. 渐变动画支持四种类型：平移（Translate）、旋转（Rotate）、缩放（Scale）、不透明度（Alpha）。
b. 只是显示的位置变动，View的实际位置未改变，表现为View移动到其他地方，点击事件仍在原处才能响应。
c. 组合使用步骤较复杂。
d. View Animation 也是指此动画。
  • 帧动画(Frame Animation)
a. 用于生成连续的Gif效果图。
b. DrawableAnimation也是指此动画。
  • 属性动画(Property Animation)
a. 支持对所有View能更新的属性的动画（需要属性的setXxx()和getXxx()）。
b. 更改的是View实际的属性，所以不会影响其在动画执行后所在位置的正常使用。
c. Android3.0 （API11）及以后出现的功能，3.0之前的版本可使用github第三方开源库nineoldandroids.jar进行支持。

属性动画组成部分、相关类介绍：
1. ObjectAnimator ：对象动画执行类。
2. ValueAnimator ：值动画执行类，常配合AnimatorUpdateListener使用。
3. PropertyValuesHolder : 属性存储器，为两个执行类提供更新多个属性的功能。
4. Keyframe ：为 PropertyValuesHolder提供多个关键帧的操作值。
5. AnimatorSet ：一组动画的执行集合类：设置执行的先后顺序，时间等。
6. AnimatorUpdateListener ：动画更新监听。
7. AnimatorListener ：动画执行监听，在动画开始、重复、结束、取消时进行回调。
8. AnimatorInflater ：加载属性动画的xml文件。
9. TypeEvaluator ：类型估值，用于设置复杂的动画操作属性的值。
10.  TimeInterpolator ：时间插值，用于控制动画执行过程。

（以下源代码下载地址： http://pan.baidu.com/s/1mgFXOkK ）

1.ObjectAnimator对象动画执行类

介绍:
1. 通过静态方法ofInt、ofFloat、ofObject、ofPropertyValuesHolder 获取类对象。
2. 根据属性值类型选择静态方法，如view的setLeft(int left) 则选用ofInt方法, setY(float y)则选用ofFloat方法。
3. 同ValueAnimator一样，可以进行串联式使用，示例如下。
示例:
  • 简单示例：View的横向移动
  1.         // 通过静态方法构建一个ObjectAnimator对象
  2.         // 设置作用对象、属性名称、数值集合
  3.         ObjectAnimator.ofFloat(view, "translationX", 0.0F, 200.0F)
  4.         // 设置执行时间(1000ms)
  5.                 .setDuration(1000)
  6.                 // 开始动画
  7.                 .start();
复制代码
 

  • 复合示例：View弹性落下然后弹起，执行一次。
  1.   // 修改view的y属性, 从当前位置移动到300.0f
  2.         ObjectAnimator yBouncer = ObjectAnimator.ofFloat(view, "y",
  3.                 view.getY(), 300.0f);
  4.         yBouncer.setDuration(1500);
  5.         // 设置插值器(用于调节动画执行过程的速度)
  6.         yBouncer.setInterpolator(new BounceInterpolator());
  7.         // 设置重复次数(缺省为0,表示不重复执行)
  8.         yBouncer.setRepeatCount(1);
  9.         // 设置重复模式(RESTART或REVERSE),重复次数大于0或INFINITE生效
  10.         yBouncer.setRepeatMode(ValueAnimator.REVERSE);
  11.         // 设置动画开始的延时时间(200ms)
  12.         yBouncer.setStartDelay(200);
  13.         // 开始动画
  14.         yBouncer.start();
复制代码
 
2.ValueAnimator 值动画执行类

介绍:
1. 构造方法与ObjectAnimator类似。
2. 与ObjectAnimator的区别在于ValueAnimator构造函数的参数中不包含动画“属性”信息。
3. 优点：结合动画更新监听onAnimationUpdate使用，可以在回调中不断更新View的多个属性，使用起来更加灵活。
示例:
  • View向右下角移动：
  1.     // 通过静态方法构建一个ValueAnimator对象
  2.         // 设置数值集合
  3.         ValueAnimator animator = ValueAnimator.ofFloat(0f, 200.0f);
  4.         // 设置作用对象
  5.         animator.setTarget(view);
  6.         // 设置执行时间(1000ms)
  7.         animator.setDuration(1000);
  8.         // 添加动画更新监听
  9.         animator.addUpdateListener(new AnimatorUpdateListener() {
  10.             @Override
  11.             public void onAnimationUpdate(ValueAnimator animation) {
  12.                 // 获取当前值
  13.                 Float mValue = (Float) animation.getAnimatedValue();
  14.                 // 设置横向偏移量
  15.                 view.setTranslationX(mValue);
  16.                 // 设置纵向偏移量
  17.                 view.setTranslationY(mValue);
  18.             }
  19.         });
  20.         // 开始动画
  21.         animator.start();
复制代码
 
3.PropertyValuesHolder 属性存储器

介绍:
为ValueAnimator提供多个操作属性及相应的执行参数。      
示例:
  • 同时修改View多个属性的动画：
  1. // 获取view左边位置
  2.         int left = view.getLeft();
  3.         // 获取view右边位置
  4.         int right = view.getRight();
  5.         // 将view左边增加10像素
  6.         PropertyValuesHolder pvhLeft = PropertyValuesHolder.ofInt("left", left,
  7.                 left + 10);
  8.         // 将view右边减少10像素
  9.         PropertyValuesHolder pvhRight = PropertyValuesHolder.ofInt("right",
  10.                 right, right - 10);
  11.         // 在X轴缩放从原始比例1f,缩小到最小0f,再放大到原始比例1f
  12.         PropertyValuesHolder pvhScaleX = PropertyValuesHolder.ofFloat("scaleX",
  13.                 1f, 0f, 1f);
  14.         // 在Y轴缩放从原始比例1f,缩小到最小0f,再放大到原始比例1f
  15.         PropertyValuesHolder pvhScaleY = PropertyValuesHolder.ofFloat("scaleY",
  16.                 1f, 0f, 1f);
  17.         // 将PropertyValuesHolder交付给ObjectAnimator进行构建
  18.         ObjectAnimator customAnim = ObjectAnimator.ofPropertyValuesHolder(view,
  19.                 pvhLeft, pvhRight, pvhScaleX, pvhScaleY);
  20.         // 设置执行时间(1000ms)
  21.         customAnim.setDuration(1000);
  22.         // 开始动画
  23.         customAnim.start();
复制代码
 

4.Keyframe 关键帧

介绍:
为 PropertyValuesHolder提供关键帧的操作值集合。
示例:
  • 以下示例表示该PropertyValuesHolder进行的旋转（rotation）动画，在执行时间在0%, 50%, 100%时,其旋转角度分别为0°, 360°, 0°。动画执行过程中自动进行补间。表现为自旋360°后再转回来。
  1.         // 设置在动画开始时,旋转角度为0度
  2.         Keyframe kf0 = Keyframe.ofFloat(0f, 0f);
  3.         // 设置在动画执行50%时,旋转角度为360度
  4.         Keyframe kf1 = Keyframe.ofFloat(.5f, 360f);
  5.         // 设置在动画结束时,旋转角度为0度
  6.         Keyframe kf2 = Keyframe.ofFloat(1f, 0f);
  7.         // 使用PropertyValuesHolder进行属性名称和值集合的封装
  8.         PropertyValuesHolder pvhRotation = PropertyValuesHolder.ofKeyframe(
  9.                 "rotation", kf0, kf1, kf2);
  10.         // 通过ObjectAnimator进行执行
  11.         ObjectAnimator.ofPropertyValuesHolder(view, pvhRotation)
  12.         // 设置执行时间(1000ms)
  13.                 .setDuration(1000)
  14.                 // 开始动画
  15.                 .start();
复制代码
 
5.AnimatorSet 执行集合类

介绍:
1. 为多个属性动画提供播放顺序控制(注意play,with,after,before的用法)。
2. AnimatorSet类与AnimationSet类不能搞混，AnimatorSet在3.0及以上版本中才有。3.0之前的版本可使用第三方开源库nineoldandroids.jar进行支持，功能使用完全一致。
示例:
以下示例动画的播放顺序为
1.播放 bounceAnim;
2.同时播放 squashAnim1, squashAnim2,stretchAnim1, stretchAnim2;
3.接着播放 bounceBackAnim;
4.最后播放 fadeAnim;
  1.          AnimatorSet bouncer = new AnimatorSet();
  2.          bouncer.play(bounceAnim).before(squashAnim1);
  3.          bouncer.play(squashAnim1).with(squashAnim2);
  4.          bouncer.play(squashAnim1).with(stretchAnim1);
  5.          bouncer.play(squashAnim1).with(stretchAnim2);
  6.          bouncer.play(bounceBackAnim).after(stretchAnim2);
  7.          ValueAnimator fadeAnim = ObjectAnimator.ofFloat(newBall, "alpha", 1f,
  8.          0f);
  9.          fadeAnim.setDuration(250);
  10.          AnimatorSet animatorSet = new AnimatorSet();
  11.          animatorSet.play(bouncer).before(fadeAnim);
  12.          animatorSet.start();
复制代码

6. AnimatorUpdateListener动画更新监听

介绍：
1.在动画执行过程中，每次更新都会调用该回调，可以在该回调中手动更新view的属性。
2.当调用的属性方法中没有进行View的重绘时，需要进行手动触发重绘。设置AnimatorUpdateListener监听，并在onAnimationUpdate回调中执行View的invalidate()方法。
示例：
  • 1. 在回调中手动更新View对应属性：
  1.         // 1. 在回调中手动更新View对应属性：
  2.         AnimatorUpdateListener l = new AnimatorUpdateListener() {
  3.             public void onAnimationUpdate(ValueAnimator animation) {
  4.                 // 当前的分度值范围为0.0f->1.0f
  5.                 // 分度值是动画执行的百分比。区别于AnimatedValue。
  6.                 float fraction = animation.getAnimatedFraction();
  7.                 // 以下的的效果为 View从完全透明到不透明,
  8.                 view.setAlpha(fraction);
  9.                 // Y方向向下移动300px的距离.
  10.                 view.setTranslationY(fraction * 300.0f);
  11.             }
  12.         };
  13.         ValueAnimator mAnim = ValueAnimator.ofFloat(0f, 1.0f);
  14.         mAnim.addUpdateListener(l);
  15.         mAnim.setDuration(1000);
  16.         mAnim.start();
复制代码
 

  • 2. 在自定义View内部用于引发重绘：
  1. // 2. 在自定义View内部用于引发重绘
  2.     public class MyAnimationView extends View implements
  3.             ValueAnimator.AnimatorUpdateListener {
  4.         public MyAnimationView(Context context) {
  5.             super(context);
  6.         }
  7.         @Override
  8.         public void onAnimationUpdate(ValueAnimator animation) {
  9.             // 手动触发界面重绘
  10.             invalidate();
  11.         }
  12.     }
复制代码
7.AnimatorListener 动画执行监听

介绍：
1. 实现AnimatorListener中的方法可在动画执行全程进行其他任务的回调执行。
2. 也可以添加AnimatorListener的实现类AnimatorListenerAdapter，仅重写需要的监听即可。
示例：
  1. // 将view透明度从当前的1.0f更新为0.5f,在动画结束时移除该View
  2.         ObjectAnimator anim = ObjectAnimator.ofFloat(view, "alpha", 0.5f);
  3.         anim.setDuration(1000);
  4.         anim.addListener(new AnimatorListener() {
  5.             @Override
  6.             public void onAnimationStart(Animator animation) {
  7.                 // 动画开始时调用
  8.             }

  10.             @Override
  11.             public void onAnimationRepeat(Animator animation) {
  12.                 // 动画重复时调用
  13.             }
  14.             @Override
  15.             public void onAnimationEnd(Animator animation) {
  16.                 // 动画结束时调用
  17.                 ViewGroup parent = (ViewGroup) view.getParent();
  18.                 if (parent != null)
  19.                     parent.removeView(view);
  20.             }
  21.             @Override
  22.             public void onAnimationCancel(Animator animation) {
  23.                 // 动画取消时调用
  24.             }
  25.         });
  26.         anim.start();
复制代码
 
8.AnimatorInflater 动画加载器

介绍：
1. 属性动画可以通过xml文件的形式加载。
2. set标签内的animator也可单独使用。
3. XML语法如下：
  1. <setandroid:ordering=["together" ¦ "sequentially"]>
  2.           <objectAnimator
  3.               android:propertyName="string"
  4.               android:duration="int"
  5.               android:valueFrom="float¦ int ¦ color"
  6.               android:valueTo="float¦ int ¦ color"
  7.               android:startOffset="int"
  8.               android:repeatCount="int"
  9.               android:repeatMode=["repeat"¦ "reverse"]
  10.               android:valueType=["intType"¦ "floatType"]/>
  11.           <animator
  12.               android:duration="int"
  13.               android:valueFrom="float¦ int ¦ color"
  14.               android:valueTo="float¦ int ¦ color"
  15.               android:startOffset="int"
  16.               android:repeatCount="int"
  17.               android:repeatMode=["repeat"¦ "reverse"]
  18.               android:valueType=["intType"¦ "floatType"]/>
  19.           <set>
  20.               ...
  21.           </set>
  22. </set>
复制代码
示例：
  1.         // 加载xml属性动画
  2.         Animator anim = AnimatorInflater
  3.                 .loadAnimator(this, R.anim.animator_set);
  4.         anim.setTarget(view);
  5.         anim.start();
复制代码
xml文件：
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <set>
  3.     <objectAnimator xmlns:android="http://schemas.android.com/apk/res/android"
  4.         android:duration="1000"
  5.         android:valueTo="200"
  6.         android:valueType="floatType"
  7.         android:propertyName="x"
  8.         android:repeatCount="1"
  9.         android:repeatMode="reverse"/>
  10.     <objectAnimator xmlns:android="http://schemas.android.com/apk/res/android"
  11.         android:duration="1000"
  12.         android:valueTo="400"
  13.         android:valueType="floatType"
  14.         android:propertyName="y"
  15.         android:repeatCount="1"
  16.         android:repeatMode="reverse"/>
  17. </set>
复制代码
 


9.TypeEvaluator  类型估值

介绍：
1. TypeEvaluator可传入参数值的类型（本例为PointF）。
2. 重写函数public T evaluate(floatfraction, T startValue, T endValue);实现不同需求值的计算。
3. 注意fraction的使用，fraction是从开始到结束的分度值0.0 -> 1.0。
示例：
  1.         // 类型估值 - 抛物线示例
  2.         TypeEvaluator<PointF> typeEvaluator = new TypeEvaluator<PointF>() {
  3.             @Override
  4.             public PointF evaluate(float fraction, PointF startValue,
  5.                     PointF endValue) {
  6.                 float time = fraction * 3;
  7.                 Log.e(TAG, time + "");
  8.                 // x方向200px/s ，y方向0.5 * 200 * t * t
  9.                 PointF point = new PointF();
  10.                 point.x = 120 * time;
  11.                 point.y = 0.5f * 200 * time * time;
  12.                 return point;
  13.             }
  14.         };
  15.         ValueAnimator valueAnimator = ValueAnimator.ofObject(typeEvaluator,
  16.                 new PointF(0, 0));
  17.         valueAnimator.setInterpolator(new LinearInterpolator());
  18.         valueAnimator.setDuration(3000);
  19.         valueAnimator.start();
  20.         
  21.         valueAnimator.addUpdateListener(new AnimatorUpdateListener() {
  22.             @Override
  23.             public void onAnimationUpdate(ValueAnimator animation) {
  24.                 PointF point = (PointF) animation.getAnimatedValue();
  25.                 view.setX(point.x);
  26.                 view.setY(point.y);
  27.             }
  28.         });
复制代码
 


10. TimeInterpolator 时间插值器

1.    几种常见的插值器：

  
Interpolator 对象
  
资源 ID
功能作用
AccelerateDecelerateInterpolator
@android:anim/accelerate_decelerate_interpolator
先加速再减速
AccelerateInterpolator
@android:anim/accelerate_interpolator
加速
AnticipateInterpolator
@android:anim/anticipate_interpolator
先回退一小步然后加速前进
AnticipateOvershootInterpolator
@android:anim/anticipate_overshoot_interpolator
在上一个基础上超出终点一小步再回到终点
BounceInterpolator
@android:anim/bounce_interpolator
最后阶段弹球效果
CycleInterpolator
@android:anim/cycle_interpolator
周期运动
DecelerateInterpolator
@android:anim/decelerate_interpolator
减速
LinearInterpolator
@android:anim/linear_interpolator
匀速
OvershootInterpolator
@android:anim/overshoot_interpolator
快速到达终点并超出一小步最后回到终点

2. 自定义插值器
a.实现Interpolator(TimeInterpolator)接口;
b.重写接口函数float getInterpolation(floatinput)。
什么是Android属性动画
    属性动画(Property Animation)系统是一个健壮的动画框架系统，它可以满足你大部分动画需求。不管动画对象是否已经绘制到屏幕上，你都可以在动画执行过程中改变它任意的属性值。一个属性动画会在一段特定长度的时间内改变一个属性(一个对象中的字段)的值。你可以通过以下几步定义一个动画：指定你要执行动画的属性，比如动画对象(View)在屏幕上的位置，指定执行时长，指定你希望的属性的变化值。

同类技术对比：
  • 补间动画(Tween Animation)
a. 渐变动画支持四种类型：平移（Translate）、旋转（Rotate）、缩放（Scale）、不透明度（Alpha）。
b. 只是显示的位置变动，View的实际位置未改变，表现为View移动到其他地方，点击事件仍在原处才能响应。
c. 组合使用步骤较复杂。
d. View Animation 也是指此动画。
  • 帧动画(Frame Animation)
a. 用于生成连续的Gif效果图。
b. DrawableAnimation也是指此动画。
  • 属性动画(Property Animation)
a. 支持对所有View能更新的属性的动画（需要属性的setXxx()和getXxx()）。
b. 更改的是View实际的属性，所以不会影响其在动画执行后所在位置的正常使用。
c. Android3.0 （API11）及以后出现的功能，3.0之前的版本可使用github第三方开源库nineoldandroids.jar进行支持。

属性动画组成部分、相关类介绍：
1. ObjectAnimator ：对象动画执行类。
2. ValueAnimator ：值动画执行类，常配合AnimatorUpdateListener使用。
3. PropertyValuesHolder : 属性存储器，为两个执行类提供更新多个属性的功能。
4. Keyframe ：为 PropertyValuesHolder提供多个关键帧的操作值。
5. AnimatorSet ：一组动画的执行集合类：设置执行的先后顺序，时间等。
6. AnimatorUpdateListener ：动画更新监听。
7. AnimatorListener ：动画执行监听，在动画开始、重复、结束、取消时进行回调。
8. AnimatorInflater ：加载属性动画的xml文件。
9. TypeEvaluator ：类型估值，用于设置复杂的动画操作属性的值。
10.  TimeInterpolator ：时间插值，用于控制动画执行过程。

（以下源代码下载地址： http://pan.baidu.com/s/1mgFXOkK ）

1.ObjectAnimator对象动画执行类

介绍:
1. 通过静态方法ofInt、ofFloat、ofObject、ofPropertyValuesHolder 获取类对象。
2. 根据属性值类型选择静态方法，如view的setLeft(int left) 则选用ofInt方法, setY(float y)则选用ofFloat方法。
3. 同ValueAnimator一样，可以进行串联式使用，示例如下。
示例:
  • 简单示例：View的横向移动
  1.         // 通过静态方法构建一个ObjectAnimator对象
  2.         // 设置作用对象、属性名称、数值集合
  3.         ObjectAnimator.ofFloat(view, "translationX", 0.0F, 200.0F)
  4.         // 设置执行时间(1000ms)
  5.                 .setDuration(1000)
  6.                 // 开始动画
  7.                 .start();
复制代码
 

  • 复合示例：View弹性落下然后弹起，执行一次。
  1.   // 修改view的y属性, 从当前位置移动到300.0f
  2.         ObjectAnimator yBouncer = ObjectAnimator.ofFloat(view, "y",
  3.                 view.getY(), 300.0f);
  4.         yBouncer.setDuration(1500);
  5.         // 设置插值器(用于调节动画执行过程的速度)
  6.         yBouncer.setInterpolator(new BounceInterpolator());
  7.         // 设置重复次数(缺省为0,表示不重复执行)
  8.         yBouncer.setRepeatCount(1);
  9.         // 设置重复模式(RESTART或REVERSE),重复次数大于0或INFINITE生效
  10.         yBouncer.setRepeatMode(ValueAnimator.REVERSE);
  11.         // 设置动画开始的延时时间(200ms)
  12.         yBouncer.setStartDelay(200);
  13.         // 开始动画
  14.         yBouncer.start();
复制代码
 
2.ValueAnimator 值动画执行类

介绍:
1. 构造方法与ObjectAnimator类似。
2. 与ObjectAnimator的区别在于ValueAnimator构造函数的参数中不包含动画“属性”信息。
3. 优点：结合动画更新监听onAnimationUpdate使用，可以在回调中不断更新View的多个属性，使用起来更加灵活。
示例:
  • View向右下角移动：
  1.     // 通过静态方法构建一个ValueAnimator对象
  2.         // 设置数值集合
  3.         ValueAnimator animator = ValueAnimator.ofFloat(0f, 200.0f);
  4.         // 设置作用对象
  5.         animator.setTarget(view);
  6.         // 设置执行时间(1000ms)
  7.         animator.setDuration(1000);
  8.         // 添加动画更新监听
  9.         animator.addUpdateListener(new AnimatorUpdateListener() {
  10.             @Override
  11.             public void onAnimationUpdate(ValueAnimator animation) {
  12.                 // 获取当前值
  13.                 Float mValue = (Float) animation.getAnimatedValue();
  14.                 // 设置横向偏移量
  15.                 view.setTranslationX(mValue);
  16.                 // 设置纵向偏移量
  17.                 view.setTranslationY(mValue);
  18.             }
  19.         });
  20.         // 开始动画
  21.         animator.start();
复制代码
 
3.PropertyValuesHolder 属性存储器

介绍:
为ValueAnimator提供多个操作属性及相应的执行参数。      
示例:
  • 同时修改View多个属性的动画：
  1. // 获取view左边位置
  2.         int left = view.getLeft();
  3.         // 获取view右边位置
  4.         int right = view.getRight();
  5.         // 将view左边增加10像素
  6.         PropertyValuesHolder pvhLeft = PropertyValuesHolder.ofInt("left", left,
  7.                 left + 10);
  8.         // 将view右边减少10像素
  9.         PropertyValuesHolder pvhRight = PropertyValuesHolder.ofInt("right",
  10.                 right, right - 10);
  11.         // 在X轴缩放从原始比例1f,缩小到最小0f,再放大到原始比例1f
  12.         PropertyValuesHolder pvhScaleX = PropertyValuesHolder.ofFloat("scaleX",
  13.                 1f, 0f, 1f);
  14.         // 在Y轴缩放从原始比例1f,缩小到最小0f,再放大到原始比例1f
  15.         PropertyValuesHolder pvhScaleY = PropertyValuesHolder.ofFloat("scaleY",
  16.                 1f, 0f, 1f);
  17.         // 将PropertyValuesHolder交付给ObjectAnimator进行构建
  18.         ObjectAnimator customAnim = ObjectAnimator.ofPropertyValuesHolder(view,
  19.                 pvhLeft, pvhRight, pvhScaleX, pvhScaleY);
  20.         // 设置执行时间(1000ms)
  21.         customAnim.setDuration(1000);
  22.         // 开始动画
  23.         customAnim.start();
复制代码
 

4.Keyframe 关键帧

介绍:
为 PropertyValuesHolder提供关键帧的操作值集合。
示例:
  • 以下示例表示该PropertyValuesHolder进行的旋转（rotation）动画，在执行时间在0%, 50%, 100%时,其旋转角度分别为0°, 360°, 0°。动画执行过程中自动进行补间。表现为自旋360°后再转回来。
  1.         // 设置在动画开始时,旋转角度为0度
  2.         Keyframe kf0 = Keyframe.ofFloat(0f, 0f);
  3.         // 设置在动画执行50%时,旋转角度为360度
  4.         Keyframe kf1 = Keyframe.ofFloat(.5f, 360f);
  5.         // 设置在动画结束时,旋转角度为0度
  6.         Keyframe kf2 = Keyframe.ofFloat(1f, 0f);
  7.         // 使用PropertyValuesHolder进行属性名称和值集合的封装
  8.         PropertyValuesHolder pvhRotation = PropertyValuesHolder.ofKeyframe(
  9.                 "rotation", kf0, kf1, kf2);
  10.         // 通过ObjectAnimator进行执行
  11.         ObjectAnimator.ofPropertyValuesHolder(view, pvhRotation)
  12.         // 设置执行时间(1000ms)
  13.                 .setDuration(1000)
  14.                 // 开始动画
  15.                 .start();
复制代码
 
5.AnimatorSet 执行集合类

介绍:
1. 为多个属性动画提供播放顺序控制(注意play,with,after,before的用法)。
2. AnimatorSet类与AnimationSet类不能搞混，AnimatorSet在3.0及以上版本中才有。3.0之前的版本可使用第三方开源库nineoldandroids.jar进行支持，功能使用完全一致。
示例:
以下示例动画的播放顺序为
1.播放 bounceAnim;
2.同时播放 squashAnim1, squashAnim2,stretchAnim1, stretchAnim2;
3.接着播放 bounceBackAnim;
4.最后播放 fadeAnim;
  1.          AnimatorSet bouncer = new AnimatorSet();
  2.          bouncer.play(bounceAnim).before(squashAnim1);
  3.          bouncer.play(squashAnim1).with(squashAnim2);
  4.          bouncer.play(squashAnim1).with(stretchAnim1);
  5.          bouncer.play(squashAnim1).with(stretchAnim2);
  6.          bouncer.play(bounceBackAnim).after(stretchAnim2);
  7.          ValueAnimator fadeAnim = ObjectAnimator.ofFloat(newBall, "alpha", 1f,
  8.          0f);
  9.          fadeAnim.setDuration(250);
  10.          AnimatorSet animatorSet = new AnimatorSet();
  11.          animatorSet.play(bouncer).before(fadeAnim);
  12.          animatorSet.start();
复制代码

6. AnimatorUpdateListener动画更新监听

介绍：
1.在动画执行过程中，每次更新都会调用该回调，可以在该回调中手动更新view的属性。
2.当调用的属性方法中没有进行View的重绘时，需要进行手动触发重绘。设置AnimatorUpdateListener监听，并在onAnimationUpdate回调中执行View的invalidate()方法。
示例：
  • 1. 在回调中手动更新View对应属性：
  1.         // 1. 在回调中手动更新View对应属性：
  2.         AnimatorUpdateListener l = new AnimatorUpdateListener() {
  3.             public void onAnimationUpdate(ValueAnimator animation) {
  4.                 // 当前的分度值范围为0.0f->1.0f
  5.                 // 分度值是动画执行的百分比。区别于AnimatedValue。
  6.                 float fraction = animation.getAnimatedFraction();
  7.                 // 以下的的效果为 View从完全透明到不透明,
  8.                 view.setAlpha(fraction);
  9.                 // Y方向向下移动300px的距离.
  10.                 view.setTranslationY(fraction * 300.0f);
  11.             }
  12.         };
  13.         ValueAnimator mAnim = ValueAnimator.ofFloat(0f, 1.0f);
  14.         mAnim.addUpdateListener(l);
  15.         mAnim.setDuration(1000);
  16.         mAnim.start();
复制代码
 

  • 2. 在自定义View内部用于引发重绘：
  1. // 2. 在自定义View内部用于引发重绘
  2.     public class MyAnimationView extends View implements
  3.             ValueAnimator.AnimatorUpdateListener {
  4.         public MyAnimationView(Context context) {
  5.             super(context);
  6.         }
  7.         @Override
  8.         public void onAnimationUpdate(ValueAnimator animation) {
  9.             // 手动触发界面重绘
  10.             invalidate();
  11.         }
  12.     }
复制代码
7.AnimatorListener 动画执行监听

介绍：
1. 实现AnimatorListener中的方法可在动画执行全程进行其他任务的回调执行。
2. 也可以添加AnimatorListener的实现类AnimatorListenerAdapter，仅重写需要的监听即可。
示例：
  1. // 将view透明度从当前的1.0f更新为0.5f,在动画结束时移除该View
  2.         ObjectAnimator anim = ObjectAnimator.ofFloat(view, "alpha", 0.5f);
  3.         anim.setDuration(1000);
  4.         anim.addListener(new AnimatorListener() {
  5.             @Override
  6.             public void onAnimationStart(Animator animation) {
  7.                 // 动画开始时调用
  8.             }

  10.             @Override
  11.             public void onAnimationRepeat(Animator animation) {
  12.                 // 动画重复时调用
  13.             }
  14.             @Override
  15.             public void onAnimationEnd(Animator animation) {
  16.                 // 动画结束时调用
  17.                 ViewGroup parent = (ViewGroup) view.getParent();
  18.                 if (parent != null)
  19.                     parent.removeView(view);
  20.             }
  21.             @Override
  22.             public void onAnimationCancel(Animator animation) {
  23.                 // 动画取消时调用
  24.             }
  25.         });
  26.         anim.start();
复制代码
 
8.AnimatorInflater 动画加载器

介绍：
1. 属性动画可以通过xml文件的形式加载。
2. set标签内的animator也可单独使用。
3. XML语法如下：
  1. <setandroid:ordering=["together" ¦ "sequentially"]>
  2.           <objectAnimator
  3.               android:propertyName="string"
  4.               android:duration="int"
  5.               android:valueFrom="float¦ int ¦ color"
  6.               android:valueTo="float¦ int ¦ color"
  7.               android:startOffset="int"
  8.               android:repeatCount="int"
  9.               android:repeatMode=["repeat"¦ "reverse"]
  10.               android:valueType=["intType"¦ "floatType"]/>
  11.           <animator
  12.               android:duration="int"
  13.               android:valueFrom="float¦ int ¦ color"
  14.               android:valueTo="float¦ int ¦ color"
  15.               android:startOffset="int"
  16.               android:repeatCount="int"
  17.               android:repeatMode=["repeat"¦ "reverse"]
  18.               android:valueType=["intType"¦ "floatType"]/>
  19.           <set>
  20.               ...
  21.           </set>
  22. </set>
复制代码
示例：
  1.         // 加载xml属性动画
  2.         Animator anim = AnimatorInflater
  3.                 .loadAnimator(this, R.anim.animator_set);
  4.         anim.setTarget(view);
  5.         anim.start();
复制代码
xml文件：
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <set>
  3.     <objectAnimator xmlns:android="http://schemas.android.com/apk/res/android"
  4.         android:duration="1000"
  5.         android:valueTo="200"
  6.         android:valueType="floatType"
  7.         android:propertyName="x"
  8.         android:repeatCount="1"
  9.         android:repeatMode="reverse"/>
  10.     <objectAnimator xmlns:android="http://schemas.android.com/apk/res/android"
  11.         android:duration="1000"
  12.         android:valueTo="400"
  13.         android:valueType="floatType"
  14.         android:propertyName="y"
  15.         android:repeatCount="1"
  16.         android:repeatMode="reverse"/>
  17. </set>
复制代码
 


9.TypeEvaluator  类型估值

介绍：
1. TypeEvaluator可传入参数值的类型（本例为PointF）。
2. 重写函数public T evaluate(floatfraction, T startValue, T endValue);实现不同需求值的计算。
3. 注意fraction的使用，fraction是从开始到结束的分度值0.0 -> 1.0。
示例：
  1.         // 类型估值 - 抛物线示例
  2.         TypeEvaluator<PointF> typeEvaluator = new TypeEvaluator<PointF>() {
  3.             @Override
  4.             public PointF evaluate(float fraction, PointF startValue,
  5.                     PointF endValue) {
  6.                 float time = fraction * 3;
  7.                 Log.e(TAG, time + "");
  8.                 // x方向200px/s ，y方向0.5 * 200 * t * t
  9.                 PointF point = new PointF();
  10.                 point.x = 120 * time;
  11.                 point.y = 0.5f * 200 * time * time;
  12.                 return point;
  13.             }
  14.         };
  15.         ValueAnimator valueAnimator = ValueAnimator.ofObject(typeEvaluator,
  16.                 new PointF(0, 0));
  17.         valueAnimator.setInterpolator(new LinearInterpolator());
  18.         valueAnimator.setDuration(3000);
  19.         valueAnimator.start();
  20.         
  21.         valueAnimator.addUpdateListener(new AnimatorUpdateListener() {
  22.             @Override
  23.             public void onAnimationUpdate(ValueAnimator animation) {
  24.                 PointF point = (PointF) animation.getAnimatedValue();
  25.                 view.setX(point.x);
  26.                 view.setY(point.y);
  27.             }
  28.         });
复制代码
 


10. TimeInterpolator 时间插值器

1.    几种常见的插值器：

  
Interpolator 对象
  
资源 ID
功能作用
AccelerateDecelerateInterpolator
@android:anim/accelerate_decelerate_interpolator
先加速再减速
AccelerateInterpolator
@android:anim/accelerate_interpolator
加速
AnticipateInterpolator
@android:anim/anticipate_interpolator
先回退一小步然后加速前进
AnticipateOvershootInterpolator
@android:anim/anticipate_overshoot_interpolator
在上一个基础上超出终点一小步再回到终点
BounceInterpolator
@android:anim/bounce_interpolator
最后阶段弹球效果
CycleInterpolator
@android:anim/cycle_interpolator
周期运动
DecelerateInterpolator
@android:anim/decelerate_interpolator
减速
LinearInterpolator
@android:anim/linear_interpolator
匀速
OvershootInterpolator
@android:anim/overshoot_interpolator
快速到达终点并超出一小步最后回到终点

2. 自定义插值器
a.实现Interpolator(TimeInterpolator)接口;
b.重写接口函数float getInterpolation(floatinput)。

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

Android动画

Android属性动画 的相关文章

  • 【CV中的Attention机制】模块梳理合集

    文章目录 0 总述 1 SENet CVPR18 2 SKNet CVPR19 3 CBAM ECCV18 BAM BMVC18 scSE MICCAI18 4 Non Local Network CVPR19 5 GCNet ICCVW1

  • 手把手教你爬取并下载英雄联盟所有英雄皮肤高清大图

    利用requests和urlretrieve爬取并下载英雄联盟所有英雄皮肤高清大图 不知道屏幕前的你是不是也是一名loler 最近学习爬虫 印象中以前看过爬取英雄联盟的帖子 所以也就自己试了试 结果很是满意 先上效果图 亲女儿拉克丝 下面开

  • IO多路复用--[select

    因为在简历上写了netty的项目 因此还是将网络底层的那点东西搞清楚 首先希望明确的是 BIO NIO IO多路复用这是不同的东西 我会在本文中详细讲出来 本文参考资料 JAVA IO模型 IO多路复用 select poll epoll介

  • SpringBoot2.2.X整合ElasricSearch7.8

    这里默认大家已经掌握es基础语法 es版本为7 8 pom

  • pikachu靶场&RCE&文件包含&上传下载&越权(四)

    文章目录 RCE 概述 RCE PING RCE EVEL File Inclusion 文件包含漏洞 概述 文件下载漏洞 概念 文件上传漏洞 概述 前端页面检查 client check MIME TYPE漏洞 getimagesize

  • openwrt恢复出厂设置有两种方法

    1 输入以下指令 firstboot mtd r erase rootfs data 2 输入以下指令 mount root firstboot reboot f

  • spring Bean 生命周期BeanNameAware, BeanFactoryAware, ApplicationContextAware, InitializingBean接口详解

    继续接着上一篇完成后续接口的解析 还是借用上一篇引用大佬的文章 https www jianshu com p 1dec08d290c1 第二篇spring Bean 生命周期及BeanPostProcessor和Instantiation

  • Oracle dba_ts_quotas

    修改用户表空间配额 用户bpx1默认表空间是bpx1 select default tablespace from dba users where username in BPX1 SQL gt alter user bpx1 quota

  • 人工智能巨头碰撞——埃隆·马斯克推出xAI挑战OpenAI的统治地位

    目录 前言 XAI 的推出 什么是XAI 它将聚焦于什么 一 反AI斗士 马斯克进军AI 你怎么看 二 回顾上半年的 百模大战 中国的AI产业怎么样了 三 AI大模型这把火 还能怎么烧 其它资料下载 前言 北京时间7月13日凌晨 马斯克在T

  • R语言中用于计算Rsquare的包rsq

    文章目录 理论介绍 线性模型情形 广义线性模型情形 函数介绍 rsq 的介绍 实例 rsq partial 的介绍 相关文献 pcor 函数介绍 vresidual 函数介绍 实例 理论介绍 线性模型情形 R squared 值范围 0 1

  • 软件工程期末试题及答案（史上最全）

    软件工程期末试题及答案 文章目录 软件工程期末试题及答案 一 填空题 二 选择题 三 判断题 四 简答题 五 分析题 六 画图题 一 填空题 在信息处理和计算机领域内 一般认为软件是 文库 程序 文档 和 数据 数据流图的基本组成部分有 数

  • 双机热备VRRP协议介绍及其工作原理

    VRRP协议 为了更好的解决由于网关故障引起的网络中断问题 网络开发者提出了VRRP协议 VRRP协议是一种容错协议 他保证当链路中路由器出现故障的时候 由备份路由器自动替代路由器进行工作 从而保证网络通信的持续性和可靠性 虚拟路由器 由一

  • eNSP:ospf相关实验

    一 实验要求 二 实验步骤 1 建设如下图拓扑并划分网段 2 配置R1 R4的接口和回环地址 R1 r1 int g0 0 0 r1 GigabitEthernet0 0 0 ip add 192 168 1 1 27 r1 int l 0

  • ThinkPHP 关闭调试模式

    ThinkPHP有专门为开发过程而设置的调试模式 开启调试模式后 会牺牲一定的执行效率 但方便了不少 同时除错功能也非常值得 开启调试模式 config app php 文件 return 应用名称 app name gt 应用地址 app

  • GAN的入门与实践

    作者 Double V 编辑 龚 赛 PART 01 GAN 简介 引言 生成对抗网络 Generative Adversarial Nets GAN 是由open ai研究员Good fellow在2014年提出的一种生成式模型 自从提出

  • ABAP:ME28/ME2L/ME2N标准报表字段增强统一出口

    BADI ME CHANGE OUTTAB CUS 这里说一下ME28的增强 首先打个断点看一下进来的结构是什么 这里进来显示的是 MEREP OUTTAB PURCHDOC REL 这时候我们需要在结构MEREP OUTTAB PURCH

  • yagmail和keyring的安装与注册

    协议简介 POP3全称Post Office Protocol 3 邮局协议第三个版本 本协议主要用于支持使用客户端远程管理在服务器上的电子邮件 用来收取邮件 SMTP全称Simple Mail Transfer Protocol 即简单邮

  • [人工智能-深度学习-27]：卷积神经网络CNN - 核心概念（卷积、滑动、填充、参数共享、通道）

    作者主页 文火冰糖的硅基工坊 文火冰糖 王文兵 的博客 文火冰糖的硅基工坊 CSDN博客 本文网址 https blog csdn net HiWangWenBing article details 120806277 目录 第1章 卷积中

随机推荐

热门标签