Android的动画布局

 一、Frame Animation

Frame Animation是顺序播放事先做好的图像，跟电影类似。不同于animation package， Android SDK提供了另外一个类AnimationDrawable来定义、使用Frame Animation。

Frame Animation可以在XML Resource定义（还是存放到res/anim文件夹下），也可以使用AnimationDrawable中的API定义。由于Tween Animation与Frame Animation有着很大的不同，因此XML定义的格式也完全不一样，其格式是：首先是animation-list根节点，animation-list根节点中包含多个item子节点，每个item节点定义一帧动画：当前帧的drawable资源和当前帧持续的时间。下面对节点的元素加以说明：

XML属性 说明
drawable 当前帧引用的drawable资源
duration 当前帧显示的时间（毫秒为单位）
oneshot 如果为true，表示动画只播放一次停止在最后一帧上，如果设置为false表示动画循环播放。
variablePadding If true, allows the drawable’s padding to change based on the current state that is selected.
visible 规定drawable的初始可见性，默认为flase；

下面就给个具体的XML例子，来定义一帧一帧的动画：
<animation-list xmlns: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就定义了一个Frame Animation，其包含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张图片按照顺序的播放一次），不过有一点需要强调的是：启动Frame Animation动画的代码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,XmlPullParser p,
AttributeSet attrs) 
增加、获取帧动画
Drawable getFrame(int index) 获取某帧的Drawable资源
void addFrame(Drawable frame,int duration) 为当前动画增加帧（资源，持续时长）
动画控制
void start() 开始动画
void run() 外界不能直接掉调用，使用start()替代
boolean  isRunning() 当前动画是否在运行
void stop() 停止当前动画

 

 

 

二、Tween Animation

随着对Drewable的深入了解，发现了Drawable更加强大的功能：显示Animation。Android SDK介绍了2种Animation：

Tween Animation：通过对场景里的对象不断做图像变换(平移、缩放、旋转)产生动画效果
Frame Animation：顺序播放事先做好的图像，跟电影类似
在使用Animation前，我们先学习如何定义Animation，这对我们使用Animation会有很大的帮助。Animation是以XML格式定义的，定义好的XML文件存放在res/anim中。由于Tween Animation与Frame Animation的定义、使用都有很大的差异，我们将分开介绍，本篇幅中介绍Tween Animation的定义与使用，后续篇幅再详细介绍Frame Animation。按照XML文档的结构【父节点，子节点，属性】来介绍Tween Animation，其由4种类型：

Alpha：渐变透明度动画效果
Scale：渐变尺寸伸缩动画效果
Translate：画面转换位置移动动画效果
Rotate：画面转换位置移动动画效果
表一
 
属性[类型] 功能 
Duration[long] 属性为动画持续时间 时间以毫秒为单位
fillAfter [boolean] 当设置为true ，该动画转化在动画结束后被应用
fillBefore[boolean] 当设置为true ，该动画转化在动画开始前被应用
interpolator
 指定一个动画的插入器 有一些常见的插入器
accelerate_decelerate_interpolator
加速-减速 动画插入器
accelerate_interpolator
加速-动画插入器
decelerate_interpolator
减速- 动画插入器
其他的属于特定的动画效果
repeatCount[int] 动画的重复次数 
RepeatMode[int] 定义重复的行为 1：restart  2：reverse
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方向坐标上的中点位置