Android Animation 用法解析

╰+哭是因爲堅強的太久メ 2022-08-24 08:54 204阅读 0赞

Android Animation用法解析

Android 通过Animation类可以实现动画效果.Animation包括两种效果模式:

1. Tween Animation：渐变动画，通过对操作的对象进行相关的做图像变换(平移、缩放、旋转)产生动画效果；

2. Frame Animation：帧动画，通过顺序播放已准备好的图像而产生的动画效果。

一、       TweenAnimation

<table> 
 <tbody> 
 <tr> 
 <td> XML </td> 
 <td> 效果 </td> 
 <td> Java </td> 
 </tr> 
 <tr> 
 <td> alpha </td> 
 <td> 渐变透明度动画效果 </td> 
 <td> AlphaAnimation </td> 
 </tr> 
 <tr> 
 <td> scale </td> 
 <td> 渐变尺寸伸缩动画效果 </td> 
 <td> ScaleAnimation </td> 
 </tr> 
 <tr> 
 <td> translate </td> 
 <td> 画面转换位置移动动画效果 </td> 
 <td> TranslateAnimation </td> 
 </tr> 
 <tr> 
 <td> rotate </td> 
 <td> 画面转移旋转动画效果 </td> 
 <td> RotateAnimation </td> 
 </tr> 
 </tbody> 
</table>

1.  新建Animation动画效果

在项目工程中,一般在res目录下新建一个anim目录，该目录放置Animation相关的xml文件。

如：my\_animation.xml

<?xml version="1.0"encoding="utf-8"?>
 <setxmlns:android="http://schemas.android.com/apk/res/android">
 <alpha/>
 <scale/>
 <translate/>
 <rotate/>
 </set>

Java中调用定义的xml

public static Animation loadAnimation(Context context, int id)
    //第一个参数Context为程序的上下文   
    //第二个参数id为动画XML文件的引用
    //例子：
    myAnimation= AnimationUtils.loadAnimation(this,R.anim.my_animation);
    //使用AnimationUtils类的静态方法loadAnimation()来加载XML中的动画XML文件

2.XML实例讲解各个动画效果

2.1. alpha

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

2.2. scale

<?xmlversion="1.0" encoding="utf-8"?>
 <setxmlns: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="1000"/>
 </set>

2.3translate

<?xmlversion="1.0" encoding="utf-8"?>
 <setxmlns:android="http://schemas.android.com/apk/res/android">
 <translate
 android:fromXDelta="0"
 android:toXDelta="-100"
 android:fromYDelta="30"
 android:toYDelta="100"
 android:duration="2000"
 />
 
 </set>

2.4. rotate

<?xmlversion="1.0" encoding="utf-8"?>
 <setxmlns: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"/> 
 
 </set>

3.     Java代码实现动画效果

//在代码中定义动画实例对象
    private Animation myAnimation_Alpha;
    private Animation myAnimation_Scale;
    private Animation myAnimation_Translate;
    private Animation myAnimation_Rotate;
       
        //根据各自的构造方法来初始化一个实例对象
     
    /*
    *参数1：fromAlpha为动画开始时候透明度
    *参数2：toAlpha为动画结束时候透明度
    */
    myAnimation_Alpha=new AlphaAnimation(0.1f, 1.0f);
     
    /*
    *参数1：fromX为动画起始时 X坐标上的伸缩尺寸
    *参数2：toX为动画结束时 X坐标上的伸缩尺寸
    *参数3：fromY为动画起始时Y坐标上的伸缩尺寸
    *参数4：toY为动画结束时Y坐标上的伸缩尺寸
    *参数5：pivotXType为动画在X轴相对于物件位置类型
    *参数6：pivotXValue为动画相对于物件的X坐标的开始位置
    *参数7：pivotXType为动画在Y轴相对于物件位置类型
    *参数8：pivotYValue为动画相对于物件的Y坐标的开始位置
    */
    myAnimation_Scale =new ScaleAnimation(0.0f, 1.4f, 0.0f, 1.4f,
       Animation.RELATIVE_TO_SELF,0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
    /*
    *参数1：fromXDelta为动画起始时 X坐标上的移动位置
    *参数2：toXDelta为动画结束时 X坐标上的移动位置 
    *参数3：fromYDelta为动画起始时Y坐标上的移动位置
    *参数4：toYDelta为动画结束时Y坐标上的移动位置
    */
    myAnimation_Translate=new TranslateAnimation(30.0f, -80.0f, 30.0f,300.0f);
     
    /*
    *参数1：fromDegrees为动画起始时的旋转角度   
    *参数2：toDegrees为动画旋转到的角度  
    *参数3：pivotXType为动画在X轴相对于物件位置类型 
    *参数4：pivotXValue为动画相对于物件的X坐标的开始位置
    *参数5：pivotXType为动画在Y轴相对于物件位置类型  
    *参数6：pivotYValue为动画相对于物件的Y坐标的开始位置
    */
    myAnimation_Rotate=new RotateAnimation(0.0f, +350.0f,
            Animation.RELATIVE_TO_SELF,0.5f,Animation.RELATIVE_TO_SELF, 0.5f);

4.常用的Animation实例

4.1.push\_left\_in.xml —— 左进渐变效果

<?xml version="1.0" encoding="utf-8"?> 
 <set xmlns:android="http://schemas.android.com/apk/res/android" > 
 <translate 
 android:duration="1500" 
 android:fromXDelta="100%p" 
 android:toXDelta="0" /> 
 
 <alpha 
 android:duration="1500" 
 android:fromAlpha="0.1" 
 android:toAlpha="1.0" /> 
 </set>

4.2.push\_left\_out.xml  —— 右出渐变效果

<?xml version="1.0" encoding="utf-8"?> 
 <set xmlns:android="http://schemas.android.com/apk/res/android" > 
 <translate 
 android:duration="1500" 
 android:fromXDelta="0" 
 android:toXDelta="-100%p" /> 
 
 <alpha 
 android:duration="1500" 
 android:fromAlpha="1.0" 
 android:toAlpha="0.1" /> 
 </set>

4.3.push\_right\_in.xml  —— 右进渐变效果

<?xml version="1.0" encoding="utf-8"?> 
 <set xmlns:android="http://schemas.android.com/apk/res/android" > 
 <translate 
 android:duration="1500" 
 android:fromXDelta="-100%p" 
 android:toXDelta="0" /> 
 
 <alpha 
 android:duration="1500" 
 android:fromAlpha="0.1" 
 android:toAlpha="1.0" /> 
 </set>

4.4.push\_right\_out.xml  —— 右出渐变效果

<?xml version="1.0" encoding="utf-8"?> 
 <set xmlns:android="http://schemas.android.com/apk/res/android" > 
 <translate 
 android:duration="1500" 
 android:fromXDelta="0" 
 android:toXDelta="100%p" /> 
 
 <alpha 
 android:duration="1500" 
 android:fromAlpha="1.0" 
 android:toAlpha="0.1" /> 
 </set>

其中，android:duration表示渐变持续时间；translate表示位移变换；alpha表示透明度变换

translate

android:fromXDelta="-100%p"   android:toXDelta="0" 表示图片从左进入，从不可见到可见

android:fromXDelta="0" android:toXDelta="100%p"    表示图片从右滑出，从可见到不可见

alpha

android:fromAlpha="1.0"  android:toAlpha="0.1" 表示图片从不透明（1.0）到透明（0.1）

android:fromAlpha="0.1"  android:toAlpha="1.0" 表示图片从透明（0.1）到不透明（1.0）