码迷，mamicode.com
首页 > 移动开发 > 详细

Android属性动画

时间：2016-04-29 18:38:33      阅读：215      评论：0      收藏：0      [点我收藏+]

标签：

什么是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属性动画

标签：

原文地址：http://blog.csdn.net/ljx19900116/article/details/51243496
踩
(0)
赞
(0)
   
举报
评论 一句话评论（0）
登录后才能评论！
分享档案
更多>
2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)
周排行
mamicode.com排行更多图片
更多
友情链接
兰亭集智   国之画   百度统计   站长统计   阿里云   chrome插件   新版天听网
关于我们 - 联系我们 - 留言反馈
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码！