【Android 动画】动画详解之补间动画（一）

Posted 2023-03-01

参考技术A

之前很早就想写写Android 的动画，最近刚好有时间，大概聊一聊安卓动画。

个人习惯将动画分为：补间动画（透明度、旋转、位移、缩放）、帧动画、和属性动画，这一篇，我们先说说补间动画。
补间动画这个词出于flash，在两个关键帧（ 可以理解成动画开始和结束 ）中间需要做“补间动画”，才能实现图画的运动；插入补间动画后两个关键帧之间的插补帧是由计算机自动运算而得到的。
实际上，Android 的补间动画也是由我们指定动画开始、动画结束2个关键点，中间部分的动画由系统完成

在正式开始之前，我们先说下Android 系统的坐标系，屏幕左上角为坐标原点，假如屏幕为1080*1980，那么左上角为（0,0），右上角为（1080,0），左下角为（0,1980），右下角为（1080,1980）

所有动画有以下公共属性，注释比较详细，这里就不在详述了

ScaleAnimation有3种构造方法

我们先看第一种，其起始比例为0，缩放比例为1.4，即放大到1.4倍

效果如下：

第二种，pivotx,pivotY分别代表起始位置的x、y方向的坐标，我们设置为（100,100）

效果如下：

第三种，pivotXType和pivotYType有2种模式，RELATIVE_TO_SELF（相对于自身）和RELATIVE_TO_PARENT（相对于父布局），如果设置这个，pivotx,pivotY的值就应该是0-1的浮点数，这里分别对应xml中的%（自身）和%p（父布局）

TranslateAnimation有2种构造方法，和ScaleAnimation类似

效果如下：

效果如下：

RELATIVE_TO_PARENT

效果如下：

RotateAnimation有3种构造方法

顺时针720度

效果如下：

逆时针720度

效果如下：

效果如下：

再来RELATIVE_TO_PARENT

效果如下：

这是什么鬼？？？怎么跑到屏幕外面去了？
原来设置为RELATIVE_TO_PARENT时，旋转中心x方向应该为该空间离左边的边距+父布局宽度/2，y方向同理，而此时，我们布局中红色的Textview为居中状态，所以旋转中心为屏幕右下角。让我们来看个例子
修改布局如下：

效果如下：

这时，我们看到旋转中心x方向为离左边100dp处

AlphaAnimation只有1种构造方法

其中fromAlpha为动画开始的透明度；toAlpha为动画结束的透明度

效果如下：

效果如下：

AnimationSet是一个动画的集合，可以按照添加的顺序播放动画，让我们来看个例子，通过组合动画，实现旋转渐入动画

效果如下：

到这里，补间动画就介绍完了

参考资料： 自定义控件三部曲之动画篇