属性动画 Property Animation

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

同类技术对比:

1. 补间动画(Tween Animation)
  1. 渐变动画支持四种类型:平移(Translate)、旋转(Rotate)、缩放(Scale)、不透明度(Alpha)。
  2. 只是显示的位置变动,View的实际位置未改变,表现为View移动到其他地方,点击事件仍在原处才能响应。
  3. 组合使用步骤较复杂。
  4. View Animation 也是指此动画。
2. 帧动画(Frame Animation)
  1. 用于生成连续的Gif效果图。
  2. Drawable Animation也是指此动画。
3. 属性动画(Property Animation)
  1. 支持对所有View能更新的属性的动画(需要属性的setXxx()和getXxx())。
  2. 更改的是View实际的属性,所以不会影响其在动画执行后所在位置的正常使用。
  3. 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 :时间插值,用于控制动画执行过程。

一、ObjectAnimator 对象动画执行类


介绍:

  1. 通过静态方法 ofIntofFloatofObjectofPropertyValuesHolder 获取类对象。
  2. 根据属性值类型选择静态方法,如 view 的 setLeft(int left) 则选用 ofInt 方法, setY(float y) 则选用 ofFloat 方法。
  3. 同 ValueAnimator 一样,可以进行串联式使用。
  4. 只能用于有 setXXX( )和 getXXX() 方法的属性名称!不然不会起作用。

示例:

  1. 简单示例:View 的横向移动:
        // 通过静态方法构建一个ObjectAnimator对象
        // 设置作用对象、属性名称、数值集合
        ObjectAnimator.ofFloat(view, "translationX", 0.0F, 200.0F)
        // 设置执行时间(1000ms)
                .setDuration(1000)
                // 开始动画
                .start();
  1. 复合示例:View 弹性落下然后弹起,执行一次:
        // 修改view的y属性, 从当前位置移动到300.0f
        ObjectAnimator yBouncer = ObjectAnimator.ofFloat(view, "y",
                view.getY(), 300.0f);
        yBouncer.setDuration(1500);
        // 设置插值器(用于调节动画执行过程的速度)
        yBouncer.setInterpolator(new BounceInterpolator());
        // 设置重复次数(缺省为0,表示不重复执行)
        yBouncer.setRepeatCount(1);
        // 设置重复模式(RESTART或REVERSE),重复次数大于0或INFINITE生效
        yBouncer.setRepeatMode(ValueAnimator.REVERSE);
        // 设置动画开始的延时时间(200ms)
        yBouncer.setStartDelay(200);
        // 开始动画
        yBouncer.start();

二、ValueAnimator 值动画执行类


介绍:

  1. 构造方法与 ObjectAnimator 类似。
  2. 与 ObjectAnimator 的区别在于 ValueAnimator 构造函数的参数中不包含动画“属性”信息。
  3. 优点:结合动画更新监听** onAnimationUpdate() **使用,可以在回调中不断更新 View 的多个属性,使用起来更加灵活。

示例:

View 向右下角移动:

        // 通过静态方法构建一个ValueAnimator对象
        // 设置数值集合
        ValueAnimator animator = ValueAnimator.ofFloat(0f, 200.0f);
        // 设置作用对象
        animator.setTarget(view);
        // 设置执行时间(1000ms)
        animator.setDuration(1000);
        // 添加动画更新监听
        animator.addUpdateListener(new AnimatorUpdateListener() {
            @Override
            public void onAnimationUpdate(ValueAnimator animation) {
                // 获取当前值
                Float mValue = (Float) animation.getAnimatedValue();
                // 设置横向偏移量
                view.setTranslationX(mValue);
                // 设置纵向偏移量
                view.setTranslationY(mValue);
            }
        });
        // 开始动画
        animator.start();
  • 可以理解为上面设置的 (0f, 200.0f),0 到 200 的过程中,每次更新都会回调 onAnimationUpdate(),每次回调都根据当前值做一次动画。



三、PropertyValuesHolder 属性存储器


介绍:

为 ValueAnimator 提供多个操作属性及相应的执行参数。

示例:

同时修改 View 多个属性的动画:

        // 获取view左边位置
        int left = view.getLeft();
        // 获取view右边位置
        int right = view.getRight();
        // 将view左边增加10像素
        PropertyValuesHolder pvhLeft = PropertyValuesHolder.ofInt("left", left,
                left + 10);
        // 将view右边减少10像素
        PropertyValuesHolder pvhRight = PropertyValuesHolder.ofInt("right",
                right, right - 10);
        // 在X轴缩放从原始比例1f,缩小到最小0f,再放大到原始比例1f
        PropertyValuesHolder pvhScaleX = PropertyValuesHolder.ofFloat("scaleX",
                1f, 0f, 1f);
        // 在Y轴缩放从原始比例1f,缩小到最小0f,再放大到原始比例1f
        PropertyValuesHolder pvhScaleY = PropertyValuesHolder.ofFloat("scaleY",
                1f, 0f, 1f);
        // 将PropertyValuesHolder交付给ObjectAnimator进行构建
        ObjectAnimator customAnim = ObjectAnimator.ofPropertyValuesHolder(view,
                pvhLeft, pvhRight, pvhScaleX, pvhScaleY);
        // 设置执行时间(1000ms)
        customAnim.setDuration(1000);
        // 开始动画
        customAnim.start();

四、Keyframe 关键帧


介绍:

为 PropertyValuesHolder 提供关键帧的操作值集合。

示例:

以下示例表示该 PropertyValuesHolder 进行的旋转(rotation)动画,在执行时间在 0%, 50%, 100% 时,其旋转角度分别为 0°, 360°, 0°。动画执行过程中自动进行补间。表现为自旋 360° 后再转回来:

        // 设置在动画开始时,旋转角度为0度
        Keyframe kf0 = Keyframe.ofFloat(0f, 0f);
        // 设置在动画执行50%时,旋转角度为360度
        Keyframe kf1 = Keyframe.ofFloat(.5f, 360f);
        // 设置在动画结束时,旋转角度为0度
        Keyframe kf2 = Keyframe.ofFloat(1f, 0f);
        // 使用PropertyValuesHolder进行属性名称和值集合的封装
        PropertyValuesHolder pvhRotation = PropertyValuesHolder.ofKeyframe(
                "rotation", kf0, kf1, kf2);
        // 通过ObjectAnimator进行执行
        ObjectAnimator.ofPropertyValuesHolder(view, pvhRotation)
        // 设置执行时间(1000ms)
                .setDuration(1000)
                // 开始动画
                .start();

五、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;
         AnimatorSet bouncer = new AnimatorSet();
         bouncer.play(bounceAnim).before(squashAnim1);
         bouncer.play(squashAnim1).with(squashAnim2);
         bouncer.play(squashAnim1).with(stretchAnim1);
         bouncer.play(squashAnim1).with(stretchAnim2);
         bouncer.play(bounceBackAnim).after(stretchAnim2);
         ValueAnimator fadeAnim = ObjectAnimator.ofFloat(newBall, "alpha", 1f,
         0f);
         fadeAnim.setDuration(250);
         AnimatorSet animatorSet = new AnimatorSet();
         animatorSet.play(bouncer).before(fadeAnim);
         animatorSet.start();

六、AnimatorListener 动画执行监听


介绍:

  1. 实现 AnimatorListener 中的方法可在动画执行全程进行其他任务的回调执行。
  2. 也可以添加 AnimatorListener 的实现类 AnimatorListenerAdapter,仅重写需要的监听即可。

示例:

将 view 透明度从当前的 1.0f 更新为0.5f,在动画结束时移除该 View:

        ObjectAnimator anim = ObjectAnimator.ofFloat(view, "alpha", 0.5f);
        anim.setDuration(1000);
        anim.addListener(new AnimatorListener() {
            @Override
            public void onAnimationStart(Animator animation) {
                // 动画开始时调用
            }

            @Override
            public void onAnimationRepeat(Animator animation) {
                // 动画重复时调用
            }
            @Override
            public void onAnimationEnd(Animator animation) {
                // 动画结束时调用
                ViewGroup parent = (ViewGroup) view.getParent();
                if (parent != null)
                    parent.removeView(view);
            }
            @Override
            public void onAnimationCancel(Animator animation) {
                // 动画取消时调用
            }
        });
        anim.start();

七、AnimatorInflater 动画加载器


介绍:

  1. 属性动画可以通过 xml 文件的形式加载。
  2. set 标签内的 animator 也可单独使用。
  3. XML语法如下:
<set android:ordering=["together" ¦ "sequentially"]>
          <objectAnimator
              android:propertyName="string"
              android:duration="int"
              android:valueFrom="float¦ int ¦ color"
              android:valueTo="float¦ int ¦ color"
              android:startOffset="int"
              android:repeatCount="int"
              android:repeatMode=["repeat"¦ "reverse"]
              android:valueType=["intType"¦ "floatType"]/>
          <animator
              android:duration="int"
              android:valueFrom="float¦ int ¦ color"
              android:valueTo="float¦ int ¦ color"
              android:startOffset="int"
              android:repeatCount="int"
              android:repeatMode=["repeat"¦ "reverse"]
              android:valueType=["intType"¦ "floatType"]/>
          <set>
              ...
          </set>
</set>

示例:

 <?xml version="1.0" encoding="utf-8"?>
<set>
    <objectAnimator xmlns:android="http://schemas.android.com/apk/res/android"
        android:duration="1000"
        android:valueTo="200"
        android:valueType="floatType"
        android:propertyName="x"
        android:repeatCount="1"
        android:repeatMode="reverse"/>
    <objectAnimator xmlns:android="http://schemas.android.com/apk/res/android"
        android:duration="1000"
        android:valueTo="400"
        android:valueType="floatType"
        android:propertyName="y"
        android:repeatCount="1"
        android:repeatMode="reverse"/>
</set>
        // 加载xml属性动画
        Animator anim = AnimatorInflater
                .loadAnimator(this, R.anim.animator_set);
        anim.setTarget(view);
        anim.start();

八、TypeEvaluator 类型估值


介绍:

  1. TypeEvaluator 可传入参数值的类型(本例为 PointF)。
  2. 重写函数 public T evaluate(floatfraction, T startValue, T endValue);实现不同需求值的计算。
  3. 注意 fraction 的使用,fraction 是从开始到结束的分度值 0.0 -> 1.0。

九、TimeInterpolator 时间插值器


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,491评论 5 459
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,856评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,745评论 0 319
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,196评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,073评论 4 355
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,112评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,531评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,215评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,485评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,578评论 2 309
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,356评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,215评论 3 312
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,583评论 3 299
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,898评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,174评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,497评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,697评论 2 335

推荐阅读更多精彩内容