Android 三种动画的使用 – Tween Animation

Android的动画种类，常用到的有3种:Tween Animation，Frame Animation， SurfaceView

其中，Tween Animation不适合游戏开发，只适合简单的页面动画，比如页面翻页；Frame Animation可用在游戏和一般的动画上；SurfaceView适合用在游戏上，部分游戏引擎就是基于SurfaceView的。

1：Tween Animation	适合简单的页面动画
2：Frame Animation	用在游戏（简单动画）和一般的动画上
3：SurfaceView	适合用在游戏上，部分游戏引擎就是基于SurfaceView的

一：Tween Animation（补间动画）四种类型的解释

Android中实现补间动画可通过XML或者直接Java代码实现，这种动画比较简单，Android SDK自带的例子里就有4种的用法举例。

（1）XML中

alpha	渐变透明度动画效果
scale	渐变尺寸伸缩动画效果
translate	画面转换位置移动动画效果
rotate	画面转移旋转动画效果

（2）Java代码中

AlphaAnimation	渐变透明度动画效果
ScaleAnimation	渐变尺寸伸缩动画效果
TranslateAnimation	画面转换位置移动动画效果
RotateAnimation	画面转移旋转动画效果

下面以XML的格式讲解每种的各自用法，Java代码格式的则对应这4种。

1.Alpha

Full Screen

 

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >
<alpha
android:fromAlpha="0.1"
android:toAlpha="1.0"
android:duration="3000"
/>
<!-- 透明度控制动画效果 alpha
        浮点型值：
            fromAlpha 属性为动画起始时透明度
            toAlpha   属性为动画结束时透明度
            说明:
                0.0表示完全透明
                1.0表示完全不透明
            以上值取0.0-1.0之间的float数据类型的数字

        长整型值：
            duration  属性为动画持续时间
            说明:
                时间以毫秒为单位
-->
</set>

2.Scale

Full Screen

 

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
   <scale
          android:interpolator=
                     "@android:anim/accelerate_decelerate_interpolator"
          android:fromXScale="0.0"
          android:toXScale="1.4"
          android:fromYScale="0.0"
          android:toYScale="1.4"
          android:pivotX="50%"
          android:pivotY="50%"
          android:fillAfter="false"
          android:duration="700" />
</set>
<!-- 尺寸伸缩动画效果 scale
       属性：interpolator 指定一个动画的插入器
        在我试验过程中，使用android.res.anim中的资源时候发现
        有三种动画插入器:
            accelerate_decelerate_interpolator  加速-减速 动画插入器
            accelerate_interpolator        加速-动画插入器
            decelerate_interpolator        减速- 动画插入器
        其他的属于特定的动画效果
      浮点型值：

            fromXScale 属性为动画起始时 X坐标上的伸缩尺寸
            toXScale   属性为动画结束时 X坐标上的伸缩尺寸    

            fromYScale 属性为动画起始时Y坐标上的伸缩尺寸
            toYScale   属性为动画结束时Y坐标上的伸缩尺寸   

            说明:
                 以上四种属性值   

                    0.0表示收缩到没有
                    1.0表示正常无伸缩
                    值小于1.0表示收缩
                    值大于1.0表示放大

            pivotX     属性为动画相对于物件的X坐标的开始位置
            pivotY     属性为动画相对于物件的Y坐标的开始位置

            说明:
                    以上两个属性值 从0%-100%中取值
                    50%为物件的X或Y方向坐标上的中点位置

        长整型值：
            duration  属性为动画持续时间
            说明:   时间以毫秒为单位

        布尔型值:
            fillAfter 属性 当设置为true ，该动画转化在动画结束后被应用
-->

3.Translate

Full Screen

 

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
<translate
android:fromXDelta="30"
android:toXDelta="-80"
android:fromYDelta="30"
android:toYDelta="300"
android:duration="2000"
/>
<!-- translate 位置转移动画效果
        整型值:
            fromXDelta 属性为动画起始时 X坐标上的位置
            toXDelta   属性为动画结束时 X坐标上的位置
            fromYDelta 属性为动画起始时 Y坐标上的位置
            toYDelta   属性为动画结束时 Y坐标上的位置
            注意:
                     没有指定fromXType toXType fromYType toYType 时候，
                     默认是以自己为相对参照物
        长整型值：
            duration  属性为动画持续时间
            说明:   时间以毫秒为单位
-->
</set>

4.Rotate

 

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
<rotate
        android:interpolator="@android:anim/accelerate_decelerate_interpolator"
        android:fromDegrees="0"
        android:toDegrees="+350"
        android:pivotX="50%"
        android:pivotY="50%"
        android:duration="3000" />
<!-- rotate 旋转动画效果
       属性：interpolator 指定一个动画的插入器
             在我试验过程中，使用android.res.anim中的资源时候发现
             有三种动画插入器:
                accelerate_decelerate_interpolator   加速-减速 动画插入器
                accelerate_interpolator               加速-动画插入器
                decelerate_interpolator               减速- 动画插入器
             其他的属于特定的动画效果

       浮点数型值:
            fromDegrees 属性为动画起始时物件的角度
            toDegrees   属性为动画结束时物件旋转的角度 可以大于360度  

            说明:
                     当角度为负数——表示逆时针旋转
                     当角度为正数——表示顺时针旋转
                     (负数from——to正数:顺时针旋转)
                     (负数from——to负数:逆时针旋转)
                     (正数from——to正数:顺时针旋转)
                     (正数from——to负数:逆时针旋转)      

            pivotX     属性为动画相对于物件的X坐标的开始位置
            pivotY     属性为动画相对于物件的Y坐标的开始位置

            说明:        以上两个属性值 从0%-100%中取值
                         50%为物件的X或Y方向坐标上的中点位置

        长整型值：
            duration  属性为动画持续时间
            说明:       时间以毫秒为单位
-->
</set>

二：Tween Animation（补间动画）用法举例

可参考Android SDK自带的例子，其中在res/anim文件夹下定义了zoom_enter.xml和zoom_exit.xml两个动画定义文件，用到了Scale和Alpha这两种动画形式。

这里以Alpha的用法举例，分别以XML格式和Java代码两种方式来实现。

1：XML格式实现

1）、在res目录下创建一个anim文件夹，并新增一个名为alpha的xml文件。

 

<?xml version="1.0" encoding="UTF-8"?>
<set
	xmlns:android="http://schemas.android.com/apk/res/android">
	<alpha
		android:fromAlpha="0.1"
		android:toAlpha="1.0"
		android:duration="5000" />
</set>

2）、将  这个星星放到drawable文件下，我们将用alpha来实现闪烁。

3）、现在调用前面命名为alpha的xml格式动画

 

    private void startAnimationFromXML() {
        // 加载动画
        Animation animation = AnimationUtils.loadAnimation(this, R.anim.alpha);
        animation.setRepeatCount(Animation.INFINITE);//无限循环
        // 动画开始
        ImageView starImg = (ImageView)findViewById(R.id.imageView1);
        starImg.startAnimation(animation);
    }

如果这样，其实是不会出现闪烁的，原因是setRepeatCount在java代码里设置不起作用，必须在xml中，不知道为什么会这样？

现在xml修改为：

 

<?xml version="1.0" encoding="UTF-8"?>
<set
	xmlns:android="http://schemas.android.com/apk/res/android">
	<alpha
		android:fromAlpha="0.1"
		android:toAlpha="1.0"
		android:duration="1000"
		android:repeatCount="infinite"
		android:repeatMode="restart" />
</set>

就可以了。

使用AnimationUtils类，可以非常方便的构造动画类；现在你就可以看到这颗星星不停的在夜空中闪烁了。

 

2：Java代码直接实现

XML来定义动画有其方便之处，不过，有些时候，我们也喜欢用Java code的方式来实现。

 

    private void startAnitionFromJavaCode(){
    	AlphaAnimation animation=new AlphaAnimation(0.1f, 1.0f);
    	//说明:
    	// 0.0表示完全透明
    	// 1.0表示完全不透明
    	// 设置动画持续时间
    	animation.setDuration(1000);
    	animation.setRepeatCount(Animation.INFINITE);
    	animation.setRepeatMode(Animation.RESTART);
	    ImageView starImg = (ImageView)findViewById(R.id.imageView1);
        starImg.startAnimation(animation);
    }

本节关键词：Animation、AnimationUtils、startAnimation。