Android(安卓)Animation 用法解析

Android Animation用法解析

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

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

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

一、TweenAnimation

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

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" ><alphaandroid:fromAlpha="0.1"android:toAlpha="1.0"android:duration="2000"/><!--渐变透明度动画效果alpha        浮点型值：            fromAlpha 属性为动画起始时透明度            toAlpha   属性为动画结束时透明度            说明:                0.0表示完全透明                1.0表示完全不透明            以上值取0.0-1.0之间的float数据类型的数字               长整型值：            duration  属性为动画持续时间            说明:                    时间以毫秒为单位--></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><!--渐变尺寸伸缩动画效果scale       属性：interpolator 指定一个动画的插入器       有三种动画插入器:           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 ，该动画转化在动画结束后被应用-->

2.3translate

<?xmlversion="1.0" encoding="utf-8"?><setxmlns:android="http://schemas.android.com/apk/res/android"><translateandroid:fromXDelta="0"android:toXDelta="-100"android:fromYDelta="30"android:toYDelta="100"android:duration="2000"/><!--画面转换位置移动动画效果translate        整型值:            fromXDelta 属性为动画起始时 X坐标上的位置               toXDelta   属性为动画结束时 X坐标上的位置            fromYDelta 属性为动画起始时 Y坐标上的位置            toYDelta   属性为动画结束时 Y坐标上的位置            注意:                     没有指定fromXType toXType fromYType toYType 时候，                     默认是以自己为相对参照物                    长整型值：            duration  属性为动画持续时间            说明:   时间以毫秒为单位--></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"/> <!--画面转移旋转动画效果rotate       属性：interpolator 指定一个动画的插入器             有三种动画插入器:               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>

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）

更多相关文章

随机推荐