浅析Android动画原理

最新推荐文章于 2023-05-26 16:21:12 发布
最新推荐文章于 2023-05-26 16:21:12 发布
阅读量291 收藏
点赞数 2
分类专栏： android基础知识点总结
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/nalanrumeng1113/article/details/79715280
版权

Android动画的分类

主要分为View动画和属性动画两种

View动画又可分为两种：补间动画和帧动画

补间动画（Tween Animation）
定义：

补间动画是对View进行一系列图像操作（如缩放，平移，旋转，改变透明度）而形成的的动画

特性：

  • a.补间动画支持四种类型：平移（Translate）、旋转（Rotate）、缩放（Scale）、不透明度

  • b. 只是显示的位置变动，View的实际位置未改变，表现为View移动到其他地方，点击事件仍在原处才能响应。（View的布局位置未变）（即只改变onDraw）

  • c. 组合使用步骤较复杂。

  • d. View Animation 也是指此动画。


优缺点：
  • 缺点：当平移动画执行完停在最后的位置，结果焦点还在原来的位置(控件的属性没有真的被改变)
  • 作用对象只局限于View（无法对非View对象进行操作）
  • 优点：相对于逐帧动画来说，补间动画更为连贯自然

使用：

1，设置方法一：在Java代码中设置

public class SecondActivity extends Activity {
    private Context context;
    private MyButton btnTween;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_second);
        context=SecondActivity.this;
        btnTween= (MyButton) findViewById(R.id.btn_tween);
        // 步骤1：创建平移动画的对象：平移动画对应的Animation子类为TranslateAnimation
        // 参数分别是：
        // 1. fromXDelta ：视图在水平方向x 移动的起始值
        // 2. toXDelta   ：视图在水平方向x 移动的结束值
        // 3. fromYDelta ：视图在竖直方向y 移动的起始值
        // 4. toYDelta   ：视图在竖直方向y 移动的结束值
        Animation translateAnimation = new TranslateAnimation(0,500,0,500);
        // 固定属性的设置都是在其属性前加“set”，如setDuration（）
        translateAnimation.setDuration(5000);
        // 步骤3:播放动画
        btnTween.startAnimation(translateAnimation);

        btnTween.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Toast.makeText(context, btnTween.getText().toString(), Toast.LENGTH_SHORT).show();
            }
        });
    }




从上面的演示也可以看出补间动画执行中，焦点还停留在原地，不随动画移动而改变。

2，设置方法二：在XML中设置

在 res/anim的文件夹里创建动画效果.xml文件

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <!--采用<translate /> 标签表示平移动画-->
    <translate
        android:duration="3000"
        android:fromXDelta="0"
        android:fromYDelta="0"
        android:startOffset="1000"
        android:toXDelta="500"
        android:toYDelta="500" />

</set>

然后再在Activity中加载xml动画文件

   // 步骤1:创建 需要设置动画的 视图View
        Animation translateAnimation1 = AnimationUtils.loadAnimation(this, R.anim.translate);
        // 步骤2:创建 动画对象 并传入设置的动画效果xml文件
        btnTween.startAnimation(translateAnimation1);

补间动画就介绍到这里，如果大家想了解更多使用方法，可以查看以下链接：

点击打开链接

工作原理：

在绘制的过程中，尝试获取动画在当前时刻的变换，然后应用到view的绘制中。

下面我们开始分析Animation的源码（基于Android 6.0）

Animation及相关类的源码在frameworks/base/core/java/android/view/animation包中。
先从view的startAnimation（Animation animation）方法开始分析 
    /**
     * Start the specified animation now.
     *
     * @param animation the animation to start now
     */
    public void startAnimation(Animation animation) {
        animation.setStartTime(Animation.START_ON_FIRST_FRAME);
        setAnimation(animation);
        invalidateParentCaches();
        invalidate(true);
    }

从以上代码可以看出，View先设置完Animation，然后调用invalidate进行重绘

再看下setAnimation(animation)方法

  public void setAnimation(Animation animation) {
        mCurrentAnimation = animation;

        if (animation != null) {
            // If the screen is off assume the animation start time is now instead of
            // the next frame we draw. Keeping the START_ON_FIRST_FRAME start time
            // would cause the animation to start when the screen turns back on
            if (mAttachInfo != null && mAttachInfo.mDisplayState == Display.STATE_OFF
                    && animation.getStartTime() == Animation.START_ON_FIRST_FRAME) {
                animation.setStartTime(AnimationUtils.currentAnimationTimeMillis());
            }
            animation.reset();
        }
    }
  /**
     * When this animation should start. When the start time is set to
     * {@link #START_ON_FIRST_FRAME}, the animation will start the first time
     * {@link #getTransformation(long, Transformation)} is invoked. The time passed
     * to this method should be obtained by calling
     * {@link AnimationUtils#currentAnimationTimeMillis()} instead of
     * {@link System#currentTimeMillis()}.
     *
     * @param startTimeMillis the start time in milliseconds
     */
    public void setStartTime(long startTimeMillis) {
        mStartTime = startTimeMillis;
        mStarted = mEnded = false;
        mCycleFlip = false;
        mRepeated = 0;
        mMore = true;
    }

从Animation的setStartTime()的注释可以看出，该方法将调用getTransformation(long currentTime, Transformation outTransformation）

其中currentTime作为一个参数，表示传进来的时间， 第二个参数transformation的实例。

而继续往下查看代码可以发现在Animation在getTransformation中调用了以下代码：

 final float interpolatedTime = mInterpolator.getInterpolation(normalizedTime);
 applyTransformation(interpolatedTime, outTransformation);

mInterpolator是动画插值器，该插值器影响动画的速度

applyTransformation(float interpolatedTime, Transformation t)在Animation类中是一个空方法
可以看到，它有两个参数，第一个参数是 interpolatedTime 它代表插值后的时间，第二个参数是Transformation类的实例

Transformation是一个实体类，它主要的内容是透明度和一个矩阵。
所以子类实现了applyTransformation方法后可以针对插值时间来对Transformation做一定的操作来实现VIew的动画变化。


下面以TranslateAnimation和AccelerateInterpolator来说明是如何实现的

TranslateAnimation主要实现 applyTransformation方法
AccelerateInterpolator主要实现 getInterpolation方法 
public float getInterpolation(float input) {
        if (mFactor == 1.0f) {
            return input * input;
        } else {
            return (float)Math.pow(input, mDoubleFactor);
        }
    }
 @Override
    protected void applyTransformation(float interpolatedTime, Transformation t) {
        float dx = mFromXDelta;
        float dy = mFromYDelta;
        if (mFromXDelta != mToXDelta) {
            dx = mFromXDelta + ((mToXDelta - mFromXDelta) * interpolatedTime);
        }
        if (mFromYDelta != mToYDelta) {
            dy = mFromYDelta + ((mToYDelta - mFromYDelta) * interpolatedTime);
        }
        t.getMatrix().setTranslate(dx, dy);//改变了Transformation的矩阵偏移
    }

从以上代码可得出动画的变化是在applyTransformation,随着传进来的interpolatedTime，而对matrix进行相应的坐标转换，而实现动画效果的。

若有读者对于matrix不熟悉的，可以看下以下文章：

点击打开链接

到这里，View动画变换原理已经分析完了。通过实现Animation的applyTransformation方法，可以实现我们的自定义View动画。

接下来看看View是怎么绘制动画的：

在View的draw(Canvas canvas, ViewGroup parent, long drawingTime) 方法中，可以找到以下方法：

boolean draw(Canvas canvas, ViewGroup parent, long drawingTime) {
......省略
final Animation a = getAnimation();
        if (a != null) {
            more = applyLegacyAnimation(parent, drawingTime, a, scalingRequired); //返回值为true,表示动画还在运行
            concatMatrix = a.willChangeTransformationMatrix();
            if (concatMatrix) {
                mPrivateFlags3 |= PFLAG3_VIEW_IS_ANIMATING_TRANSFORM;
            }
            transformToApply = parent.getChildTransformation();
        }
......省略


可以看到draw方法调用了a.getTransformation方法，使得相应的transformation矩阵发生了变换

接下来，还是在上述的draw(Canvas canvas, ViewGroup parent, long drawingTime) 方法中

......//省略
 if (transformToApply != null) {
                    if (concatMatrix) {
                        if (drawingWithRenderNode) {
                            renderNode.setAnimationMatrix(transformToApply.getMatrix());
                        } else {
                            // Undo the scroll translation, apply the transformation matrix,
                            // then redo the scroll translate to get the correct result.
                            canvas.translate(-transX, -transY);
                            canvas.concat(transformToApply.getMatrix());
                            canvas.translate(transX, transY);
                        }
                        parent.mGroupFlags |= ViewGroup.FLAG_CLEAR_TRANSFORMATION;
                    }

                    float transformAlpha = transformToApply.getAlpha();
                    if (transformAlpha < 1) {
                        alpha *= transformAlpha;
                        parent.mGroupFlags |= ViewGroup.FLAG_CLEAR_TRANSFORMATION;
                    }
                }
......//省略

如果支持RenderNode绘制（即硬件加速），则直接将生成的DisplayList交给GPU处理，显示到屏幕上。否则，则将执行以下流程

Canvas(Java API) —> OpenGL(C/C++ Lib) —> 驱动程序 —> GPU

有关硬件加速的文章，读者可以看下美团点评开发团队以下的文章：

点击打开链接

至此，补间动画的工作原理就分析到这里结束了。

帧动画（Frame Animation）

定义：

帧动画是按照固定的顺序播放一组图像而形成的动画

优缺点：

  • 优点：使用简单、方便
  • 缺点：容易引起 OOM，因为会使用大量 & 尺寸较大的图片资源

建议避免使用尺寸较大的图片

使用：

1，设置方法一：在Java代码中设置

   animationDrawable = new AnimationDrawable();
        // 为AnimationDrawable添加动画帧
        animationDrawable.addFrame(
                getResources().getDrawable(R.drawable.img00), 50);
        animationDrawable.addFrame(
                getResources().getDrawable(R.drawable.img01), 50);
        animationDrawable.addFrame(
                getResources().getDrawable(R.drawable.img02), 50);
        animationDrawable.addFrame(
                getResources().getDrawable(R.drawable.img03), 50);
        animationDrawable.addFrame(
                getResources().getDrawable(R.drawable.img04), 50);
        animationDrawable.addFrame(
                getResources().getDrawable(R.drawable.img05), 50);
        animationDrawable.addFrame(
                getResources().getDrawable(R.drawable.img06), 50);
        animationDrawable.addFrame(
                getResources().getDrawable(R.drawable.img07), 50);
        animationDrawable.addFrame(
                getResources().getDrawable(R.drawable.img08), 50);
        animationDrawable.addFrame(
                getResources().getDrawable(R.drawable.img09), 50);
        animationDrawable.addFrame(
                getResources().getDrawable(R.drawable.img10), 50);
        animationDrawable.addFrame(
                getResources().getDrawable(R.drawable.img11), 50);
        animationDrawable.addFrame(
                getResources().getDrawable(R.drawable.img12), 50);
        animationDrawable.addFrame(
                getResources().getDrawable(R.drawable.img13), 50);
        animationDrawable.addFrame(
                getResources().getDrawable(R.drawable.img14), 50);
        animationDrawable.addFrame(
                getResources().getDrawable(R.drawable.img15), 50);
        animationDrawable.addFrame(
                getResources().getDrawable(R.drawable.img16), 50);
        animationDrawable.addFrame(
                getResources().getDrawable(R.drawable.img17), 50);
        animationDrawable.addFrame(
                getResources().getDrawable(R.drawable.img18), 50);
        animationDrawable.addFrame(
                getResources().getDrawable(R.drawable.img19), 50);
        animationDrawable.addFrame(
                getResources().getDrawable(R.drawable.img20), 50);
        animationDrawable.addFrame(
                getResources().getDrawable(R.drawable.img21), 50);
        animationDrawable.addFrame(
                getResources().getDrawable(R.drawable.img22), 50);
        animationDrawable.addFrame(
                getResources().getDrawable(R.drawable.img23), 50);
        animationDrawable.addFrame(
                getResources().getDrawable(R.drawable.img24), 50);
        // 设置为循环播放
        animationDrawable.setOneShot(false);
        imageView.setBackground(animationDrawable);
        if (animationDrawable != null && !animationDrawable.isRunning()) {
            //启动动画
            animationDrawable.start();
        }

2，设置方法二：在XML中设置

在 res/anim的文件夹里创建动画效果.xml文件

<?xml version="1.0" encoding="utf-8"?>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android"
    android:oneshot="false" >

    <!-- animation-list 帧动画 -->
    <!-- android:oneshot的值为 false代表播放多次，true代表只播放一次 -->
    <!-- duration代表每张图片的播放时间 ,定义一个持续时间为50毫秒的动画帧 -->
    <item
        android:drawable="@drawable/img00"
        android:duration="50"/>
    <item
        android:drawable="@drawable/img01"
        android:duration="50"/>
    <item
        android:drawable="@drawable/img02"
        android:duration="50"/>
    <item
        android:drawable="@drawable/img03"
        android:duration="50"/>
    <item
        android:drawable="@drawable/img04"
        android:duration="50"/>
    <item
        android:drawable="@drawable/img05"
        android:duration="50"/>
    <item
        android:drawable="@drawable/img06"
        android:duration="50"/>
    <item
        android:drawable="@drawable/img07"
        android:duration="50"/>
    <item
        android:drawable="@drawable/img08"
        android:duration="50"/>
    <item
        android:drawable="@drawable/img09"
        android:duration="50"/>
    <item
        android:drawable="@drawable/img10"
        android:duration="50"/>
    <item
        android:drawable="@drawable/img11"
        android:duration="50"/>
    <item
        android:drawable="@drawable/img12"
        android:duration="50"/>
    <item
        android:drawable="@drawable/img13"
        android:duration="50"/>
    <item
        android:drawable="@drawable/img14"
        android:duration="50"/>
    <item
        android:drawable="@drawable/img15"
        android:duration="50"/>
    <item
        android:drawable="@drawable/img16"
        android:duration="50"/>
    <item
        android:drawable="@drawable/img17"
        android:duration="50"/>
    <item
        android:drawable="@drawable/img18"
        android:duration="50"/>
    <item
        android:drawable="@drawable/img19"
        android:duration="50"/>
    <item
        android:drawable="@drawable/img20"
        android:duration="50"/>
    <item
        android:drawable="@drawable/img21"
        android:duration="50"/>
    <item
        android:drawable="@drawable/img22"
        android:duration="50"/>
    <item
        android:drawable="@drawable/img23"
        android:duration="50"/>
    <item
        android:drawable="@drawable/img24"
        android:duration="50"/>

</animation-list>

然后再在Activity中加载xml动画文件

 // 通过逐帧动画的资源文件获得AnimationDrawable示例
        animationDrawable = (AnimationDrawable) getResources().getDrawable(
                R.drawable.frame_anim);
        imageView.setBackground(animationDrawable);
        //控制动画的启动
        animationDrawable.start();
        //停止动画
        animationDrawable.stop();

下面来张帧动画的效果图：



属性动画（Property Animation）

定义：

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


Thanks

《Android开发艺术与探索》

https://blog.csdn.net/xiaohao0724/article/details/54582965

https://www.cnblogs.com/vete-l/p/7063285.html

https://zhuanlan.zhihu.com/p/25477828


Huige1113
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Android 动画框架详解，第 1 部分
sun6255028的专栏
08-30 2354
简介：         Android 平台提供了一套完整的动画框架，使得开发者可以用它来开发各种动画效果。Android 动画框架详解由原理篇和实例篇两部分组成。本文是第一部分原理篇，主要分析 Tween 动画的实现原理， 最后简单介绍在 Android 中如何通过播放
Android 动画原理
banketree
09-27 4809
Android 平台提供了三类动画，1、Tween动画，就是对场景里的对象不断的进行图像变化来产生动画效果（旋转、平移、放缩和渐变）；2、 Frame动画，即顺序的播放事先做好的图像，与gif图片原理类似；3、属性动画，改变对象的实际属性达到动画效果。
Android动画原理分析
weixin_30588729的博客
11-10 271
最近在Android上做了一些动画效果，网上查了一些资料，有各种各样的使用方式，于是乘热打铁，想具体分析一下动画是如何实现的，Animation, Animator都有哪些区别等等。 首先说Animation（android.view.animation.Animation）对象。 无论是用纯java代码构建Animation对象，还是通过xml文件定义Animation，其实最终的结果都是 ...
Android动画原理
weixin_30512089的博客
06-22 163
一、前言 Android动画包含三种：补间动画（Tween Animation），帧动画(Frame Animation)，属性动画 (Property Animation)。其中属性动画是从Android 3.0之后加入的。 本文着重介绍三种动画的实现原理，阅读本文的前提是应该可以简单的使用上述三种动画。 如不熟悉可以参考以下链接， 补间动画：http://www.cnblogs....
浅析Android手机卫士手机定位的原理
01-20
浅析Android手机卫士sim卡绑定 深入浅析Android手机卫士保存密码时进行md5加密 详解Android 手机卫士设置向导页面 浅析Android手机卫士关闭自动更新 浅析Android手机卫士自定义控件的属性 浅析Android手机卫士读取...
浅析Android中的visibility属性
09-05
在Android开发中，`visibility`属性是用于控制UI组件（如按钮、文本视图、布局等）是否在屏幕上可见的关键属性。它有三个可能的值：`VISIBLE`、`INVISIBLE`和`GONE`，每个值都有其特定的含义和应用场景。 1. **...
浅析Android4.0的通知系统
03-02
在对《AndroidDesign》进行翻译时发现：Android系统已经提出了一些关于通知消息的设计建议，故在此分享给大家。通知主要用于对时间敏感（TimeSensitive）的事件，尤其是涉及他人（Involveanotherperson）的同步事件...
Android 动画的工作原理
王项雨 的博客
04-28 1644
在android系统中动画分为两种分别是基础动画和属性动画。对于动画的工作原理主要涉及到的是基础动画和属性动画的实现。 本章主要分两大块：基础动画和属性动画 1.基础动画 对于基础动画的实现主要是嵌套在View的绘制流程中的，基础动画主要有旋转RotatleAnimation，缩放ScaleAnimation，透明AlphaAnimation，平移TranslateAnimation等都是An...
android动画的实现原理,Android动画的实现原理 .
weixin_34709138的博客
05-25 358
1.动画运行模式独行模式中断模式2.Animation类每个动画都重载了父类的applyTransformation方法这个方法的主要作用是把一些属性组装成一个Transformation类,这个方法会被父类的getTransformation方法调用。另外每个动画还有个initialize方法,完成初始化工作,动画开始前的一些准备工作。3.Interpolator类定义动画执行过程一些加速度减速...
Android 动画实现原理
lin327332599的专栏
03-03 1172
最近在Android上做了一些动画效果，网上查了一些资料，有各种各样的使用方式，于是乘热打铁，想具体分析一下动画是如何实现的，Animation, Animator都有哪些区别等等。
android中的tween动画（也叫view动画）原理以及使用详解
JerryWu145的专栏
01-07 939
今天给朋友讲解了下tween动画（也叫view动画）的使用，讲的较为详细，想想不如写个博客让朋友回了家也能看，所以产生了想写博客记录的冲动。今后如果还有问题，我也会一一把博客写下来，方便朋友们的阅读和学习。 废话少说，直接上干货： android中的动画 目前有三种动画，而我今天要讲的是其中的一种，也是我们编程时使用的最多的，就是tween动画，有人也叫view动画，这个动画呢
Android动画机制-View动画
longge33445的博客
07-27 257
View动画是通过对场景对象不断的做图像变换而产生的动画效果，作用对象时View，支持4种动画效果：平移、缩放、旋转、透明度。 一、View动画的种类 四种动画效果分别对应Animation的四个子类。效果可以通过XML实现，也可以通过代码动态实现，因为View动画效果比较固定，所以使用XML来实现可读性更好些。 名称 标签xml 子类 平移动画 translate TranslateAnimation 缩放动画 scale ScaleAnimatio...
view动画原理分析
AGGRESSIVE100的专栏
07-12 345
View动画使用 view动画有缩放、旋转、平移、透明度等，都是继承于Animation类。我们掌握了一个类型的原理其他原理基本一致。都是通过Transformation 和 Matrix 实现各种各样炫酷的动画。 ScaleAnimation scaleAnimation = new ScaleAnimation(0,1,0,1); scaleAnimation.setDuration(1000...
Android动画深入分析(View动画)
m0_61130325的博客
05-26 925
在MainActivity效果还不错新的动画继承Animation这个抽象类,然后重写initialize和方法initialize方法initialize方法是View的初始化方法，用于在View被添加到窗口或在View大小发生改变时初始化View的状态。在该方法中，您可以初始化一些变量、获取View的宽度和高度等，以便在后续的绘制过程中使用。applyTransformation方法。
Android动画深入分析-View动画
dev晴天的博客
06-09 284
一、安卓中的动画 1、分类 View动画 帧动画 属性动画 2、简单介绍 View动画 概念： view动画就是通过对场景里的对象不断做图像变换（平移、缩放、旋转、透明度） ，从而产生动画效果。 特点：渐进式动画，支持自定义。 帧动画 概念： 通过顺序播放一系列的图像从而产生动画效果。可以简单的理解为图片切换动画。 缺点：很显然图片过多过大就会导致oom ps：其实帧动画也是view动画...
Android三种动画的原理
scuzoutao的博客
08-18 369
Android的三种动画： 补间动画、View 动画 帧动画、Drawable 动画 属性动画 android动画可以分为View动画、帧动画、属性动画，其中View动画又可以分为平移(Translate)、缩放(Scale)、旋转 (Rotate)、透明度(Alpha)四种，帧动画可以认为是View动画的一种，实现原理类似于放电影，通过一帧一帧的图片进行播放来达到动画的效 果，正
SLB健康检查原理浅析
最新发布
07-25
它的原理是通过定期向后端服务器发送探测请求，并根据服务器的响应来判断服务器的健康状态。 具体来说，SLB会周期性地向后端服务器发送探测请求，常见的探测方式有Ping、TCP连接、HTTP GET等。当服务器收到探测请求...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值