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：startAnimation该方法为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();

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