动画机制总结

最新推荐文章于 2021-05-25 16:37:36 发布
最新推荐文章于 2021-05-25 16:37:36 发布
阅读量88 收藏
点赞数
文章标签： 移动开发 java 人工智能
原文链接：https://my.oschina.net/zbj1618/blog/1583661
版权

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

Animation 动画类型

目录介绍

  • 1.Android动画类型
  • 1.1 Android动画类型分类
  • 1.2 Android动画实现方式分类
  • 1.3 按照时间分类
  • 2.Android逐帧动画
  • 2.1 逐帧动画简单介绍
  • 2.2 逐帧动画XML资源文件方式
  • 2.3 逐帧动画代码方式
  • 3.Android补间动画
  • 3.1 补间动画简单介绍
  • 3.2 差值器
  • 3.3 AplhaAnimation
  • 3.4 ScaleAnimation
  • 3.5 TranslateAnimation
  • 3.6 RotateAnimation
  • 3.7 自定义补间动画
  • 3.8 动画监听器
  • 4.Android属性动画
  • 4.1 属性动画基本介绍
  • 4.2 Evaluator
  • 4.3 AnimatorSet
  • 4.4 ValueAnimator
  • 4.5 ObjectAnimator
  • 4.6 ValueAnimator与ObjectAnimator区别
  • 4.7 监听动画器
  • 5.Android过渡动画
  • 5.1 过渡动画简单介绍
  • 5.2 过渡动画的代码运用
  • 6.Android动画框架原理解析
  • 6.1 关于补间动画原理
  • 7.关于其他
  • 7.1 参考案例
  • 7.2 关于本篇博客更新日志
  • 7.3 关于我的博客

0.本人写的综合案例

  • 案例
  • 说明及截图
  • 模块：新闻，音乐，视频，图片，唐诗宋词，快递，天气，记事本，阅读器等等
  • 接口：七牛，阿里云，天行，干货集中营，极速数据，追书神器等等
  • 持续更新目录说明

1.Android动画类型

1.1 Android动画类型分类
  • 逐帧动画【Frame Animation】，即顺序播放事先做好的图像，跟电影类似
  • 补间动画【Tween Animation】，即通过对场景里的对象不断做图像变换 ( 平移、缩放、旋转 ) 产生动画效果
  • 属性动画【Property Animation】，补间动画增强版，支持对对象执行动画
  • 过渡动画【Transition Animation】,实现Activity或View过渡动画效果
1.2 Android动画实现方式分类
  • XML资源文件
  • 代码方式
1.3 按照时间分类
  • Android 3.0之前版本，逐帧动画，补间动画
  • Android 3.0之后版本，属性动画
  • Android 4.4中，过渡动画

2.Android逐帧动画

2.1 逐帧动画简单介绍
  • 也叫Drawable Animation动画，是最简单最直观动画类型
2.2 逐帧动画XML资源文件方式
  • 这个是最常用的方式，在res/drawable目录下新建动画XML文件，如下所示
  • android:oneshot用来控制动画是否循环播放，true表示不会循环播放，false表示会循环播放
  • android:duration="200"表示每一帧持续播放的时间
<?xml version="1.0" encoding="utf-8"?>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android"
    android:oneshot="false">
    <item android:drawable="@mipmap/audio_anim_01" android:duration="200" />
    <item android:drawable="@mipmap/audio_anim_02" android:duration="200" />
    <item android:drawable="@mipmap/audio_anim_03" android:duration="200" />
    <item android:drawable="@mipmap/audio_anim_04" android:duration="200" />
    <item android:drawable="@mipmap/audio_anim_05" android:duration="200" />
    <item android:drawable="@mipmap/audio_anim_06" android:duration="200" />
    <item android:drawable="@mipmap/audio_anim_07" android:duration="200" />
    <item android:drawable="@mipmap/audio_anim_08" android:duration="200" />
    <item android:drawable="@mipmap/audio_anim_09" android:duration="200" />
</animation-list>
2.3 逐帧动画代码方式
  • 代码方式用的少，如下所示
AnimationDrawable drawable = new AnimationDrawable();
for(int a=0 ; a<9 ; a++){
    int id = getResources().getIdentifier("audio_anim_0" + a, "mipmap", getPackageName());
    Drawable da = getResources().getDrawable(id);
    drawable.addFrame(da,200);
}
ivVisualEffect.setBackground(drawable);
drawable.setOneShot(false);
//获取对象实例，用来控制播放与停止
AnimationDrawable rocketAnimation = (AnimationDrawable) ivVisualEffect.getBackground();
rocketAnimation.start();    // 开启帧动画
rocketAnimation.stop();     // 停止动画

3.Android补间动画

3.1 补间动画简单介绍
  • 无需关注每一帧，只需要定义动画开始与结束两个关键帧，并指定动画变化的时间与方式等
  • 主要有四种基本的效果 透明度变化 大小缩放变化 位移变化 旋转变化
  • 表现形式
  • XML中
alph                   渐变透明度动画效果
scale                  渐变尺寸伸缩动画效果
translate              画面转换位置移动动画效果
rotate                 画面转移旋转动画效果
  • JavaCode中
AlphaAnimation         渐变透明度动画效果
ScaleAnimation         渐变尺寸伸缩动画效果
TranslateAnimation     画面转换位置移动动画效果
RotateAnimation        画面转移旋转动画效果
3.2 差值器
  • Android系统会在补间动画开始和结束关键帧之间插入渐变值，它依据差值器。
  • Interpolator 时间插值类，定义动画变换的速度。能够实现alpha/scale/translate/rotate动画的加速、减速和重复等。Interpolator类其实是一个空接口，继承自TimeInterpolator，TimeInterpolator时间插值器允许动画进行非线性运动变换，如加速和限速等，该接口中只有接口中有一个方法 float getInterpolation(float input)这个方法。传入的值是一个0.0~1.0的值，返回值可以小于0.0也可以大于1.0。
  • 提供几个Interpolator的实现类
AccelerateInterpolator 加速，开始时慢中间加速
DecelerateInterpolator 减速，开始时快然后减速
AccelerateDecelerateInterolator 先加速后减速，开始结束时慢，中间加速
AnticipateInterpolator 反向，先向相反方向改变一段再加速播放
AnticipateOvershootInterpolator 反向加超越，先向相反方向改变，再加速播放，会超出目的值然后缓慢移动至目的值
BounceInterpolator 跳跃，快到目的值时值会跳跃，如目的值100，后面的值可能依次为85，77，70，80，90，100
CycleIinterpolator 循环，动画循环一定次数，值的改变为一正弦函数：Math.sin(2* mCycles* Math.PI* input)
LinearInterpolator 线性，线性均匀改变
OvershootInterpolator超越，最后超出目的值然后缓慢改变到目的值
PathInterpolator新增的，就是可以定义路径坐标，然后可以按照路径坐标来跑动；注意其坐标并不是 XY，而是单方向，也就是我可以从0~1，然后弹回0.5 然后又弹到0.7 有到0.3，直到最后时间结束。
3.3 AplhaAnimation
  • 第一种方式：XML方式，如下所示
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >
    <alpha
        android:duration="1000"
        android:fromAlpha="0.0"
        android:toAlpha="1.0" />
    <!--
    透明度控制动画效果 alpha
    浮点型值：
    fromAlpha 属性为动画起始时透明度
    toAlpha   属性为动画结束时透明度
    说明:
    0.0表示完全透明
    1.0表示完全不透明
    以上值取0.0-1.0之间的float数据类型的数字
    长整型值：
    duration  属性为动画持续时间
    说明:时间以毫秒为单位
    -->
</set>
  • 第二种方式：代码方式
AlphaAnimation alpha = new AlphaAnimation(0, 1);
alpha.setDuration(500);          //设置持续时间
alpha.setFillAfter(true);                   //动画结束后保留结束状态
alpha.setInterpolator(new AccelerateInterpolator());        //添加差值器
ivImage.setAnimation(alpha);
3.4 ScaleAnimation
  • 第一种方式：XML资源文件方式
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >
    <scale
        android:duration="1000"
        android:fillAfter="false"
        android:fromXScale="0.0"
        android:fromYScale="0.0" android:interpolator="@android:anim/accelerate_decelerate_interpolator"
        android:pivotX="50%"
        android:pivotY="50%"
        android:toXScale="1.4"
        android:toYScale="1.4" />
    <!--
    尺寸伸缩动画效果 scale
    属性：interpolator 指定一个动画的插入器
    在我试验过程中，使用android.res.anim中的资源时候发现
    有三种动画插入器:
    accelerate_decelerate_interpolator  加速-减速 动画插入器
    accelerate_interpolator             加速-动画插入器
    decelerate_interpolator             减速- 动画插入器
    其他的属于特定的动画效果
    浮点型值：
    fromXScale 属性为动画起始时 X坐标上的伸缩尺寸
    toXScale   属性为动画结束时 X坐标上的伸缩尺寸
    fromYScale 属性为动画起始时Y坐标上的伸缩尺寸
    toYScale   属性为动画结束时Y坐标上的伸缩尺寸
    说明:
    以上四种属性值
    0.0表示收缩到没有
    1.0表示正常无伸缩
    值小于1.0表示收缩
    值大于1.0表示放大
    pivotX     属性为动画相对于物件的X坐标的开始位置
    pivotY     属性为动画相对于物件的Y坐标的开始位置
    说明:
    以上两个属性值 从0%-100%中取值
    50%为物件的X或Y方向坐标上的中点位置
    长整型值：
    duration  属性为动画持续时间
    说明:   时间以毫秒为单位
    布尔型值:
    fillAfter 属性 当设置为true ，该动画转化在动画结束后被应用
    -->
</set>
  • 第二种方式：代码方式
ScaleAnimation scale = new ScaleAnimation(1.0f, scaleXY, 1.0f, scaleXY, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
scale.setDuration(durationMillis);
scale.setFillAfter(true);
ivImage.setAnimation(scale);
3.5 TranslateAnimation
  • 第一种方式：XML资源文件方式
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >
    <translate
        android:duration="2000"
        android:fromXDelta="30"
        android:fromYDelta="30"
        android:toXDelta="-80"
        android:toYDelta="300" />
    <!--
    translate 位置转移动画效果
    整型值:
    fromXDelta 属性为动画起始时 X坐标上的位置
    toXDelta   属性为动画结束时 X坐标上的位置
    fromYDelta 属性为动画起始时 Y坐标上的位置
    toYDelta   属性为动画结束时 Y坐标上的位置
    注意:
     没有指定fromXType toXType fromYType toYType 时候，
     默认是以自己为相对参照物
    长整型值：
    duration  属性为动画持续时间
    说明:   时间以毫秒为单位
    -->
</set>
  • 第二种方式：代码方式
TranslateAnimation translate = new TranslateAnimation(fromXDelta, toXDelta, fromYDelta, toYDelta);
translate.setDuration(durationMillis);
translate.setFillAfter(true);
ivImage.setAnimation(translate);
3.6 RotateAnimation
  • 第一种方式：XML方式
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >
    <rotate
        android:duration="3000"
        android:fromDegrees="0" android:interpolator="@android:anim/accelerate_decelerate_interpolator"
        android:pivotX="50%"
        android:pivotY="50%"
        android:toDegrees="+350" />
    <!--
    rotate 旋转动画效果
    属性：interpolator 指定一个动画的插入器
    在我试验过程中，使用android.res.anim中的资源时候发现
    有三种动画插入器:
    accelerate_decelerate_interpolator    加速-减速 动画插入器
    accelerate_interpolator              加速-动画插入器
    decelerate_interpolator              减速- 动画插入器
    其他的属于特定的动画效果
    浮点数型值:
    fromDegrees 属性为动画起始时物件的角度
    toDegrees  属性为动画结束时物件旋转的角度 可以大于360度
    说明:
    当角度为负数-表示逆时针旋转
    当角度为正数-表示顺时针旋转
    (负数from-to正数:顺时针旋转)
    (负数from-to负数:逆时针旋转)
    (正数from-to正数:顺时针旋转)
    (正数from-to负数:逆时针旋转)
    pivotX    属性为动画相对于物件的X坐标的开始位置
    pivotY    属性为动画相对于物件的Y坐标的开始位置
    说明:        以上两个属性值 从0%-100%中取值    50%为物件的X或Y方向坐标上的中点位置
    长整型值：
    duration  属性为动画持续时间
    说明:      时间以毫秒为单位
    -->
</set>
  • 第二种方式：代码方式
RotateAnimation rotate = new RotateAnimation(fromDegrees, toDegrees, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
rotate.setDuration(durationMillis);
rotate.setFillAfter(true);
ivImage.setAnimation(rotate);
3.7 自定义补间动画

4.Android属性动画

4.1 属性动画基本介绍

  • 补间动画增强版本，补间动画存在一些缺点

  • a.作用对象局限：View 。即补间动画 只能够作用在视图View上，即只可以对一个Button、TextView、甚至是LinearLayout、或者其它继承自View的组件进行动画操作，但无法对非View的对象进行动画操作

  • b.没有改变View的属性，只是改变视觉效果

  • c.动画效果单一

  • 属性动画特点

  • 作用对象：任意 Java 对象，不再局限于 视图View对象

  • 实现的动画效果：可自定义各种动画效果，不再局限于4种基本变换：平移、旋转、缩放 & 透明度

  • 基本工作原理

  • 在一定时间间隔内，通过不断对值进行改变，并不断将该值赋给对象的属性，从而实现该对象在该属性上的动画效果

  • 属性动画基类：Animator，抽象类。子类有

  • 两个重要的类：ValueAnimator 类 & ObjectAnimator 类

  • 其他类：Evaluator类，AnimatorSet类

  • 关于常用属性动画类总结如下图所示 Image.png

4.2 Evaluator
  • 估值器（TypeEvaluator）作用
  • 设置动画 如何从初始值过渡到结束值的逻辑
  • 插值器（Interpolator）决定值的变化模式（匀速、加速blabla）
  • 估值器（TypeEvaluator）决定值的具体变化数值
  • 看看接口TypeEvaluator 源代码
public interface TypeEvaluator<T> {
    public T evaluate(float fraction, T startValue, T endValue);
}

看看如何实现估值器

public static ValueAnimator ofArgb(int... values) {
    ValueAnimator anim = new ValueAnimator();
    anim.setIntValues(values);
    anim.setEvaluator(ArgbEvaluator.getInstance());
    return anim;
}
//--------------------
public class ArgbEvaluator implements TypeEvaluator {
    private static final ArgbEvaluator sInstance = new ArgbEvaluator();
    public static ArgbEvaluator getInstance() {
        return sInstance;
    }
    // FloatEvaluator实现了TypeEvaluator接口
    public Object evaluate(float fraction, Object startValue, Object endValue) {
        // 参数说明
        // fraction：表示动画完成度（根据它来计算当前动画的值）
        // startValue、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;
        // 初始值 过渡 到结束值 的算法是：
        // 1. 用结束值减去初始值，算出它们之间的差值
        // 2. 用上述差值乘以fraction系数
        // 3. 再加上初始值，就得到当前动画的值
        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))));
    }
}
4.3 AnimatorSet
  • 特点
  • 单一动画实现的效果相当有限，更多的使用场景是同时使用多种动画效果，即组合动画
  • 使用方法
  • 第一种方式：xml方式
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:ordering="sequentially" >
    <!--表示Set集合内的动画按顺序进行-->
    <!--ordering的属性值:sequentially & together-->
    <!--sequentially:表示set中的动画，按照先后顺序逐步进行（a 完成之后进行 b ）-->
    <!--together:表示set中的动画，在同一时间同时进行,为默认值-->
    <set android:ordering="together" >
        <!--下面的动画同时进行-->
        <objectAnimator
            android:duration="2000"
            android:propertyName="translationX"
            android:valueFrom="0"
            android:valueTo="300"
            android:valueType="floatType" >
        </objectAnimator>
        <objectAnimator
            android:duration="3000"
            android:propertyName="rotation"
            android:valueFrom="0"
            android:valueTo="360"
            android:valueType="floatType" >
        </objectAnimator>
    </set>
    <set android:ordering="sequentially" >
        <!--下面的动画按序进行-->
        <objectAnimator
            android:duration="1500"
            android:propertyName="alpha"
            android:valueFrom="1"
            android:valueTo="0"
            android:valueType="floatType" >
        </objectAnimator>
        <objectAnimator
            android:duration="1500"
            android:propertyName="alpha"
            android:valueFrom="0"
            android:valueTo="1"
            android:valueType="floatType" >
        </objectAnimator>
    </set>
</set>
//关于代码中引用
AnimatorSet animator = (AnimatorSet) AnimatorInflater.loadAnimator(this, R.animator.set_animation);
// 创建组合动画对象  &  加载XML动画
animator.setTarget(mButton);
// 设置动画作用对象
animator.start();
// 启动动画
  • 第二种方式：Java方式
// 步骤1：设置需要组合的动画效果
ObjectAnimator translation = ObjectAnimator.ofFloat(mButton, "translationX", curTranslationX, 300,curTranslationX); 
// 平移动画
ObjectAnimator rotate = ObjectAnimator.ofFloat(mButton, "rotation", 0f, 360f); 
// 旋转动画
ObjectAnimator alpha = ObjectAnimator.ofFloat(mButton, "alpha", 1f, 0f, 1f); 
// 透明度动画
// 步骤2：创建组合动画的对象
AnimatorSet animSet = new AnimatorSet(); 
// 步骤3：根据需求组合动画
animSet.play(translation).with(rotate).before(alpha); 
animSet.setDuration(5000); 
// 步骤4：启动动画
animSet.start();
  • 常用方法
AnimatorSet.play(Animator anim)   ：播放当前动画
AnimatorSet.after(long delay)   ：将现有动画延迟x毫秒后执行
AnimatorSet.with(Animator anim)   ：将现有动画和传入的动画同时执行
AnimatorSet.after(Animator anim)   ：将现有动画插入到传入的动画之后执行
AnimatorSet.before(Animator anim) ：  将现有动画插入到传入的动画之前执行
4.4 ValueAnimator
  • 基本作用
  • 将初始值 以整型数值的形式 过渡到结束值 。即估值器是整型估值器 - IntEvaluator ValueAnimator.oFloat（）采用默认的浮点型估值器 (FloatEvaluator) ValueAnimator.ofInt（）采用默认的整型估值器（IntEvaluator）
  • 第一种实现方式：Java设置
public static ValueAnimator setValueAnimator(View view , int start , int end , int time , int delay , int count){
    // 步骤1：设置动画属性的初始值 & 结束值
    ValueAnimator mAnimator = ValueAnimator.ofInt(start, end);
    // ofInt（）作用有两个
    // 1. 创建动画实例
    // 2. 将传入的多个Int参数进行平滑过渡:此处传入0和1,表示将值从0平滑过渡到1
    // 如果传入了3个Int参数 a,b,c ,则是先从a平滑过渡到b,再从b平滑过渡到C，以此类推
    // ValueAnimator.ofInt()内置了整型估值器,直接采用默认的.不需要设置，即默认设置了如何从初始值 过渡到 结束值
    // 关于自定义插值器我将在下节进行讲解
    // 下面看看ofInt()的源码分析 ->>关注1
    mAnimator.setTarget(view);
    // 步骤2：设置动画的播放各种属性
    mAnimator.setDuration(time);
    // 设置动画运行的时长
    mAnimator.setStartDelay(delay);
    // 设置动画延迟播放时间
    mAnimator.setRepeatCount(count);
    // 设置动画重复播放次数 = 重放次数+1
    // 动画播放次数 = infinite时,动画无限重复
    mAnimator.setRepeatMode(ValueAnimator.RESTART);
    // 设置重复播放动画模式
    // ValueAnimator.RESTART(默认):正序重放
    // ValueAnimator.REVERSE:倒序回放
    // 步骤3：将改变的值手动赋值给对象的属性值：通过动画的更新监听器
    // 设置 值的更新监听器
    // 即：值每次改变、变化一次,该方法就会被调用一次
    return mAnimator;
}
//-------
Button b1 = (Button) findViewById(R.id.b1);
ValueAnimator valueAnimator = AnimatorUtils.setValueAnimator(b1,0, 2, 2000, 500, 2);
valueAnimator.start();
  • 第二种实现方式：XML设置
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <animator
        android:valueFrom="0"
        android:valueTo="100"
        android:valueType="intType"
        android:duration="3000"
        android:startOffset ="1000"
        android:fillBefore = "true"
        android:fillAfter = "false"
        android:fillEnabled= "true"
        android:repeatMode= "restart"
        android:repeatCount = "0" android:interpolator="@android:anim/accelerate_interpolator"/>
        <!--初始值-->
        <!--结束值-->
        <!--变化值类型 ：floatType & intType-->
        <!--动画持续时间（ms），必须设置，动画才有效果-->
        <!--动画延迟开始时间（ms）-->
        <!--动画播放完后，视图是否会停留在动画开始的状态，默认为true-->
        <!--动画播放完后，视图是否会停留在动画结束的状态，优先于fillBefore值，默认为false-->
        <!--是否应用fillBefore值，对fillAfter值无影响，默认为true-->
        <!--选择重复播放动画模式，restart代表正序重放，reverse代表倒序回放，默认为restart|-->
        <!--重放次数（所以动画的播放次数=重放次数+1），为infinite时无限重复-->
        <!--插值器，即影响动画的播放速度,下面会详细讲-->
</set>
//代码引用
Button b3 = (Button) findViewById(R.id.b3);
Animator mAnim = AnimatorInflater.loadAnimator(this, R.animator.animator_1_0);
mAnim.setTarget(b3);
mAnim.start();
4.5 ObjectAnimator
  • 基本的原理
  • 直接对对象的属性值进行改变操作，从而实现动画效果 继承自ValueAnimator类，即底层的动画实现机制是基于ValueAnimator类
  • 第一种实现方式：Java设置
public static ObjectAnimator setObjectAnimator(View view , String type , int start , int end , long time){
    ObjectAnimator mAnimator = ObjectAnimator.ofFloat(view, type, start, end);
    // ofFloat()作用有两个
    // 1. 创建动画实例
    // 2. 参数设置：参数说明如下
    // Object object：需要操作的对象
    // String property：需要操作的对象的属性
    // float ....values：动画初始值 & 结束值（不固定长度）
    // 若是两个参数a,b，则动画效果则是从属性的a值到b值
    // 若是三个参数a,b,c，则则动画效果则是从属性的a值到b值再到c值
    // 以此类推
    // 至于如何从初始值 过渡到 结束值，同样是由估值器决定，此处ObjectAnimator.ofFloat（）是有系统内置的浮点型估值器FloatEvaluator，同ValueAnimator讲解

    // 设置动画重复播放次数 = 重放次数+1
    // 动画播放次数 = infinite时,动画无限重复
    mAnimator.setRepeatCount(ValueAnimator.INFINITE);
    // 设置动画运行的时长
    mAnimator.setDuration(time);
    // 设置动画延迟播放时间
    mAnimator.setStartDelay(0);
    // 设置重复播放动画模式
    mAnimator.setRepeatMode(ValueAnimator.RESTART);
    // ValueAnimator.RESTART(默认):正序重放
    // ValueAnimator.REVERSE:倒序回放
    //设置差值器
    mAnimator.setInterpolator(new LinearInterpolator());
    return mAnimator;
}
  • 关于preperty的属性值有，如下表所示 Image.png
  • 第二种方式：XML方式
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <ObjectAnimator
        android:valueFrom="1"
        android:valueTo="0"
        android:valueType="floatType"
        android:duration = "800"
        android:propertyName="alpha"/>
</set>
Animator mAnim = AnimatorInflater.loadAnimator(this, R.animator.animator_1_0);
mAnim.setTarget(fabHomeRandom);
mAnim.start();
  • 注意，以XML方式，res的文件夹名称必须是animator，否则无法引用，如下所示： Image.png
4.6 ValueAnimator与ObjectAnimator区别
  • ValueAnimator 类是先改变值，然后手动赋值 给对象的属性从而实现动画；是间接对对象属性进行操作；
  • ObjectAnimator 类是先改变值，然后自动赋值 给对象的属性从而实现动画；是直接对对象属性进行操作；
4.7 监听动画器
  • 说明
  • Animation类通过监听动画开始 / 结束 / 重复 / 取消时刻来进行一系列操作，如跳转页面等等 通过在Java代码里addListener（）设置 因Animator类、AnimatorSet类、ValueAnimator、ObjectAnimator类存在继承关系，所以AnimatorSet类、ValueAnimator、ObjectAnimator都可以使用addListener()监听器进行动画监听
  • 看看第一种监听方式
mAnim.addListener(new Animator.AnimatorListener() {
    @Override
    public void onAnimationStart(Animator animation) {
        //动画开始时执行
    }
    @Override
    public void onAnimationEnd(Animator animation) {
        //动画结束时执行
    }
    @Override
    public void onAnimationCancel(Animator animation) {
        //动画取消时执行
    }
    @Override
    public void onAnimationRepeat(Animator animation) {
        //动画重复时执行
    }
});
  • 看看这二中监听方式
mAnim2.addListener(new AnimatorListenerAdapter() {
    // 向addListener()方法中传入适配器对象AnimatorListenerAdapter()
    // 由于AnimatorListenerAdapter中已经实现好每个接口
    // 所以这里不实现全部方法也不会报错
    @Override
    public void onAnimationCancel(Animator animation) {
        super.onAnimationCancel(animation);
        ToastUtils.showShort("动画结束了");
    }
});

6.Android动画框架原理解析

6.1 关于补间动画原理
  • 要了解Android动画是如何加载出来的,我们首先要了解Android View 是如何组织在一起的.每个窗口是一颗View树. RootView是DecorView,在布局文件中声明的布局都是DecorView的子View.是通过setContentView来设置进入窗口内容的. 因为View的布局就是一棵树.所以绘制的时候也是按照树形结构来遍历每个View进行绘制.ViewRoot.java中 draw函数准备好Canvas后 调用 mView.draw(canvas),这里的mView是DecorView.
  • 下面看一下递归绘制的几个步骤:
  • 1.绘制背景
  • 2.如果需要,保存画布(canvas),为淡入淡出做准备
  • 3.通过调用View.onDraw(canvas)绘制View本身的内容
  • 4.通过 dispatchDraw(canvas)绘制自己的孩子,dispatchDraw->drawChild->child.draw(canvas) 这样的调用过程被用来保证每个子 View 的 draw 函数都被调用
  • 5.如果需要，绘制淡入淡出相关的内容并恢复保存的画布所在的层（layer）
  • 6.绘制修饰的内容（例如滚动条）
  • 当一个 ChildView 要重画时，它会调用其成员函数 invalidate() 函数将通知其 ParentView 这个 ChildView 要重画，这个过程一直向上遍历到 ViewRoot，当 ViewRoot 收到这个通知后就会调用上面提到的 ViewRoot 中的 draw 函数从而完成绘制。Android 动画就是通过 ParentView 来不断调整 ChildView 的画布坐标系来实现的

7.关于其他

7.1 参考案例
7.2 关于本篇博客更新日志
  • v1.0.0 16年8月11日，更新帧动画和补间动画
  • v1.0.1 17年3月7日，更新了属性动画
  • v1.0.2 17年11月29日，参考 Carson_Ho博客，更新了属性动画部分
7.3 关于我的博客

转载于:https://my.oschina.net/zbj1618/blog/1583661

weixin_33940102
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
4.5 异常设计和捕获原理
杨充
12-01 670
异常设计和捕获原理
动画机制与使用技巧
weixin_43942427的博客
09-29 257
View动画框架 提供了AlphaAnimation 、RotateAnimation 、TranslateAnimation 、ScaleAnimation 四种动画方式与AnimationSet 动画集合 优点：效率高，使用方便 缺点不具备交互性，当某个元素发生视图动画后，其响应时间的位置还依然在动画前的地方 属性动画 真实地改变了一个view的属性，所以事件响应的区域也同样发生了改变 ObjectAnimator animator=ObjectAnimator.ofFloat(view,"tran
基础篇-动画机制-Property Animator源码解析
gjr9596的专栏
08-21 1112
关于属性动画设计，与实现的源码解析理解
Android动画机制详解
一江夜雨
03-29 523
        动画详解                定义：                        Animations是一个实现android UI界面动画效果的API，Animations提供了一系列的动画效果，                        可以进行旋转、缩放、淡入淡出、位移等，这些效果可以应用在绝大多数的控件中。                实现原理：     ...
动画机制与使用
DouDouLee_blog的博客
07-01 717
Android3.0之前有两种动画，一种方式是补间动画 Tween Animation、另一种叫逐帧动画 Frame Animation（也称Drawable Animation ）Android3.0以后增加了属性动画 Property Animation。Tween Animation、Frame Animation只能用于View，被归类为View Animation。 一、 1
使用android自带的动画机制很卡时可以考虑使用SurfaceView来实现动画
06-01
总结来说，当Android内置的动画机制无法满足高性能需求时，`SurfaceView`是一个很好的选择。通过利用其独立的渲染线程和硬件加速能力，我们可以实现更加流畅的动画效果，特别适合处理复杂的图形操作和游戏场景。在...
android 帧动画,补间动画,属性动画的简单总结
08-31
总结来说，Android的帧动画适用于简单的序列图片播放，补间动画适合View对象的简单变换，而属性动画则提供了强大的动画机制，能改变对象的任何属性，适用于更复杂和交互式的动画场景。理解并熟练运用这三种动画机制...
Android动画机制全解析source
08-06
总结，Android动画机制提供了丰富的工具，帮助开发者创造丰富的视觉体验。理解帧动画的简单实现，掌握属性动画的灵活性，了解过渡动画在界面变换中的应用，以及自定义动画的技巧，都将对提升Android应用质量大有裨益...
JS动画定时器知识总结
01-19
广义说：一切通过js改变的视觉呈现都叫动画；...问题就在于他们的内在运行机制； 认识setTimeout 第一个参数推荐用函数形式，字符串形式会两次解析，还有eval一样的问题； 不止两个参数，可以更多，见示例1； t
android动画机制,Android动画机制探究
weixin_39575758的博客
05-25 214
总概：Android总共有2个中动画系统，最重要的是Property Animation。它可以让我们在指定的时间内模拟任何对对象的任何属性从一个值变成另一个值。动画通常用来处理view的动态变化，比如：位置移动、角度旋转、形状缩放、颜色变化等。动画既可以通过xml实现，也可以用代码实现。Animation类型：Android framework提供了2种不同的动画系统：Property Anim...
Python-Manim用于解释数学视频的动画引擎
08-10
Manim用于解释数学视频的动画引擎
动画机制The Animation Framework“一、译”
鹰击长空
09-09 834
动画机制 Qt的动画框架提供了一种简单的方式创建GUI动画。通过Qt的属性系统机制，该框架可灵活的使窗口控件和QObject的子类创建动画。同时，该框架也同样适用于Qt的Graphics/View图形视图框架。 本文主要讲解动画框架的基础。通过使QObject的子类、图形单元项动画的基本例子，来演示如何使用。 动画架构 首先我们从高层上看下Qt动画的架构。如下图是动画框架的类图： ...
属性动画实现流程原理
dream_caoyun的博客
06-10 1432
哈
动画的实现原理分析
weixin_34008784的博客
01-10 825
最近在准备面试，不经意间看到了动画，这里想对动画做一个比较全面与深入的分析，自己也加深一下印象。那么从最先的Questions开始：Android中动画分为哪几类？说说属性动画的实现原理view动画与属性动画之间的区别OOM与内存泄露问题activity与fragment动画插值器先定个基调：所谓的动画只是不同时刻不同的画面重叠在一起，随着时间的推移给人产生了一种画面在动的感觉，其实质是在不同的时...
把玩PathInterpolator
MultiDimension的博客
08-06 2412
把玩PathInterpolator标签（空格分隔）： Android最近发现一个有意思的插值器PathInterpolator，传一个或两个点进去就可当插值器使用。可以看一下两个构造函数，生成的path是一个贝赛尔曲线。 /** * Create an interpolator for a quadratic Bezier curve. The end points * <code>(0, 0)<
使用manim社区版绘制神经网络结构图
amao1998的博客
05-18 1011
1、概述 manim作为非常炫酷的动画系统可以非常清晰生动表述数学原理的相关动画。但是在原生系统中并没有神经网络结构绘制的模块，需要自行开发。本文展示了最基本的dnn网络的绘制方式，供大家参考。 2、完整代码 class NeuralNetworkMobject(VGroup): # Constructor with parameters of the neurons in a list def __init__(self, neural_network, *arg
python做动画视频教程_python中强大、灵活的动画引擎manim安装及使用
weixin_39564831的博客
11-23 1476
manim是一个强大、灵活的python语言的动画引擎，尤其适合程序员使用编程方法来制作创意视频。以下说明在 Windows操作系统中安装使用注意的问题。注意，是使用 manim源码的方式。请尽量使用源码，便于理解一些实现细节。一.源码下载官方下载地址：https://github.com/3b1b/manim.git另外，因为官方源码更新原因，出现一些错误和文件缺失问题，我在使用中整理出一个版本...
Android动画插值器之PathInterpolator浅析
热门推荐
旭日_的博客
04-12 1万+
PathInterpolator，一种动画插值器，以前从没听过动画插值器的同学可以去这篇android 动画的Interpolator插值器   好了，详细大家已经了解了插值器的作用和用法，那么我们开始这篇博文吧!    Method code PathInterpolator(Path path) Create
深入理解jQuery动画机制与应用
总结起来，jQuery的动画功能强大且易于使用，其背后是精心设计的fx类和队列机制。深入理解这一部分不仅可以提升JavaScript编程技巧，也能更好地利用jQuery创建复杂的交互和视觉效果。如果你对JavaScript动画或游戏...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值