Android补间动画

android中补间动画分为透明动画，旋转动画，缩放动画和位移移动，动画可以作用在所有的view上，动画可以单独使用，也可以多个动画一起使用。

重要写在前面

android动画中所有涉及到坐标的地方，坐标原点都是view的左上角。

补间动画只能在视觉上改变view的状态，但是view实际上还是以原来的大小在原来的位置上。例如把一个view从左上角移动到了右下角，那个这个view其实还在左上角，只是在视觉上移动到了右下角，如果view上有点击事件，那么只有点左上角那个位置才能触发点击事件，点右下角不会有任何反应。

一 用代码的方式写补间动画

所有动画的公共属性

这里列出所有动画都有的方法，包括四种动画以及AnimationSet，这些动画的合集

//设置动画的持续时间
alphaAnimation.setDuration(2000);
 //设置动画播放完毕后是否保持在动画播放完毕的状态
alphaAnimation.setFillAfter(true);
/*
设置动画的重复次数，这里的重复次数指的是动画第一次播放完毕后还会重复播放几次，这里设置为3，就是动画一共播放四次，开始执行一次动画，然后再重复执行三次。
 */
alphaAnimation.setRepeatCount(3);
/*
设置动画重复的模式
有Animation.RESTART：在动画多次播放时每一次都和第一次一样，重复执行
 Animation.REVERSE:每一次执行动画是，和上一次执行相反的操作
例如动画是把view放大到原来的两倍，动画一共执行4次
如果是Animation.RESTART，就会每次都从view本身的大小变到2倍的大小，这一过程一共执行4次
如果是Animation.REVERSE，则第一回从本身大小到2倍，第二回从2倍到本身大小，第三回从2倍到view本身第四回再从view本身到2倍
*/
 alphaAnimation.setRepeatMode(Animation.REVERSE);

用透明动画举例

单独使用动画

1 AlphaAnimation
AlphaAnimation是透明动画，可以改变view的透明度
1.1 创建动画

//创建动画，并设置起止透明度，传入的数据是浮点型，需要加f
//参数范围从0到1，0表示完全透明，1表示完全不透明
//第一个参数为开始的时候的透明度，第二个参数为结束的时候的透明度
AlphaAnimation alphaAnimation=new AlphaAnimation(1.0f,0);
alphaAnimation.setDuration(2000);
alphaAnimation.setRepeatCount(3);
alphaAnimation.setRepeatMode(Animation.REVERSE);

1.2 执行动画
首先找到需要执行动画的view，然后调用startAnimation方法，并传入需要执行的动画

imageView.startAnimation(alphaAnimation);

2 ScaleAnimation
缩放动画，控制view的缩放
2.1 创建动画

 /*传入8个参数
前4个参数分别为：
开始长度的缩放比例，终止长度的缩放比例，其实宽度的缩放比例，终止宽度的缩放比例
这四个参数都是浮点型的，代表和原view相比放大或者缩小的比例，1.0代表不变，2.0代表放大到原来的2被，0.5则代表缩小到原来的0.5倍
后四个参数设置缩放的中心点。分别为：
x轴的模式，x轴中心点的位置，y轴的模式，y轴中心点的位置
模式有三种
Animation.RELATIVE_TO_SELF：相对于自己
Animation.RELATIVE_TO_PARENT:相对于父元素
Animation.ABSOLUTE：绝对距离
如果是前两种模式，后面传入的参数代表时父元素或者自己的几倍
例如下面这种写法，代表相对于自己，大小是自己长宽的0.5倍，那么中心点x轴坐标就在空间长度一半的位置
y轴坐标也在控件一半的位置，（android动画中坐标原点都在执行该动画的view的左上角），那个中心点就是该元素的中心。
相对于父元素的也是如此，这两种x，y的坐标是相对的view乘以相应的比例得到的
如果是第三种模式，那个传入的参数谁也不相对，传入的参数是多少，坐标就是多少，坐标原点永远是view的左上角
*/
ScaleAnimation scaleAnimation=new ScaleAnimation(1.0f,2.0f,1.0f,2.0f,Animation.RELATIVE_TO_SELF,0.5f,Animation.RELATIVE_TO_SELF,0.5f);

可以再设置一些其他需要的参数
2.2 执行动画
执行动画都是一样的操作
3 RotateAnimation
旋转动画，控制view的旋转操作
3.1 创建动画

/*
传入6个参数，前2个参数是开始时旋转的角度，和结束时旋转的角度
正数代表顺时针，负数代表逆时针
后四个参数为设置旋转的中心点，和ScaleAnimation设置中心点一致
*/
RotateAnimation rotateAnimation=new RotateAnimation(0,360,Animation.RELATIVE_TO_SELF,0.5f,Animation.RELATIVE_TO_SELF,0.5f);

可以设置一些其他的参数
3.2 执行动画
执行动画都是一样的
4 TranslateAnimation
位移动画，控制view的移动
4.1 创建动画

/*
传入8个参数
一共四组，分别为
起始时view的左上角x轴坐标
结束时view的左上角x坐标
起始时view的左上角y坐标
结束时view的左上角y坐标
view左上角坐标默认为（0，0）
每一组是一个模式加一个值组成的，模式和值进行计算得出实际的坐标值
有关模式的可以看ScaleAnimation中的讲解
 */
TranslateAnimation translateAnimation=new TranslateAnimation(Animation.RELATIVE_TO_SELF,0,Animation.RELATIVE_TO_SELF,0,Animation.RELATIVE_TO_SELF,0,Animation.RELATIVE_TO_SELF,0.5f);

可以设置一些其他的参数
4.2 执行动画

动画合集

5 AnimationSet
动画的合集，使用它可以控制前面列出的四种动画中的一种或者多种一起执行
5.1 创建AnimationSet

//传入一个boolean类型的参数，这个参数控制的是动画执行时是匀速执行还是不匀速执行
//这个参数不好用，直接都传入true，让他匀速执行就可以
 AnimationSet animationSet=new AnimationSet(true);

5.2 将动画加入到AnimationSet中

animationSet.addAnimation(translateAnimation);
animationSet.addAnimation(scaleAnimation);
animationSet.addAnimation(alphaAnimation);
animationSet.addAnimation(rotateAnimation);

5.3 可以设置一些参数，如果在set中设置参数，就会对set中所有的动画起作用，每个动画自己设置的参数只对自己起作用

animationSet.setDuration(2000);

5.4 执行动画

imageView.startAnimation(animationSet);

二 用xml的方式定义补间动画

用代码定义的动画都可以用xml的方式实现
首先在res目录下建立一个anim目录
再在anim目录下建立一个动画文件，在此动画文件中开始写xml

同样先说所有动画的公共属性

不用多说，和上面完全一致，需要说一点，有时这些属性没有代码提示，直接手打出来就行。

android:duration="2000"
android:repeatMode="restart"
android:repeatCount="3"
android:fillAfter="true"

1 透明动画
1.1 在xml文件中写动画

<!--需要说明的有两个参数
 fromAlpha，toAlpha,分别代表开始的透明度和结束的透明度，大小从0到1
在xml中浮点型不用加f
-->
<alpha
android:fromAlpha="1"
android:toAlpha="0"
android:duration="2000"
android:repeatMode="restart"
android:repeatCount="3"
android:fillAfter="true"/>

1.2 执行动画

//用AnimationUtils工具类把动画加载进行，传入两个参数，一个上下文，一个动画资源的id
AlphaAnimation animation=AnimationUtils.loadAnimation(this,R.anim.animation);
//执行动画
imageView.startAnimation(animationSet);

2 缩放动画
2.1 创建动画

 <!--
    fromXScale:开始时长度的大小，参数代表这个长度和view自身长度的比例，即这个长度是view自身长度的几倍
    toXScale：结束是长度的大小
    fromYScale：开始时宽度的大小
    toYScale：结束是宽度的大小
    pivotX：旋转中心点横坐标，可以传入三种类型的参数，
    50%,代表横坐标view自身的长度的50%
    50%p,代表横坐标是父元素控件的50%
    50,代表横坐标就是50。
    坐标原点是view的左上角坐标
    pivotY：旋转中心点纵坐标
    同pivotX
    -->
    <scale
        android:fromXScale="1"
        android:toXScale="2"
        android:fromYScale="1"
        android:toYScale="2"
        android:pivotX="50%"
        android:pivotY="50%"/>

2.2 执行动画
加载动画，执行动画
3 旋转动画
3.1 创建动画

 <!--
    fromDegrees:开始角度
    toDegrees：结束角度
    pivotX，pivotY：设置旋转中心点，和scale中的一样
    -->
    <rotate
        android:fromDegrees="0"
        android:toDegrees="360"
        android:pivotX="50%"
        android:pivotY="50%"/>

3.2 执行动画
加载动画，并执行动画
4 位移动画
4.1 创建动画

 <!--
    fromXDelta:动画开始时view左上角x坐标的位置
    toXDelta：动画结束时view左上角x坐标的位置
    fromYDelta：动画开始时view左上角坐标的位置
    toYDelta：动画结束时view左上角y坐标的位置
    这四个参数都可以传入
    50%,代表横坐标view自身的长度的50%
    50%p,代表横坐标是父元素控件的50%
    50,代表横坐标就是50。
    坐标原点是原始view的左上角坐标
    -->
    <translate
        android:fromXDelta="0"
        android:toXDelta="0"
        android:fromYDelta="0"
        android:toYDelta="50%"/>

4.2 执行动画
加载动画，执行动画

动画合集

5 set 动画的合集
此时根元素是set元素，set元素中可以写入多个动画
set可以设置属性，set中的属性所有动画共享，动画内部的属性只有该动画自己可以使用
5.1 创建动画

<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="2000">
    <alpha
        android:fromAlpha="1"
        android:toAlpha="0"
        android:duration="2000"
        android:repeatMode="restart"
        android:repeatCount="3"
        android:fillAfter="true"/>
    <translate
        android:fromXDelta="0"
        android:toXDelta="0"
        android:fromYDelta="0"
        android:toYDelta="50%"/>
    <scale
        android:fromXScale="1"
        android:toXScale="2"
        android:fromYScale="1"
        android:toYScale="2"
        android:pivotX="50%"
        android:pivotY="50%"/>
    <rotate
        android:fromDegrees="0"
        android:toDegrees="360"
        android:pivotX="50%"
        android:pivotY="50%"/>
</set>

5.2 执行动画

 AnimationSet set= (AnimationSet) AnimationUtils.loadAnimation(this,R.anim.animation);
imageView.startAnimation(set);