Android：帧动画和补间动画看这篇就足够了！

最新推荐文章于 2024-09-02 18:19:21 发布

2401_84407887

最新推荐文章于 2024-09-02 18:19:21 发布

阅读量925

点赞数 7

分类专栏：程序员文章标签： android

本文链接：https://blog.csdn.net/2401_84407887/article/details/138399222

版权

程序员专栏收录该内容

306 篇文章 0 订阅

订阅专栏

在此补充下，bear_anim 同样可以设置给 src 属性，然后调用 getDrawble().start() 来播放动画，不过不推荐，具体原因自行查找下 src 和 background 属性的区别。
自然我们也可以用纯代码的方式实现，不过在此真的不推荐，显然 xml 的方式更省力，并且维护起来更方便。

补间动画

tween 动画也叫作补间动画，它可以在一定的时间内使 View 完成四种基本的动画，即平移、缩放、透明度、旋转，也可以将它们组合到一起播放出来。这里先提一下未来会研究的 属性动画，值得注意的是，无论是帧动画还是补间动画，都是把动画效果作用到 View 上，如果一个不是 View 的元素想实现动画，那这两种就无能为力了，只能请 属性动画 帮忙了。

并且补间动画仅仅是给 View 增加了动画的“假象”，比如一个按钮从左侧跑到了右侧，你在右侧是无法点击它的，但是这不代表补间动画就没有用武之地了，当你需要的动画效果无外乎上面那四种动画，并且仅仅是展示的时候，补间动画就再合适不过了。

同样，补间动画的实现依然可以有两种方式，xml 定义或者是纯代码的方式，这里依然是建议使用 xml 的方式。

#####AlphaAnimation 透明度

在 res 文件夹下新建文件夹 anim ，新建文件 alpha_anim：

alpha 是透明度动画，分别介绍一下属性，共用属性下文不再重复介绍。

duration表示这一次动画持续的时间
fillAfter表示动画结束时，是否保持最后一帧的样子
fillBefore表示动画结束时，是否保持第一帧的样子
repeatCount表示动画循环的次数，默认为 0 次不循环，-1 为无限循环。
repeatMode表示是循环的模式，reverse 是从一次动画结束开始，restart 是从动画的开始处循环
interpolator是一个插值器资源，它可以控制动画的播放速度
shareInterpolator表示是否与 set 中其他动画共享插值器，false为各自使用各自的插值器

上面共有的属性讲完了，下面来说 AlphaAnimation 特有的属性
fromAlpha表示动画开始时的透明度
toAlpha 表示动画结束时候的透明度
取值为[0.0,1.0]，0代表完全透明，1代表不透明。

代码中借助 AnimationUtils 类来加载调用

Animation alpha = AnimationUtils.loadAnimation(this, R.anim.alpha_anim);
ivFrame.startAnimation(alpha);

以下的三种动画调用同理。

#####RotateAnimation 旋转动画

新建 xml 文件，rotate_anim

fromDegrees 起始角度单位度浮点值
toDegrees 结尾角度单位度浮点值
pivotX旋转中心点的 X 坐标，这个数值有三种表达方式
pivotY旋转中心丶的 Y 坐标，这个数值也有三种表达方式

纯数字例如 20 ，代表相对于自身左边缘或顶边缘 + 20 像素
num% 代表相对于自身左边缘或顶边缘 + 自身宽的百分之 num
num%p 代表相对于自身左边缘或顶边缘 + 父容器的百分之 num

#####ScaleAnimation 缩放动画

fromXScale
fromYScale
代表缩放时，X/Y 坐标起始大小，浮点值，0.5代表自身的一半，2.0代表自身的两倍大小。
toXScale
toYScale
代表缩放时，X/Y 缩放结束时候大小。
pivotX
pivotY
缩放的中心坐标，单位与上面 RotateAnimation 介绍的同理

#####TranslateAnimation 平移动画

新建 xml 文件 translate_anim

fromXDelta
fromYDelta
起始时，X/Y 方向的位置
toXDelta
toYDelta
终止时，X/Y 方向的位置

这四个属性都支持同样的单位，依然是三种表达方式，浮点数、num% 和 num%p

浮点数位置为 View 的左边距/上边距 + 此数值正数为右，负数为左
num% 位置为 View 的左边距/上边距 + View宽的百分之num 正数为右，负数为左
num%p 位置为 View 的左边距/上边距 + 父容器的百分之num 正数为右，负数为左

如果想将几个动画组合起来使用，可以选择跟布局节点为 set

代码中组合动画的实现方式：

Animation alpha = AnimationUtils.loadAnimation(this, R.anim.alpha_anim);
Animation translate = AnimationUtils.loadAnimation(this, R.anim.translate_anim);
AnimationSet set = new AnimationSet(false);
set.addAnimation(alpha);
set.addAnimation(translate);
ivFrame.startAnimation(set);

到这里四种补间动画终于算是介绍完成了，下面在带来一点技巧

alpha.setAnimationListener(new Animation.AnimationListener() {
@Override
public void onAnimationStart(Animation animation) {

}

@Override
public void onAnimationEnd(Animation animation) {

}

@Override
public void onAnimationRepeat(Animation animation) {

}
});

给动画设置一个侦听，在一些回调中做你的操作。

经过朋友的提醒，事实上 onAnimationEnd 并不可靠，有时候动画结束时候并不会调用，详情请看 SO 上的一个提问：

http://stackoverflow.com/questions/5474923/onanimationend-is-not-getting-called-onanimationstart-works-fine

停止一个补间动画的正确姿势：

public void stopAnimation(View v) {
v.clearAnimation();
if (canCancelAnimation()) {
v.animate().cancel();
}
animation.setAnimationListener(null);
v.setAnimation(null);
}

/**

Returns true if the API level supports canceling existing animations via the
ViewPropertyAnimator, and false if it does not
@return true if the API level supports canceling existing animations via the
ViewPropertyAnimator, and false if it does not
*/
public static boolean canCancelAnimation() {
return Build.VERSION.SDK_INT >= Build.VERSION_CODES.ICE_CREAM_SANDWICH;
}

问题详情看这里：

http://stackoverflow.com/questions/4112599/how-to-stop-an-animation-cancel-does-not-work

啊哈，终于完成本文了，希望大家遇到动画的需求不要怂，拿起键盘开写就对了，未来会给大家带来属性动画的教程。