Android动画之PropertyAnimation;Interpolator;Evaluator与Keyframe

最新推荐文章于 2023-02-28 14:44:54 发布
最新推荐文章于 2023-02-28 14:44:54 发布
阅读量1k 收藏
点赞数
分类专栏： Android动画 Android基础 文章标签： 动画 animator 属性动画
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wbwjx/article/details/52507330
版权

概述

Android中的视图动画和帧动画可以实现大部分的Android中的动画需求,但是有一个缺点,就是其事件响应区域并没有发生变化,这时候出现了属性动画完全弥补了这个缺点

属性动画结构

属性动画

可以看到Animator中主要包括AnimatorSet(动画集合),ValueAnimator,ObjectAnimator,
关于属性动画相关api,可以查看这里android.animation,
属性动画执行时间默认为 300ms.

相关类

  • 监听器类
    Animator.AnimatorListener:动画监听器
    Animator.AnimatorPauseListener:动画暂停监听器
    ValueAnimator.AnimatorUpdateListener:属性更新监听器
    AnimatorListenerAdapter:AnimatorListener空实现类

  • TypeEvaluator 估值类
    IntEvaluator: Int 估值计算
    FloatEvaluator: Float 估值计算
    ArgbEvaluator: 颜色估计算

  • 生成相关类
    AnimatorInflater: 动画生成器,用于从xml生成动画
    AnimatorSet.Builder: 动画构造器,用于设置AnimatorSet
    PropertyValuesHolder: 用于同时设置多个属性动画.

ObjectAnimator

ObjectAnimator 不像ValueAnimator 那样需要用户自己来更新属性,会自动跟新,ObjectAnimator 同样可以在xml和代码中设置.

  • xml 设置,需要放在animator目录下
<!--res/animator/object_animator-->
<?xml version="1.0" encoding="utf-8"?>
<objectAnimator xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="3000"
    android:propertyName="width"
    android:valueFrom="100"
    android:valueTo="20"
    android:valueType="intType" />
ObjectAnimator objectAnimator =
        (ObjectAnimator) AnimatorInflater.loadAnimator(this, R.animator.object_animator);
    objectAnimator.setTarget(wrapper);
    objectAnimator.start();
  • 代码设置
ObjectAnimator animator = ObjectAnimator.ofFloat(_view, "translationX", 300);
    animator.setDuration(1000);
    animator.start();

ObjectAnimator 提供了ofInt、ofFloat、ofObject.其中可以设置的属性必须提供set/get方法,如果没有,可以通过包装类实现,如下实例

public class ViewWrapper {
  private View target; //目标对象
  private int maxWidth; //最长宽度值

  public ViewWrapper(View target, int maxWidth) {
    this.target = target;
    this.maxWidth = maxWidth;
  }

  public int getWidth() {
    return target.getLayoutParams().width;
  }

  public void setWidth(int widthValue) {
    //widthValue的值从100到20变化
    target.getLayoutParams().width = maxWidth * widthValue / 100;
    target.requestLayout();
  }
}

ValueAnimator

ValueAnimator类可以为一些动画指定一系列的int,float,color值。通过调用工厂方法ofInt(),ofFloat(),ofObject()来获取一个ValueAnimator.但是ValueAnimator需要在监听器中获取属性值,更新相关属性

ValueAnimator fadeAnim = ObjectAnimator.ofFloat(newBall, "alpha", 1f, 0f);
         fadeAnim.setDuration(250);
         fadeAnim.addListener(new AnimatorUpdateListener() {
         //...这里也可以用AnimatorListenerAdapter,而不用实现每个回调方法
}

其他常用方法

Object getAnimatedValue();  // 获取当前属性值,可以使int,float,Object
void cancel();//取消动画,动画结束在当前属性值
/** 
 * 移除AnimatorUpdateListener 
 */  
void removeUpdateListener(AnimatorUpdateListener listener);  
void removeAllUpdateListeners();  
 /** 
  * 移除AnimatorListener 
  */  
void removeListener(AnimatorListener listener);  
void removeAllListeners();

AnimatorSet

可以将多个动画按照一定的顺序来一起执行,可以通过代码和xml设置

ObjectAnimator anim1 = ObjectAnimator.ofFloat(mBlueBall, "scaleX",  
                1.0f, 2f);  
        ObjectAnimator anim2 = ObjectAnimator.ofFloat(mBlueBall, "scaleY",  
                1.0f, 2f);  
        AnimatorSet animSet = new AnimatorSet();  
        animSet.setDuration(2000);  
        animSet.setInterpolator(new LinearInterpolator());  
        //两个动画同时执行  
        animSet.playTogether(anim1, anim2);  
        animSet.start(); 
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:ordering="together">
  <objectAnimator
     ... />
  <objectAnimator
     .../>
</set>

AnimatorSet支持链式调用,比如 animSet.play().with(); 包含with(),before(),after(),

PropertyValuesHolder

同时在属性动画中提供了一个快捷方式来创建动画,就是PropertyValuesHolder,利用ObjectAnimator的ofPropertyValuesHolder方法即可生成其实例.

PropertyValuesHolder pvhX = PropertyValuesHolder.ofFloat("alpha", 1f,  
                0f, 1f);  
        PropertyValuesHolder pvhY = PropertyValuesHolder.ofFloat("scaleX", 1f,  
                0, 1f);  
        PropertyValuesHolder pvhZ = PropertyValuesHolder.ofFloat("scaleY", 1f,  
                0, 1f);  
        ObjectAnimator.ofPropertyValuesHolder(view, pvhX, pvhY,pvhZ).setDuration(1000).start();

PropertyValuesHolder方法定义

public static PropertyValuesHolder ofFloat(String propertyName, float... values);
public static PropertyValuesHolder ofInt(String propertyName, int... values);

TimeAnimator

它没有duration、interpolation以及设置值的方法,提供了一个简单的回调机制，通过 TimeAnimator.TimeListener，在动画的每一帧处通知你

//animation:发出通知的动画
//totalTime:动画开始以来的总时间,以毫秒为单位
//deltaTime:从前一帧到现在的运行时间,以毫秒为单位
onTimeUpdate(TimeAnimator animation, long totalTime, long deltaTime)

animate

在Android 3.0 之后,还可以使用animate方法来完成属性动画操作,无需调用start()方法,只需要设置相应属性和执行时间即可

mView.animate().x(500).y(500).setDuration(5000);

Interpolators

Interpolator classResource IDDescription
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/bounce_interpolator动画循环做周期运动，速率改变沿着正弦曲线
DecelerateInterpolator@android:anim/decelerate_interpolator在动画开始时速率改变比较快，然后开始减速
LinearInterpolator@android:anim/decelerate_interpolator动画匀速播放
OvershootInterpolator@android:anim/overshoot_interpolator动画向前抛，会抛超过最后值，然后再返回

自定义Interpolator

一: 继承Interpolator或其子类

private class DeceAcceInterpolator implements Interpolator{

    @Override public float getInterpolation(float input) {
      return ((4*input-2)*(4*input-2)*(4*input-2))/16f + 0.5f;
    }
  }

二: 自定义xml,更改属性

其中可设置属性包括

Interpolator classAttribute Name
accelerateInterpolatorandroid:factor(浮点值，加速的速率，默认为1)
anticipateInterpolatorandroid:tension(浮点值，向后的拉力，默认为2，当设为0时，则不会有向后的动画了)
anticipateOvershootInterpolatorandroid:tension(同上),android:extraTension(浮点值，拉力的倍数，默认为1.5,当设为0时，则不会有向后的动画了)
cycleInterpolatorandroid:cycles (整数值，循环的次数，默认为1)
decelerateInterpolatorandroid:factor(浮点值，减速的速率，默认为1)
overshootInterpolatorandroid:tension(浮点值，超出终点后的拉力，默认为2)

示例:

<!--res/anim/over_interpolator.xml-->
<?xml version="1.0" encoding="utf-8"?>
<overshootInterpolator xmlns:android="http://schemas.android.com/apk/res/android"
android:tension="7.0"/>

<!--res/anim/rotate_one_rotate.xml-->
<?xml version="1.0" encoding="utf-8"?>
<rotate xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="2000"
    android:fromDegrees="0"
    android:pivotX="50%"
    android:pivotY="50%"
    android:interpolator="@anim/my_interpolator" 
    android:toDegrees="360"/>

Evaluator

Evaluator其实就是一个转换器,将Interpolator的fraction转变为对应属性的值,如IntEvaluator的定义

public class IntEvaluator implements TypeEvaluator<Integer> {  
    public Integer evaluate(float fraction, Integer startValue, Integer endValue) {  
        int startInt = startValue;  
        return (int)(startInt + fraction * (endValue - startInt));  
    }  
}

系统默认实现有 IntEvaluator,FloatEvaluator,ArgbEvaluator 当没有设置的时候,如果使用的是ofFloat,则默认使用的是FloatEvaluator

具体参考;自定义控件三部曲之动画篇(五)——ValueAnimator高级进阶（一）

Keyframe

Keyframe的意思是关键帧的意思,首先看一下Keyframe的定义

//fraction：表示当前的显示进度.value：表示当前应该在的位置
public static Keyframe ofFloat(float fraction, float value);

同时,可以利用PropertyValuesHolder的ofKeyframe 方法生成PropertyValuesHolder执行动画 .

public static PropertyValuesHolder ofKeyframe(String propertyName, Keyframe... values);

注意的是至少要有两个帧才行,否则会抛出数组越界异常.

实例

Keyframe frame1 = Keyframe.ofFloat(0.5f, 100f);  
Keyframe frame2 = Keyframe.ofFloat(0.7f,50f);  
PropertyValuesHolder frameHolder = PropertyValuesHolder.ofKeyframe("rotation",frame1,frame2);  

Animator animator = ObjectAnimator.ofPropertyValuesHolder(mImage, frameHolder);  
animator.setDuration(3000);  
animator.start();

具体参考;自定义控件三部曲之动画篇(八)——PropertyValuesHolder与Keyframe

示例源码地址;AndroidAnimations

参考:Android样式的开发:Property Animation篇
第七章 Android动画机制与使用技巧
自定义控件三部曲之动画篇(八)——PropertyValuesHolder与Keyframe

扩展阅读动画系列 - PropertyAnim 详解
自定义控件三部曲之动画篇(五)——ValueAnimator高级进阶（一）
动画系列 - PropertyAnim 实际应用
浅析Android动画（三），自定义Interpolator与TypeEvaluator
Android中的动画插值器Interpolator：源码及图解

Boo_Wang
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
android动画之interpolator的用法详解
04-05
Interpolator （插值器）被用来修饰动画效果，定义动画的变化率，可以使存在的动画效果accelerated(加速)，decelerated(减速),repeated(重复),bounced(弹跳)等。 详细说明：...
Android属性动画 Keyframe
赵彦军
07-21 1053
KeyFrame 主要用于自定义控制动画速率，KeyFrame 直译过来就是关键帧。 而关键帧这个概念是从动画里学来的，一个关键帧必须包含两个原素，第一时间点，第二位置。所以这个关键帧是表示的是某个物体在哪个时间点应该在哪个位置上。 比如我们要让一个球在 30 秒时间内，从（0,0）点运动到（300，200）点，那 flash 是怎么来做的呢，在 flash 中，我们只需要定义两个关键帧，在动画开始时定义一个，把球的位置放在(0,0)点；在 30 秒后，再定义一个关键帧，把球的位置放在（300，200）点。
动画专题：属性动画：插值器AccelerateDecelerateInterpolator 加速插值器
C++ JAVA的专栏
04-12 1980
Android插值器运用，绘制小球的运动轨迹
Android中的动画总结
haoxuhong的博客
08-22 1215
Android 动画 View Animation（视图动画） 概述: 视图动画，也叫 Tween （补间）动画可以在一个视图容器内执行一系列简单变换（位置、大小、旋转、透明度）。 譬如，如果你有一个 TextView 对象，您可以移动、旋转、缩放、透明度设置其文本，当然，如果它有一个背景图像，背景图像会随着文本变化。 补间动画通过 XML 或 Android 代码定义，建议使用 XML 文件定义，因为它更具可读性、可重用性 如下是视图动画相关的类继承关系： java 类名 xml 关..
插值器Interpolator
weixin_37073118的博客
03-25 372
插值器是用来控制动画执行速率的 常用插值器 //AccelerateDecelerateInterpolator 开始和结束比较慢,中间比较快 //AccelerateInterpolator 越来越快 //LinearInterpolator 匀速执行 //DecelerateInterpolator 越来越慢 //AnticipateInterpolator 动画反方向后退,再执行 //...
Android自定义控件开发入门与实战（5）KeyFrame和ViewPropertyAnimator
RikkaTheWorld
05-20 659
KeyFrame的ofFloat和ofInt Keyframe除了ofFloat的方法，也有ofInt、ofObject这样的创建Keyframe实例的函数。 其构造函数都差不多。(fraction+value或者fraction) 可以通过 setFraction()和setValue来设置对应的进度和对应的值。 Keyframe的插值器 Keyframe可以让我们通过setInterpolat...
Animation Interpolator
01-05
http://blog.csdn.net/qiujuer/article/details/42430269
android-Interpolator.zip_android_插值动画
09-20
此示例演示了如何使用插值动画和路径动画材质设计。它显示了如何将ObjectAnimator用于动态视图的两个属性（缩放X和Y）沿着一条路径。
Android动画学习笔记之补间动画
01-04
本文实例为大家分享了Android补间动画展示的具体代码，供大家参考，具体内容如下 首先看看补间动画的共同属性： Duration:动画持续的时间（单位：毫秒）  fillAfter:设置为true，动画转化在动画被结束后被应用  ...
解析Android中Animation动画的编写要点
01-05
在API Demo的View->Animation下可以找到四个Animation的Demo，第一个3D Translate比较复杂，最后再讲，先讲第2个Interpolator。该Activity对应的是view包内的Animation3.java，和layout的animation_3.xml。 界面的...
源码
10-14
博客《 Animation动画详解（二）——Interpolator插值器》对应源码，博客地址：http://blog.csdn.net/harvic880925/article/details/40049763
Android动画高级用法演示
02-18
本案例演示了Android动画高级部分的使用。
Android 动画详解
金戈鐡馬
02-28 3799
Android动画的分类与使用学习Android必不可少的就是动画的使用了，在Android版本迭代的过程中，出现了很多动画框架，这里做一个总结。Android动画类型分类逐帧动画【Frame Animation】，即顺序播放事先准备的图片。补间动画【Tween Animation】，View的动画效果可以实现简单的平移、缩放、旋转。属性动画【Property Animation】，补间动画增强版，支持对对象执行动画。
Android学习--Interpolator（插值器）
热门推荐
lgaojiantong的专栏
09-21 2万+
AccelerateDecelerateInterpolator开始与结束的地方速率改变比较慢，在中间的时候加速 AccelerateInterpolator开始的地方速率改变比较慢，然后开始加速 AnticipateInterpolator开始的时候向后然后向前甩   AnticipateOvershootInterpolator开始的时候向后然后向前甩一定值后返回最后的值
Android 属性动画 - Keyframe
行云间
11-09 4282
PropertyValuesHolder、Keyframe
Android动画(五)PropertyValuesHolder和KeyFream使用
高级开发者进阶ing... QaQ
07-02 727
今天给大家介绍PropertyValuesHolder和Keyframe,在动画中也是属于比较重要的东西,请大家细品,接下来步入主题概述先看看本篇要实现的效果吧PropertyValuesHolderofInt(),ofFloat()和ofObject()KeyFreamKeyframe.ofObject(); 概述 前几篇给大家介绍了ObjectAnimator的ofInt(),ofFloat()ofObject()方法,这篇给大家带来ObjectAnimator.ofPropertyValuesHold
android keyFrame
young专栏
12-12 1060
keyFrame是一个 时间/值 对，通过它可以定义一个在特定时间的特定状态，即关键帧，而且在两个keyFrame之间可以定义不同的Interpolator，就好像多个动画的拼接，第一个动画的结束点是第二个动画的开始点。KeyFrame是抽象类，要通过ofInt(),ofFloat(),ofObject()获得适当的KeyFrame，然后通过PropertyValuesHolder.ofKeyfr
自定义控件三部曲之动画篇(八)——PropertyValuesHolder与Keyframe
启舰
02-26 2万+
前言：只有比牛人跑的更快，才有可能追上他的脚步。 相关文章： 《Android自定义控件三部曲文章索引》:http://blog.csdn.net/harvic880925/article/details/50995268 前几篇给大家讲了ValueAnimator、ObjectAnimator的知识，讲解了它们ofInt(),ofFloat(),ofObject()函数的用法。...
android pk动画,Android开发之图形图像与动画(五)LayoutAnimationController详解
最新发布
05-24
LayoutAnimationController是一个用于对ViewGroup中的子View进行动画控制的类。它主要用于在ViewGroup中添加、删除或重排子View时，对这些子View进行动画控制。 LayoutAnimationController可以通过以下方式创建： ``` LayoutAnimationController lac = new LayoutAnimationController(animation, delay); ``` 其中，animation表示子View的动画效果，delay表示动画延迟时间。 LayoutAnimationController支持以下属性： - order：子View动画的顺序，有三个可选值，分别为normal、reverse和random。 - delay：子View动画的延迟时间，单位为毫秒。 - animation：子View的动画效果。 - interpolator：子View动画的插值器。 以下是一个使用LayoutAnimationController进行子View动画的示例代码： ``` Animation animation = AnimationUtils.loadAnimation(this, R.anim.fade_in); LayoutAnimationController lac = new LayoutAnimationController(animation); lac.setDelay(0.5f); lac.setOrder(LayoutAnimationController.ORDER_NORMAL); LinearLayout container = findViewById(R.id.container); container.setLayoutAnimation(lac); for (int i = 0; i < 10; i++) { TextView textView = new TextView(this); textView.setText("Text " + i); container.addView(textView); } ``` 在上述代码中，我们先通过AnimationUtils加载了一个淡入动画效果，然后创建了一个LayoutAnimationController，并设置了一些属性，最后将LayoutAnimationController应用到LinearLayout容器中。最终，我们在容器中添加了10个TextView，当这些TextView被添加到容器中时，它们会按顺序依次显示，并且每个TextView都会执行一次淡入动画效果。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值