Android动画详解-补间动画-基础篇

最近学Android有点枯燥乏味，总是学初级知识确实很没有意思。于是准备好好研究一下天天从网上抄的动画究竟是怎么实现的。

Android动画分为三类： （1）补间动画 （2）帧动画 （3）属性动画

本篇我们谈谈补间动画，网上百度动画一般都是补间动画，可应付简单的动画效果，不过得注意补间动画在用于view时只是在视觉上的效果，实际上view的位置、大小等属性并没有改变。比如：如果用补间动画移动了一个view当你点击视觉上的view时并不会触发监听，但是点击view原来的位置时会触发。

补间动画实现效果分为四类：

（1）透明度：alpha

（2）缩放：scale

（3）平移：translate

（4）旋转：rotate

以上四种效果都可以通过定义相关类进行参数设置或者在xml中定义属性进行使用，一般使用xml方式较多，主要是复用性比较强，还有就是代码看起来比较整洁。下面我们就来试试这两种方式

（1）透明度：alpha

Xml定义（tween_alpha.xml）：一般放在res下anim（自己建文件夹）

<?xml version="1.0" encoding="utf-8"?>
<!-- xml固定书写格式
-->
<set xmlns:android="http://schemas.android.com/apk/res/android"
android:interpolator="@android:anim/decelerate_interpolator" >

<!--
透明度动画设置
1.fromAlpha：动画开始时的透明度1.0代表完全显示
2.toAlpha：动画结束时的透明度0.0代表完全隐藏
3.duration：动画持续的时间
4.repeatCount：动画重复的次数
5.repeatMode：动画重复的样式
（1）reverse代表透明度由1.0->0.0->1.0->0.0....
（2）restart代表透明度由1.0->0.0,1.0->0.0.....
6.interpolator:动画变换的速率，系统内置了很多，有些也可以进行简单的自定义。功能比如先变换快再慢、先慢再快。
-->
<alpha
android:fromAlpha="1.0"
android:toAlpha="0.0"
android:duration="3000"
android:repeatCount="5"
android:repeatMode="reverse"
android:interpolator="@android:anim/accelerate_decelerate_interpolator"/>
</set>

Java代码中使用定义的xml：s
4000
tartAnimation该方法为View的方法。

Animation alpha_animation=AnimationUtils.loadAnimation(
TweenAnimationActivity.this,R.anim.tween_alpha);
imageView1.startAnimation(alpha_animation);
alpha_animation.start();

以上代码应该不用解释，都是Android内置的一些类方便我们操作动画。

（2）缩放：scale

Xml定义（tween_scale.xml）：一般放在res下anim（自己建文件夹）

<?xml version="1.0" encoding="utf-8"?>
<!-- xml固定书写格式
1.fillAfter设置动画结束后是否保持最后一刻的状态,注意fillAfter写在set里面才有效
-->
<set xmlns:android="http://schemas.android.com/apk/res/android"
android:fillAfter="true">

<!--
缩放动画效果
1.fromXScale：开始缩放(X轴)比例1.0代表不缩放，0.0代表缩放成点
2.fromYScale：开始缩放(Y轴)比例
3.pivotX：缩放的中心点
注：fromXScale，toXScale，fromYScale，toYScale使用时需要全部设置值，
否则默认为0则出现瞬间消失的效果，假如你不想让Y轴缩放只要如此设置
android:fromYScale="1.0"
android:toYScale="1.0"

-->
<scale
android:fromXScale="1.0"
android:toXScale="0.0"
android:fromYScale="1.0"
android:toYScale="0.0"
android:pivotX="0%"
android:pivotY="0%"
android:duration="3000"/>
</set>

Java代码中使用定义的xml

Animation scale_animation=AnimationUtils.loadAnimation(TweenAnimationActivity.this, R.anim.tween_scale);
imageView1.startAnimation(scale_animation);
scale_animation.start();

等等现在需要解释一下，有人可能看着这要问不是说要介绍xml和代码定义两种方式设置动画的吗？因为四种方式其实在使用中用法都是差不多的，所以为了减少重复的内容，前两种使用xml定义的方式，后两种使用代码设置参数的方式。

（3）平移：translate

代码设置动画参数：TranslateAnimation 对应的动画类，相应的上述两种也有对应的参数类，名字起的方式是一样的。

/**
* 平移动画设置TranslateAnimation(float fromXDelta, float toXDelta, float fromYDelta, float toYDelta)
* fromXDelta：x轴平移开始时的坐标
* toXDelta：    x轴平移结束时的坐标
*/
TranslateAnimation translate_Animation=new TranslateAnimation(0, width-image_x, 0, height-image_y);
//          translate_Animation.setFillAfter(true);//设置动画结束时保持最后一个动作
translate_Animation.setDuration(5000);
/**
* 设置动画变换时监听
* 1.onAnimationStart动画开始时执行
* 2.onAnimationRepeat动画重复执行时调用
* 3.onAnimationEnd动画结束时调用
*这里我并没有用到该方法 ，只是想介绍一下而已
*/
translate_Animation.setAnimationListener(new Animation.AnimationListener() {

@Override
public void onAnimationStart(Animation animation) {
}

@Override
public void onAnimationRepeat(Animation animation) {
}

@Override
public void onAnimationEnd(Animation animation) {
}
});
imageView1.startAnimation(translate_Animation);
translate_Animation.start();

（4）旋转：rotate

/**
* 旋转动画设置：
* RotateAnimation(float fromDegrees, float toDegrees, float pivotX, float pivotY)
* 构造方法很明显，和xml编辑时参数设置保持一致，不过设置时没有xml方便
* pivotX、pivotY旋转时的中心点
*/
RotateAnimation rotate_animation=new RotateAnimation(0, 360, 50, 50);
rotate_animation.setDuration(3000);
imageView1.startAnimation(rotate_animation);
rotate_animation.start();

好了，关于补间动画基础已经介绍完毕了，第一篇博客，内容偏简单，如果内容出现错误，希望告诉我。后序会继续更新，使用补间动画完成一些有趣的动画