一、View
(1)对于控件View,android自身提供了动画效果Animation
参考文献:http://gundumw100.iteye.com/blog/850338
http://blog.csdn.net/rhljiayou/article/details/7194483
Animation是以XML格式定义的,定义好的XML文件存放在res\anim中。
Tween Animation,其由4种类型:
Alpha:渐变透明度动画效果
Scale:渐变尺寸伸缩动画效果
Translate:画面转换位置移动动画效果
Rotate:画面转换位置移动动画效果
在介绍以上4种类型前,先介绍Tween Animation共同的节点属性。
属性[类型] | 功能 |
Duration[long] | 属性为动画持续时间 时间以毫秒为单位 |
fillAfter [boolean] | 当设置为true ,该动画转化在动画结束后被应用 |
fillBefore[boolean] | 当设置为true ,该动画转化在动画开始前被应用 |
interpolator | 指定一个动画的插入器,有一些常见的插入器。accelerate_decelerate_interpolator:加速-减速 动画插入器;accelerate_interpolator:加速-动画插入器;decelerate_interpolator:减速- 动画插入器,其他的属于特定的动画效果 |
repeatCount[int] | 动画的重复次数 |
repeatMode[String] | 定义重复的行为 1:"restart" 2:"reverse" eg: android:repeatMode="reverse" |
startOffset[long] | 动画之间的时间间隔,从上次动画停多少时间开始执行下个动画 |
zAdjustment[int] | 定义动画的Z Order的改变 0:保持Z Order不变,1:保持在最上层,-1:保持在最下层 |
下面分别举例说明4种类型的动画的定义:
a、alpha渐变透明度动画效果
1
2
3
4
|
<alpha
android:fromAlpha=”
0.1
″
android:toAlpha=”
1.0
″
android:duration=”
3000
″ />
|
fromAlpha属性为动画起始时透明度
toAlpha 属性为动画结束时透明度
0.0表示完全透明,1.0表示完全不透明,以上值取0.0-1.0之间的float数据类型的数字。
b、scale渐变尺寸伸缩动画效果
1
2
3
4
5
6
7
8
9
10
11
12
|
<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坐标上的伸缩尺寸
toXScale [float] toYScale[float] 为动画结束时,X、Y坐标上的伸缩尺寸
0.0表示收缩到没有,1.0表示正常无伸缩,值小于1.0表示收缩,值大于1.0表示放大
pivotX[float] pivotY[float] 为动画相对于物件的X、Y坐标的开始位置
属性值说明:从0%-100%中取值,50%为物件的X或Y方向坐标上的中点位置
c、translate画面转换位置移动动画效果
1
2
3
4
5
6
|
<translate
android:fromXDelta=”
30
″
android:toXDelta=”-
80
″
android:fromYDelta=”
30
″
android:toYDelta=”
300
″
android:duration=”
2000
″ />
|
fromXDelta toXDelta 为动画、结束起始时 X坐标上的位置
fromYDelta toYDelta 为动画、结束起始时 Y坐标上的位置
d、rotate 画面转移旋转动画效果
1
2
3
4
5
6
7
|
<rotate
android:interpolator=”
@android
:anim/accelerate_decelerate_interpolator”
android:fromDegrees=”
0
″
android:toDegrees=”+
350
″
android:pivotX=”
50
%”
android:pivotY=”
50
%”
android:duration=”
3000
″ />
|
fromDegrees 为动画起始时物件的角度 说明
toDegrees 属性为动画结束时物件旋转的角度 可以大于360度
当角度为负数——表示逆时针旋转
当角度为正数——表示顺时针旋转
(负数from——to正数:顺时针旋转)
(负数from——to负数:逆时针旋转)
(正数from——to正数:顺时针旋转)
(正数from——to负数:逆时针旋转)
pivotX pivotY 为动画相对于物件的X、Y坐标的开始位
说明:以上两个属性值 从0%-100%中取值,50%为物件的X或Y方向坐标上的中点位置
按照上面的讲述学习完了Tween Animation的定义,对Tween Animation有了详细的了解,再去了解下Android SDK的animation package(android.view.animation),其提供了操作Tween Animation所有的类。
下面举例说明Tween Animation如何使用。
Android SDK提供了2种方法:
a、直接从XML资源中读取Animation
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
|
下面给出一个完整的XML定义(SDK提供)
<set android:shareInterpolator=
"false"
xmlns:android=
"http://schemas.android.com/apk/res/android"
>
<scale
android:interpolator=
"@android:anim/accelerate_decelerate_interpolator"
android:fromXScale=
"1.0"
android:toXScale=
"1.4"
android:fromYScale=
"1.0"
android:toYScale=
"0.6"
android:pivotX=
"50%"
android:pivotY=
"50%"
android:fillAfter=
"false"
android:duration=
"700"
/>
<set android:interpolator=
"@android:anim/decelerate_interpolator"
>
<scale
android:fromXScale=
"1.4"
android:toXScale=
"0.0"
android:fromYScale=
"0.6"
android:toYScale=
"0.0"
android:pivotX=
"50%"
android:pivotY=
"50%"
android:startOffset=
"700"
android:duration=
"400"
android:fillBefore=
"false"
/>
<rotate
android:fromDegrees=
"0"
android:toDegrees=
"-45"
android:toYScale=
"0.0"
android:pivotX=
"50%"
android:pivotY=
"50%"
android:startOffset=
"700"
android:duration=
"400"
/>
</set>
</set>
|
下面简要说明从XML资源中读取Animation,按照应用程序开发的过程,介绍整个使用的过程,如下:
创建Android工程;导入一张图片资源;
在res\layout\main.xml中添加一个 ImageView Widget;
在res下创建新的文件夹且命名为:anim,并在此文件夹下面定义 Animation XML 文件;
修改OnCreate()中的代码,显示动画资源;
基本的调用xml方法如下:
1
2
3
4
5
6
7
|
//main.xml中的ImageView
ImageView spaceshipImage = (ImageView) findViewById(R.id.spaceshipImage);
//加载动画
Animation hyperspaceJumpAnimation =
AnimationUtils.loadAnimation(
this
, R.anim.hyperspace_jump);
//使用ImageView显示动画
spaceshipImage.startAnimation(hyperspaceJumpAnimation);
|
至于其他的load动画的方法,请参考相关SDK
b、使用Animation子类的构造函数来初始化Animation对象
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
|
//在代码中定义 动画实例对象
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);
|
1
|
<strong>下面开始简要介绍怎样控制动画:</strong>
|
对于控制动画显示,Android也提供了相应的接口。动画的进度使用 Interpolator 控制。Interpolator 定义了动画的变化速度,可以实现匀速、正加速、负加速、无规则变加速等。Interpolator 是基类,封装了所有 Interpolator 的共同方法,它只有一个方法,即 getInterpolation (float input),该方法 maps a point on the timeline to a multiplier to be applied to the transformations of an animation。Android 提供了几个 Interpolator 子类,实现了不同的速度曲线,如下:
AccelerateDecelerateInterpolator | 在动画开始与介绍的地方速率改变比较慢,在中间的时候加速 |
AccelerateInterpolator | 在动画开始的地方速率改变比较慢,然后开始加速 |
CycleInterpolator | 动画循环播放特定的次数,速率改变沿着正弦曲线 |
DecelerateInterpolator | 在动画开始的地方速率改变比较慢,然后开始减速 |
LinearInterpolator | 在动画的以均匀的速率改变 |
对于 LinearInterpolator ,变化率是个常数,即 f (x) = x.
public float getInterpolation(float input) {
return input;
}
Interpolator其他的几个子类,也都是按照特定的算法,实现了对变化率。还可以定义自己的 Interpolator 子类,实现抛物线、自由落体等物理效果。
接着简要介绍下动画的运行模式
独占模式,即程序主线程进入一个循环,根据动画指令不断刷新屏幕,直到动画结束
中断模式,即有单独一个线程对时间计数,每隔一定的时间向主线程发通知,主线程接到通知后更新屏幕
运行模式是由UI代码自行控制的