动画类型
Android的
XML
alpha | 渐变透明度动画效果 |
scale | 渐变尺寸伸缩动画效果 |
translate | 画面转换位置移动动画效果 |
rotate | 画面转移旋转动画效果 |
Java
AlphaAnimation | 渐变透明度动画效果 |
ScaleAnimation | 渐变尺寸伸缩动画效果 |
TranslateAnimation | 画面转换位置移动动画效果 |
RotateAnimation | 画面转移旋转动画效果 |
Android动画模式
Animation主要有两种动画模式:
一种是tweenedanimation(
XML中 | JavaCode |
alpha | AlphaAnimation |
scale | ScaleAnimation |
一种是frame byframe(
XML中 | JavaCode |
translate | TranslateAnimation |
rotate | RotateAnimation |
如何在XML
①
②
③
④
- <?xml version="1.0"encoding="utf-8"?>
- <set xmlns:android
="http://schemas.android.com/apk/res/android"> -
<alpha/> -
<scale/> -
<translate/> -
<rotate/> - </set>
Android动画解析
<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="3000"
- />
- <!-- 透明度控制动画效果 alpha
-
浮点型值: -
fromAlpha属性为动画起始时透明度 -
toAlpha 属性为动画结束时透明度 -
说明: -
0.0表示完全透明 -
1.0表示完全不透明 -
以上值取0.0-1.0之间的float数据 类型的数字 -
-
长整型值: -
duration 属性为动画持续时间 -
说明: -
时间以毫秒为单位 - -->
- </set>
<scale>
- <?xml version="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="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,该动画转化在动画结束后被应用 - -->
<translate>
- <?xml version="1.0"encoding="utf-8"?>
- <setxmlns: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>
<rotate>
- <?xml version="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 指定一个动画的插入器 -
在我试验过程中,使用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>
如何使用XML
- public static AnimationloadAnimation (Context context, int id)
- //第一个参数Context为程序
的上下文 - //第二个参数id为动画XML文件的引用
- //例子
: - myAnimation=AnimationUtils.loadAnimation(this,R.anim.my_action);
- //使用AnimationUtils类的静态方法loadAnimation()来加载
XML中的动画XML文件
如何在Java
- //在代码中定义 动画实例
对象 - private Animation myAnimation_Alpha;
- private Animation myAnimation_Scale;
- private Animation myAnimation_Translate;
- private Animation myAnimation_Rotate;
-
-
//根据各自的构造方法来初始化一个实例对象 - myAnimation_Alpha=new AlphaAnimation(0.1f, 1.0f);
- myAnimation_Scale =new ScaleAnimation(0.0f, 1.4f, 0.0f, 1.4f,
-
Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF,0.5f); - myAnimation_Translate=new TranslateAnimation(30.0f, -80.0f, 30.0f,300.0f);
- myAnimation_Rotate=new RotateAnimation(0.0f, +350.0f,
-
Animation.RELATIVE_TO_SELF,0.5f,Animation.RELATIVE_TO_SELF,0.5f);
Android动画解析
AlphaAnimation
① AlphaAnimation类对象定义
- private AlphaAnimation myAnimation_Alpha;
② AlphaAnimation类对象构造
- AlphaAnimation(float fromAlpha, float toAlpha)
- //第一个参数fromAlpha为 动画开始时候透明度
- //第二个参数toAlpha为 动画结束时候透明度
- myAnimation_Alpha=new AlphaAnimation(0.1f, 1.0f);
- //说明:
- //
0.0表示完全透明 - //
1.0表示完全不透明
③ 设置动画持续时间
- myAnimation_Alpha.setDuration(5000);
- //设置时间持续时间为 5000毫秒
ScaleAnimation
① ScaleAnimation类对象定义
- private AlphaAnimation myAnimation_Alpha;
② ScaleAnimation类对象构造
- ScaleAnimation(float fromX, float toX, float fromY, float toY,
-
intpivotXType, float pivotXValue, int pivotYType, floatpivotYValue) - //第一个参数fromX为动画起始时 X坐标上的伸缩尺寸
- //第二个参数toX为动画结束时 X坐标上的伸缩尺寸
- //第三个参数fromY为动画起始时Y坐标上的伸缩尺寸
- //第四个参数toY为动画结束时Y坐标上的伸缩尺寸
- //第五个参数pivotXType为动画在X轴相对于物件位置类型
- //第六个参数pivotXValue为动画相对于物件的X坐标的开始位置
- //第七个参数pivotXType为动画在Y轴相对于物件位置类型
- //第八个参数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);
③ 设置动画持续时间
- myAnimation_Scale.setDuration(700);
- //设置时间持续时间为 700毫秒
TranslateAnimation
① TranslateAnimation类对象定义
- private AlphaAnimation myAnimation_Alpha;
② TranslateAnimation类对象构造
- TranslateAnimation(float fromXDelta, float toXDelta,
-
floatfromYDelta, float toYDelta) - //第一个参数fromXDelta为动画起始时 X坐标上的移动位置
- //第二个参数toXDelta为动画结束时 X坐标上的移动位置
- //第三个参数fromYDelta为动画起始时Y坐标上的移动位置
- //第四个参数toYDelta为动画结束时Y坐标上的移动位置
③ 设置动画持续时间
- myAnimation_Translate.setDuration(2000);
- //设置时间持续时间为 2000毫秒
RotateAnimation
①
- private AlphaAnimationmyAnimation_Alpha;
②
- RotateAnimation(float fromDegrees,float toDegrees,
-
intpivotXType, float pivotXValue, int pivotYType, floatpivotYValue) - //第一个参数fromDegrees为动画起始时的旋转角度
- //第二个参数toDegrees为动画旋转到的角度
- //第三个参数pivotXType为动画在X轴相对于物件位置类型
- //第四个参数pivotXValue为动画相对于物件的X坐标的开始位置
- //第五个参数pivotXType为动画在Y轴相对于物件位置类型
- //第六个参数pivotYValue为动画相对于物件的Y坐标的开始位置
- myAnimation_Rotate=new RotateAnimation(0.0f, +350.0f,
-
Animation.RELATIVE_TO_SELF,0.5f,Animation.RELATIVE_TO_SELF,0.5f);
③
- myAnimation_Rotate.setDuration(3000);
- //设置时间持续时间为 3000毫秒
如何使用Java
使用从View
- public void startAnimation(Animation animation)
动画效果
- 新建工程 myFrameAnimation
- 在main.xml布局中添加view子类,调整一下,效果如下:
- <?xml version="1.0"encoding="utf-8"?>
- <LinearLayout xmlns:android
="http://schemas.android.com/apk/res/android" -
android:prientation="vertical"android:layout_width="fill_parent" -
android:layout_height="fill_parent"> -
<LinearLayoutandroid:prientation="horizontal" -
android:layout_width="fill_parent"android:layout_height="wrap_content" -
android:background="@drawable/bt_group_back"android:layout_marginTop="10px"> -
<Buttonandroid:text="播放 动画"android:layout_width="100px" -
android:id="@+id/Button_start"android:layout_height="fill_parent"></Button> -
<Buttonandroid:layout_width="100px" android:text="停止动画" -
android:id="@+id/Button_stop"android:layout_height="fill_parent"></Button> -
<CheckBoxandroid:text="动画重复" android:layout_width="100px" -
android:id="@+id/CheckBox_ifCycle_orNot"style="?android:attr/starStyle" -
android:layout_height="fill_parent"></CheckBox> -
</LinearLayout> -
<ImageView android:id="@+id/rocket_image" -
android:layout_width="80px"android:layout_height="80px" -
android:background="@drawable/android_large" -
android:layout_marginLeft="100dp"android:layout_marginTop="100dp"></ImageView> - </LinearLayout>
- 找几个动态图片,把它分成单个图。(主要是为了讲解/是用FrameAnimation效果,AnimationDrawable)
- 修改mainActivity.java的代码
- package zyf.my.frame.animation;
- import android.app
.Activity; - import android.graphics.drawable.AnimationDrawable;
- import android.os.Bundle;
- import android.view.MotionEvent;
- import android.view.View;
- import android.widget.Button;
- import android.widget.CheckBox;
- import android.widget.ImageView;
- import android.widget.Toast;
- public class myFrameAnimatino extends Activity implementsButton.OnClickListener {
-
-
AnimationDrawableframeAnimation; -
-
ImageView myImage; -
-
Button start,stop; -
CheckBox Cycle; -
booleanisChecked_cycle=true; -
-
@Override -
public void onCreate(BundlesavedInstanceState) { -
super.onCreate(savedInstanceState); -
setContentView(R.layout.main); -
-
start=(Button)findViewById(R.id.Button_start); -
stop=(Button)findViewById(R.id.Button_stop); -
Cycle=(CheckBox)findViewById(R.id.CheckBox_ifCycle_orNot); -
-
-
myImage =(ImageView) findViewById(R.id.rocket_image); -
-
myImage.setBackgroundResource(R.anim.myframeanimation); -
-
frameAnimation= (AnimationDrawable) myImage.getBackground(); -
-
-
start.setOnClickListener(this); -
stop.setOnClickListener(this); -
} -
-
@Override -
public booleanonTouchEvent(MotionEvent event) { -
frameAnimation.setOneShot(isChecked_cycle); -
-
// TODOAuto-generated method stub -
if(event.getAction()==MotionEvent.ACTION_DOWN){ -
-
-
frameAnimation.start(); -
-
returntrue; -
} -
returnsuper.onTouchEvent(event); -
} -
-
@Override -
public void onClick(Viewbutton) { -
// TODOAuto-generated method stub -
switch(button.getId()) { -
caseR.id.Button_start:{ -
if(Cycle.isChecked()){ -
Toast.makeText(this, "动画重复", Toast.LENGTH_LONG).show(); -
isChecked_cycle=false; -
}else{ -
Toast.makeText(this, "不重复", Toast.LENGTH_LONG).show(); -
isChecked_cycle=true; -
} -
-
-
frameAnimation.setOneShot(isChecked_cycle); -
-
frameAnimation.start(); -
-
-
} -
break; -
caseR.id.Button_stop:{ -
if(frameAnimation.isRunning()){ -
-
frameAnimation.stop(); -
-
} -
-
} -
break; -
default: -
break; -
} -
} - }
随着对Drewable的深入了解,发现了Drawable更加强大的功能:显示Animation。AndroidSDK介绍了2种Animation:
- Tween Animation:通过对场景里的对象不断做图像变换(平移、缩放、旋转)产生动画效果
- Frame Animation:顺序播放事先做好的图像,跟电影类似
在使用Animation前,我们先学习如何定义Animation,这对我们使用Animation会有很大的帮助。Animation是以XML格式定义的,定义好的XML文件存放在res\anim中。由于Tween Animation与FrameAnimation的定义、使用都有很大的差异,我们将分开介绍,本篇幅中介绍TweenAnimation的定义与使用,后续篇幅再详细介绍FrameAnimation。按照XML文档的结构【父节点,子节点,属性】来介绍Tween Animation,其由4种类型:
- Alpha:渐变透明度动画效果
- Scale:渐变尺寸伸缩动画效果
- Translate:画面转换位置移动动画效果
- Rotate:画面转换位置移动动画效果
在介绍以上4种类型前,先介绍Tween Animation共同的节点属性,关于节点的命名原则,请阅读AndroidManifest.xml文件结构说明
表一 | ||
属性[类型] | 功能 | |
Duration[long] | 属性为动画持续时间 | 时间以毫秒为单位 |
fillAfter [boolean] | 当设置为true,该动画转化在动画结束后被应用 | |
fillBefore[boolean] | 当设置为true,该动画转化在动画开始前被应用 | |
interpolator | 指定一个动画的插入器 | 有一些常见的插入器 accelerate_decelerate_interpolator 加速-减速 动画插入器 accelerate_interpolator 加速-动画插入器 decelerate_interpolator 减速- 动画插入器 其他的属于特定的动画效果 |
repeatCount[int] | 动画的重复次数 | |
RepeatMode[int] | 定义重复的行为 | 1:重新开始 |
startOffset[long] | 动画之间的时间间隔,从上次动画停多少时间开始执行下个动画 | |
zAdjustment[int] | 定义动画的Z Order的改变 | 0:保持Z Order不变 1:保持在最上层 -1:保持在最下层 |
看了以上节点,大家是不是都想开始定义动画了。下面我们就开始结合具体的例子,介绍4种类型各自特有的节点元素。
表二 | ||
XML节点 | 功能说明 | |
alpha | 渐变透明度动画效果 | |
<alpha android:fromAlpha=”0.1″ android:toAlpha=”1.0″ android:duration=”3000″ /> | ||
fromAlpha | 属性为动画起始时透明度 | 0.0表示完全透明 1.0表示完全不透明 以上值取0.0-1.0之间的float数据类型的数字 |
toAlpha | 属性为动画结束时透明度 |
表三 | |||
scale | 渐变尺寸伸缩动画效果 | ||
<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:startOffset=“700” android:duration=”700″ android:repeatCount=”10″ /> | |||
fromXScale[float]fromYScale[float] | 为动画起始时,X、Y坐标上的伸缩尺寸 | 0.0表示收缩到没有 1.0表示正常无伸缩 值小于1.0表示收缩 值大于1.0表示放大 | |
toXScale [float] toYScale[float] | 为动画结束时,X、Y坐标上的伸缩尺寸 | ||
pivotX[float] pivotY[float] | 为动画相对于物件的X、Y坐标的开始位置 | 属性值说明:从0%-100%中取值,50%为物件的X或Y方向坐标上的中点位置 | |
| | | |
表四 | |||
translate | 画面转换位置移动动画效果 | ||
<translate android:fromXDelta=”30″ android:toXDelta=”-80″ android:fromYDelta=”30″ android:toYDelta=”300″ android:duration=”2000″ /> | |||
fromXDelta toXDelta | 为动画、结束起始时 X坐标上的位置 | | |
fromYDelta toYDelta | 为动画、结束起始时 Y坐标上的位置 | | |
| | | |
表五 | |||
rotate | 画面转移旋转动画效果 | ||
<rotate android:interpolator=”@android:anim/accelerate_decelerate_interpolator” android:fromDegrees=”0″ android:toDegrees=”+350″ android:pivotX=”50%” android:pivotY=”50%” android:duration=”3000″ /> | |||
fromDegrees | 为动画起始时物件的角度 | 说明 当角度为负数——表示逆时针旋转 当角度为正数——表示顺时针旋转 (负数from——to正数:顺时针旋转) (负数from——to负数:逆时针旋转) (正数from——to正数:顺时针旋转) (正数from——to负数:逆时针旋转) | |
toDegrees | 属性为动画结束时物件旋转的角度 可以大于360度 | ||
pivotX pivotY | 为动画相对于物件的X、Y坐标的开始位 | 说明:以上两个属性值从0%-100%中取值 50%为物件的X或Y方向坐标上的中点位置 | |
| | | |
看了上面的例子,想必大家也想看下,这些定义的动画,运行起来是什么样效果,下面运行Scale例子中的动画,界面变化如下:
![]() | ![]() | |
![]() | ![]() | |
| | |
按照上面的讲述学习完了Tween Animation的定义,对Tween Animation有了详细的了解,再去了解下AndroidSDK的animation package(android.view.animation),其提供了操作TweenAnimation所有的类。
AndroidSDK提供了基类:Animation,包含大量的set/getXXXX()函数来设置、读取Animation的属性,也就是前面表一中显示的各种属性。Tween Animation由4种类型:alpha、scale、translate、roate,在AndroidSDK中提供了相应的类,Animation类派生出了AlphaAnimation、ScaleAnimation、TranslateAnimation、RotateAnimation分别实现了平移、旋转、改变 Alpha值等动画,每个子类都在父类的基础上增加了各自独有的属性。再去看下这几个类的构造函数,是不是与我们在表二、表三、表四、表五种定义的属性完全一样。
在了解了Tween Animation的定义,对android.view.animation有了一些基本的认识后,开始介绍TweenAnimation如何使用。AndroidSDK提供了2种方法:直接从XML资源中读取Animation,使用Animation子类的构造函数来初始化Animation对象,第二种方法在看了AndroidSDK中各个类的说明就知道如何使用了,下面简要说明从XML资源中读取Animation,按照应用程序开发的过程,介绍整个使用的过程,如下:
- 创建Android工程;
- 导入一张图片资源;
- 将res\layout\main.xml中的TextView取代为ImageView;
- 在res下创建新的文件夹anim,并在此文件夹下面定义Animation XML文件;
- 修改OnCreate()中的代码,显示动画资源;
关键代码,解析如下:
//main.xml中的ImageView
ImageView spaceshipImage = (ImageView)findViewById(R.id.spaceshipImage);
//加载动画
Animation hyperspaceJumpAnimation =
AnimationUtils.loadAnimation(this, R.anim.hyperspace_jump);
//使用ImageView显示动画
spaceshipImage.startAnimation(hyperspaceJumpAnimation);
工程的源代码提供给大家下载,下载地址
- AnimationUtils提供了加载动画的函数,除了函数loadAnimation(),其他的到AndroidSDK中去详细了解吧;
- 所谓的动画,也就是对 view 的内容做一次图形变换;
在Android画图学习总结(四)——Animation(上)
对Tween Animation的本质做个总结:Tween Animation通过对 View 的内容完成一系列的图形变换(包括平移、缩放、旋转、改变透明度)来实现动画效果。具体来讲,预先定义一组指令,这些指令指定了图形变换的类型、触发时间、持续时间。这些指令可以是以 XML 文件方式定义,也可以是以源代码方式定义。程序沿着时间线执行这些指令就可以实现动画效果。
在这里,我们需要对2个问题进行深入的解析:
- 动画的运行时如何控制的?
- 动画的运行模式。
动画的运行时如何控制的?
这个问题,我们也就也就是上一篇幅中提到的TweenAnimation,估计大家对什么是Interpolator、到底有什么作用,还是一头雾水,在这里做个详细的说明。按照AndroidSDK中对interpolator的说明:interpolator定义一个动画的变化率(the rate ofchange)。这使得基本的动画效果(alpha, scale, translate, rotate)得以加速,减速,重复等。
用通俗的一点的话理解就是:动画的进度使用 Interpolator 控制。Interpolator定义了动画的变化速度,可以实现匀速、正加速、负加速、无规则变加速等。Interpolator 是基类,封装了所有Interpolator 的共同方法,它只有一个方法,即 getInterpolation (float input),该方法maps a point on the timeline to a multiplier to be applied to thetransformations of an animation。Android 提供了几个 Interpolator子类,实现了不同的速度曲线,如下:
AccelerateDecelerateInte | 在动画开始与介绍的地方速率改变比较慢,在中间的时候加速 |
AccelerateInterpolator | 在动画开始的地方速率改变比较慢,然后开始加速 |
CycleInterpolator | 动画循环播放特定的次数,速率改变沿着正弦曲线 |
DecelerateInterpolator | 在动画开始的地方速率改变比较慢,然后开始减速 |
LinearInterpolator | 在动画的以均匀的速率改变 |
对于 LinearInterpolator ,变化率是个常数,即 f (x) = x.
public float getInterpolation(float input) {
return input;
}
Interpolator其他的几个子类,也都是按照特定的算法,实现了对变化率。还可以定义自己的 Interpolator子类,实现抛物线、自由落体等物理效果。
动画的运行模式
动画的运行模式有两种:
- 独占模式,即程序主线程进入一个循环,根据动画指令不断刷新屏幕,直到动画结束;
- 中断模式,即有单独一个线程对时间计数,每隔一定的时间向主线程发通知,主线程接到通知后更新屏幕;
额外补充说明:Transformation 类
Transformation 记录了仿射矩阵 Matrix,动画每触发一次,会对原来的矩阵做一次运算, View 的 Bitmap与这个矩阵相乘就可实现相应的操作(旋转、平移、缩放等)。Transformation 类封装了矩阵和 alpha值,它有两个重要的成员,一是 mMatrix,二是 mAlpha。Transformation 类图如下所示:
总结说明
图形变换通过仿射矩阵实现。图形变换是图形学中的基本知识,简单来说就是,每种变换都是一次矩阵运算。在 Android 中,Canvas类中包含当前矩阵,当调用 Canvas.drawBitmap (bmp, x, y, Paint) 绘制时,A ndroid 会先把bmp 做一次矩阵运算,然后将运算的结果显示在 Canvas 上。这样,编程人员只需不断修改 Canvas 的矩阵并刷新屏幕,View里的对象就会不停的做图形变换,动画就形成了。
在Android画图学习总结(四)——Animation(上)
Frame Animation可以在XMLResource定义(还是存放到res\anim文件夹下),也可以使用AnimationDrawable中的API定义。由于TweenAnimation与FrameAnimation有着很大的不同,因此XML定义的格式也完全不一样,其格式是:首先是animation-list根节点,animation-list根节点中包含多个item子节点,每个item节点定义一帧动画:当前帧的drawable资源和当前帧持续的时间。下面对节点的元素加以说明:
XML属性 | 说明 |
drawable | 当前帧引用的drawable资源 |
duration | 当前帧显示的时间(毫秒为单位) |
oneshot | 如果为true,表示动画只播放一次停止在最后一帧上,如果设置为false表示动画循环播放。 |
variablePadding | If true, allows the drawable’s paddingto change based on the current state that is selected. |
visible | 规定drawable的初始可见性,默认为flase; |
下面就给个具体的XML例子,来定义一帧一帧的动画:
<animation-listxmlns:android=”http://schemas.android.com/apk/res/android”
android:oneshot=”true”>
<item android:drawable=”@drawable/rocket_thrust1″android:duration=”200″ />
<item android:drawable=”@drawable/rocket_thrust2″android:duration=”200″ />
<item android:drawable=”@drawable/rocket_thrust3″android:duration=”200″ />
</animation-list>
上面的XML就定义了一个FrameAnimation,其包含3帧动画,3帧动画中分别应用了drawable中的3张图片:rocket_thrust1,rocket_thrust2,rocket_thrust3,每帧动画持续200毫秒。
然后我们将以上XML保存在res/anim/文件夹下,命名为rocket_thrust.xml,显示动画的代码,如下:在OnCreate()中增加如下代码:
ImageView rocketImage = (ImageView)findViewById(R.id.rocket_image);
rocketImage.setBackgroundResource(R.anim.rocket_thrust);
rocketAnimation = (AnimationDrawable)rocketImage.getBackground();
最后还需要增加启动动画的代码:
public boolean onTouchEvent(MotionEvent event) {
if (event.getAction() == MotionEvent.ACTION_DOWN) {
rocketAnimation.start();
return true;
}
return super.onTouchEvent(event);
}
代码运行的结果想必大家应该就知道了(3张图片按照顺序的播放一次),不过有一点需要强调的是:启动FrameAnimation动画的代码rocketAnimation.start();不能在OnCreate()中,因为在OnCreate()中AnimationDrawable还没有完全的与ImageView绑定,在OnCreate()中启动动画,就只能看到第一张图片。
下面,阅读Android SDK中对AnimationDrawable的介绍,有个简单的了解:
AnimationDrawable | |
获取、设置动画的属性 | |
int getDuration() | 获取动画的时长 |
int getNumberOfFrames() | 获取动画的帧数 |
boolean isOneShot() Void setOneShot(boolean oneshot) | 获取oneshot属性 设置oneshot属性 |
void inflate(Resurce r,XmlPullParserp, AttributeSet attrs) | |
增加、获取帧动画 | |
Drawable getFrame(int index) | 获取某帧的Drawable资源 |
void addFrame(Drawable frame,intduration) | 为当前动画增加帧(资源,持续时长) |
动画控制 | |
void start() | 开始动画 |
void run() | 外界不能直接掉调用,使用start()替代 |
boolean | 当前动画是否在运行 |
void stop() | 停止当前动画 |
总结说明
Frame Animation的定义、使用比较简单,在这里已经详细介绍完了,更加深入的学习还是到AndroidSDK去仔细了解吧,在Android SDK中也包含很多这方面的例子程序。