Android动画效果之Property Animation进阶（属性动画）

最新推荐文章于 2019-05-20 00:14:22 发布
最新推荐文章于 2019-05-20 00:14:22 发布
阅读量234 收藏
点赞数
分类专栏： android 动画

Android动画效果之Property Animation进阶（属性动画）

前言：

     前面初步认识了Android的Property Animation（属性动画）Android动画效果之初识Property Animation（属性动画）（三），并且利用属性动画简单了补间动画能够实现的动画效果，今天重点学习下Property Animation基本原理及高级使用。本章先通过余额宝的数字动画小例子来学习属性动画基本原理。具体效果如下：

     其他几种动画效果：

ValueAnimator（差值动画）

    上篇文章一直使用的ObjectAnimator来实现属性动画，单纯从字面上理解的话ObjectAnimator作用于某个实际的对象，而ValueAnimator是ObjectAnimator的父类，它继承自抽象类Animator，它作用于一个值，将其由一个值变化为另外一个值，然后根据值的变化，按照一定的规则，动态修改View的属性，比如View的位置、透明度、旋转角度、大小等，即可完成了动画的效果。直接看下上面的数字动画是怎么实现的？

复制代码 
ValueAnimator valueAnimator =ValueAnimator.ofFloat( 0f, 126512.36f);
valueAnimator.setDuration(2000);
valueAnimator.setInterpolator(new LinearInterpolator());
valueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
    @Override
    public void onAnimationUpdate(ValueAnimator animation) {
    float money= (float) animation.getAnimatedValue();
    mTextView.setText(String.format("%.2f", money));
    }
});
valueAnimator.start();
复制代码

这里通过ofFloat()方法构造一个ValueAnimator实例，除此之外还提供了其他函数ofInt()、ofObject()、ofPropertyValuesHolder()函数，api 21之后又提供了ofArgb()，每个函数都是可以传入多个改变值。

Interpolator（插值器）

   Interpolator插值器用于控制动画的变化速率，也可以简单的理解成用于控制动画的快慢，插值器目前都只是对动画执行过程的时间进行修饰，并没有对轨迹进行修饰。系统提供的插值器有以下几种：

插值器名字解说对应的xml
AccelerateInterpolator 加速，开始时慢中间加速 @android:anim/accelerate_interpolator
DecelerateInterpolator减速，开始时快然后减速@android:anim/decelerate_interpolator
AccelerateDecelerateInterolator　 先加速后减速，开始结束时慢，中间加速 @android:anim/accelerate_decelerate_interpolator
AnticipateInterpolator反向 ，先向相反方向改变一段再加速播放 @android:anim/anticipate_interpolator
AnticipateOvershootInterpolator反向加超越，先向相反方向改变，再加速播放，会超出目的值然后缓慢移动至目的值@android:anim/anticipate_overshoot_interpolator
BounceInterpolator 跳跃，快到目的值时值会跳跃，如目的值100，后面的值可能依次为85，77，70，80，90，100@android:anim/bounce_interpolator
CycleIinterpolator 循环，动画循环一定次数，值的改变为一正弦函数：Math.sin(2* mCycles* Math.PI* input)@android:anim/cycle_interpolator
LinearInterpolator 线性，线性均匀改变@android:anim/linear_interpolator
OvershootInterpolator超越，最后超出目的值然后缓慢改变到目的值@android:anim/overshoot_interpolator

通过上面的名字大家是不是很眼熟，是的和补间动画的插值器是一致的。Android的动画插值器采用策略设计模式，都是实现了Interpolator这个接口，而Interpolator又是继承自一个叫做TimeInterpolator的接口（从3.0开始，增加了TimeInterpolator这个接口，并把原先的Interpolator接口的抽象方法移到了其中，3.0后的Interpolator接口也就什么也没做，只是对父类改了个名字，达到向下兼容）。

复制代码 
package android.animation;

public interface TimeInterpolator {

    float getInterpolation(float input);
}
复制代码

在Interpolator的实现类里面，都实现了一个float getInterpolator(float input)的方法，传入参数是正常执行动画的时间点，返回值是用户真正想要它执行的时间点。上面的数字动画使用了匀速插值器LinearInterpolator其代码实现如下：

复制代码 
public class LinearInterpolator extends BaseInterpolator implements NativeInterpolatorFactory {

    public LinearInterpolator() {
    }

    public LinearInterpolator(Context context, AttributeSet attrs) {
    }

    public float getInterpolation(float input) {
        return input;
    }

    /** @hide */
    @Override
    public long createNativeInterpolator() {
        return NativeInterpolatorFactoryHelper.createLinearInterpolator();
    }
}
复制代码

可以看出float getInterpolator(float input)返回的值就是当前要执行的时间点实现匀速执行动画。

如何自定义一个插值器？举例：我们实现一个先减速后加速插值器，代码如下

复制代码 
public class DecelerateAccelerateInterpolator implements Interpolator {
    @Override
    public float getInterpolation(float input) {
        float result;
        if (input <= 0.5f) {
            result = (float) (Math.sin(Math.PI * input)) / 2.0f;
        } else {
            result = (float) (2 - Math.sin(Math.PI * input)) / 2.0f;
        }
        return result;
    }
}
复制代码

TypeEvaluator（估值器）

  TypeEvaluator用于根据当前属性改变的百分比来计算改变后的属性值，系统提供了如下几种估值器

  • IntEvaluator 针对整型属性

  • IntArrayEvaluator 针对整型属性集合

  • FloatEvaluator 针对浮点型属性

  • FloatArrayEvaluator 针对浮点型属性集合

  • ArgbEvaluator  针对Color属性

  • RectEvaluator 针对Rect属性

  • PointFEvaluator 针对PointF属性

  TypeEvaluator设计也是采用策略设计模式，都实现TypeEvaluator接口，源代码如下：

复制代码 
package android.animation;

public interface TypeEvaluator<T> {

    public T evaluate(float fraction, T startValue, T endValue);

}
复制代码

接口提供了evaluate(float fraction, T startValue, T endValue);动画在运行过程中Interpolator自动计算出动画运行的百分比fraction，然后TypeEvaluator根据fraction计算出当前动画的属性值。以FloatEvaluator 代码为例：

复制代码 
public class FloatEvaluator implements TypeEvaluator<Number> {


    public Float evaluate(float fraction, Number startValue, Number endValue) {
        float startFloat = startValue.floatValue();
        return startFloat + fraction * (endValue.floatValue() - startFloat);
    }
}
复制代码

 如何自定义TypeEvaLuator？比如我们要实现一个钱的增加，字体颜色越红的动画，我们现在都知道可以使用ofArgb(),但是ofArgb()需要api 21以上才能使用，所以需要我们自定义一个ArgbEvaLuator，这里为了演示自定义TypeEvaluator直接把api 21中提供的ArgbEvaluator源代码拿来使用，如下：

复制代码 
public class TextArgbEvaluator implements TypeEvaluator {
    
    public Object evaluate(float fraction, Object startValue, Object endValue) {
        int startInt = (Integer) startValue;
        int startA = (startInt >> 24) & 0xff;
        int startR = (startInt >> 16) & 0xff;
        int startG = (startInt >> 8) & 0xff;
        int startB = startInt & 0xff;

        int endInt = (Integer) endValue;
        int endA = (endInt >> 24) & 0xff;
        int endR = (endInt >> 16) & 0xff;
        int endG = (endInt >> 8) & 0xff;
        int endB = endInt & 0xff;

        return (int) ((startA + (int) (fraction * (endA - startA))) << 24) |
                (int) ((startR + (int) (fraction * (endR - startR))) << 16) |
                (int) ((startG + (int) (fraction * (endG - startG))) << 8) |
                (int) ((startB + (int) (fraction * (endB - startB))));
    }
}
复制代码

调用方式：

复制代码 
        AnimatorSet animatorSet = new AnimatorSet();
        ValueAnimator valueAnimator = ValueAnimator.ofFloat(0f, 126512.36f);
        valueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
            @Override
            public void onAnimationUpdate(ValueAnimator animation) {
                float money = (float) animation.getAnimatedValue();
                Log.e("Interpolator", "money---->" + money);
                mTextView.setText(String.format("%.2f", money));
            }
        });

        int startColor = Color.parseColor("#FCA3AB");
        int endColor = Color.parseColor("#FB0435");
        ValueAnimator colorAnimator = ValueAnimator.ofObject(new TextArgbEvaluator(),startColor, endColor);
        colorAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
            @Override
            public void onAnimationUpdate(ValueAnimator animation) {
                int color = (int) animation.getAnimatedValue();
                Log.e("Interpolator", "color---->" + color);
                mTextView.setTextColor(color);
            }
        });

        animatorSet.playTogether(valueAnimator,colorAnimator);
        animatorSet.setDuration(5000);
        animatorSet.setInterpolator(new LinearInterpolator());
        animatorSet.start();
复制代码

运行效果：

ObjectAnimator

    上篇我们简单了学习了ObjectAnimator动画，并且通过ObjectAnimator实现了几种简单的动画效果，ObjectAnimator继承自ValueAnimator，所以主体方法还是ValueAnimator里实现的。先来回顾一下上篇的一个旋转动画例子。

ObjectAnimator objectAnimator = ObjectAnimator.ofFloat(imageView, "rotation", 0f, 360f);
    objectAnimator.setDuration(500);
    objectAnimator.setRepeatCount(1);
    objectAnimator.setRepeatMode(ValueAnimator.REVERSE);
    objectAnimator.start();

这个例子很简单，针对view的属性rotation进行持续时间为500ms的0到360的角度变换。属性名字rotation在View中有对应setRotation(),否则没有任何效果，而且参数类型必须为float型，否则没有任何效果。view常见可操作的参数有：x/y；scaleX/scaleY；rotationX/ rotationY；transitionX/ transitionY等等。现在问题来了，我们本篇例子是为TextView 赋值一个float型的值，我们查看TextView的函数并不找不到setText(float f),这时该怎么处理呢？如何为不具有get/set方法的属性提供修改方法呢？莫着急！谷歌为此提供了两种方法，第一种就是使用ValueAnimator来实现，就是上面所说的方式，另外一种方式通过自己写一个包装类，来为该属性提供get/set方法。

复制代码 
public class MoneyTextView extends TextView {
    public MoneyTextView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    public void setText(float money) {
        setText(String.format("%.2f", money));
    }
}
复制代码

然后就可以通过ObjectAnimator实现上面的数字动画效果了。

 ObjectAnimator objectAnimator = ObjectAnimator.ofFloat(mTextView, "text", 0f, 126512.36f);
    objectAnimator.setDuration(2000);
    objectAnimator.setInterpolator(new LinearInterpolator());
    objectAnimator.start();

其他有关ObjectAnimator的使用方式请参考上篇文章Android动画效果之初识Property Animation（属性动画）（三）。

总结：

   本篇主要简单学习了属性动画的基本原理，属性动画使用了比较常见的策略设计模式，感兴趣的话可以看下这篇文章Java设计模式之策略模式（Strategy），下篇文章将借助自定义ViewGroup学习一下布局动画。

linyyy
关注
专栏目录
Android 进阶技术汇总十三：动画比较：补间动画(Tween)+帧动画(Frame)+属性动画(Property)
caobaokang的专栏
04-03 304
前言： 1. 概念： 补间动画tween Animation：用于Activity|PopupWindow|AlertDialog等界面的Enter|Exit动画（没有改变View本身属性）； 帧动画FrameAnimation：用于Android开关机动画； 属性动画 Property Animation：通过特定时间内修改View本身的属性+View重绘，实现视觉的动画效果。 2....
动画(其二)
heqiang260的博客
07-28 504
补间动画功能比较单调,只有四种动画(透明度,旋转,倾斜和位移)补间动画针对的对象只是UI控件补间动画只是改变View的显示效果,不会去改变View的属性eg左边的按钮移到右边,但是此时的按钮其实还停留在左边，假如你去点右面的按钮,是不会触发按钮的点击事件的~...
Android属性动画
泡泡唐 - Android
03-03 1250
什么是Android属性动画? 与之相似的技术有哪些? 属性动画的组成部分详情及使用
Android之属性动画
丶巴黎塔、上的星空╮
05-23 415
什么是Android属性动画     属性动画(Property Animation)系统是一个健壮的动画框架系统，它可以满足你大部分动画需求。不管动画对象是否已经绘制到屏幕上，你都可以在动画执行过程中改变它任意的属性值。一个属性动画会在一段特定长度的时间内改变一个属性(一个对象中的字段)的值。你可以通过以下几步定义一个动画：指定你要执行动画的属性，比如动画对象(View)在屏幕上的位置，指定执
Android中编写属性动画PropertyAnimation的进阶实例
09-02
本篇文章将深入探讨如何在Android中编写属性动画PropertyAnimation的进阶实例。 ### 0. 基础回顾 属性动画主要由以下几个核心类组成： 1. `Animator`：这是一个抽象类，是所有动画的基类。 2. `AnimatorSet`：...
Android属性动画进阶：PropertyAnimation实战解析
"这篇教程深入探讨了在Android中如何编写属性动画PropertyAnimation的高级实例，涵盖了Animator类的子类和XML资源的定义方法。" 在Android开发中，属性动画（PropertyAnimation）是一种强大的机制，它允许开发者...
Android属性动画深入实践：PropertyAnimation详解
"本文深入探讨了在Android平台上如何编写属性动画PropertyAnimation的进阶实例，涵盖了缩放和淡入淡出等视觉效果的实现方法。属性动画使得开发者能够通过对象属性的变化来创建动态效果，其核心类包括AnimatorSet、...
Android代码-数字切换的动画效果
08-06
Inspired by Effect Usage In your app's build.gradle file,add it to your dependencies: dependencies { compile 'org.seniorzhai.scoreboard:scoreboard:1.0.1' } And in your java code ScoreBoard scoreBoard = (ScoreBoard) findViewById(R.id.startView); // start animation scoreBoard.start(); // start animation for percentage scoreBoard.start(0.9f); // change number scoreBoard.change(99); // set content text scoreBoard.setText("BBC"); In your XML Sample app Clone and build this repo in Android Stud
Android之增长的数字动画
11-16
Android之增长的数字动画
Android图文详解属性动画
孙群
12-16 7590
Android中的动画分为视图动画(View Animation)、属性动画（Property Animation）以及Drawable动画。从Android 3.0(API Level 11)开始，Android开始支持属性动画，本文主要讲解如何使用属性动画。关于视图动画可以参见博文《Android四大视图动画图文详解》。概述视图动画局限比较大，如下所述： 视图动画只能使用在View上面。 视图动
android属性动画
授人以鱼不如授人以渔
01-07 3512
android动画
Android进阶——动画家族之视图动画、属性动画和过渡（转场）动画总结（一）
最美不过，心中有梦，身旁有你！
05-20 1013
文章大纲引言一、视图动画View Animation二、属性动画Property Animation1、ValueAnimator2、ObjectAnimator2.1、ObjectAnimator的使用前提2.2、ObjectAnimator的使用ObjectAnimator的主要步骤3、AnimatorSet4、使用LayoutTransition在布局改变时使用属性动画5、使用属性动画用于构...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值