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)、将 power_magiccube 这个星星放到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。

 
原文地址:https://www.cnblogs.com/beceo/p/2531998.html