有两种类型的动画资源:
属性动画
在设定的时间内,通过修改与Animator类相关的对象的属性值来创建一个动画。
视图动画
有两种类型的视图动画框架
补间动画(Tween animation):通过执行通过执行一系列的与Animation类相关的单一图片的转换来创建动画。
帧动画(Frame animation):通过显示与AnimationDrawable类的顺序相关的图片序列来创建动画。
属性动画
动画被定义在要修改的目标对象属性的XML中,如设定时间内的背景色或alpha值。
文件位置(FILE LOCATION):
res/animator/filename.xml,文件名被用作资源ID。
被编译的资源类型(COMPILED RSOURCE DATATYPE):
资源要指向ValueAnimator、ObjectAnimator或AnimatorSet类型
资源引用(RESOURCE REFERENCE):
在Java代码中:R.animation.filename
在XML文件中:@[package:]animator/filename
语法(SYNTAX):
<set
android:ordering=["together" | "sequentially"]>
<objectAnimator
android:propertyName="string"
android:duration="int"
android:valueFrom="float | int | color"
android:valueTo="float | int | color"
android:startOffset="int"
android:repeatCount="int"
android:repeatMode=["repeat" | "reverse"]
android:valueType=["intType" | "floatType"]/>
<animator
android:duration="int"
android:valueFrom="float | int | color"
android:valueTo="float | int | color"
android:startOffset="int"
android:repeatCount="int"
android:repeatMode=["repeat" | "reverse"]
android:valueType=["intType" | "floatType"]/>
<set>
...
</set>
</set>
这个文件必须有一个单一的根元素:既可以是<set>、<objectAnimator>也可以是<valueAnimator>。可以把动画元素一起组织到<set>元素中,包括其他的<set>元素。
元素(ELEMENTS):
<set>
能够包含其他动画元素的一个容器(<objectAnimator>、<valueAnimator>、或其他的<set>元素)。代表一个AnimatorSet对象。
可以指定<set>嵌套标签,把更多的动画组织到一起。每个<set>能够定义它自己的顺序属性。
属性(ATTRIBUTES):
android:ordering
关键属性,它指定该集合中动画的播放顺序。
值 | 说明 |
sequentially | 在本组集合中按顺序播放动画。 |
together(默认) | 同一时间播放本组集合中的动画 |
<objectAnimator>
在特定的设定时间内一个对象的具体动画属性,代表了一个ObjectAnimator对象。
属性(ATTRIBUTES):
android:propertyName
字符串类型,必须的。通过这个名字来引用动画的对象属性。例如,可以给View对象指定“alpha”或“backgroundColor”属性。ObjectAnimator元素没有暴露target属性,因此不能在XML声明中把对象设置给动画。必须通过调用loadAnimator()方法和setTarget()方法把动画XML资源填充到包含这个属性的目标对象中。
android:valueTo
浮点类型、整型、或颜色值,必须的。它是动画属性的结束值。颜色是用六个十六进制数表示(如#333333)。
android:valueFrom
浮点类型、整型、或颜色值,它是动画属性的开始值,如果没有指定,那么动画会在用属性的get方法获取值的时刻开始。颜色是六位十六进制数表示(如#333333)。
android:duration
整数类型。以毫秒为单位,指定动画时间,默认是300毫秒。
android:startOffset
整数类型。在start()方法被调用之后,动画延迟的毫秒数。
android:repeatCount
整数类型。指定动画的重复次数。设置为“-1”,说明要无限次重复,或指定一个正整数。如,设定为1,说明动画第一次运行之后,还要重复一次,因此动画要播放两次。默认值是0,意味着不重复。
android:repeatMode
正整数。指定在动画到达结尾时的行为方式。只有android:repeatCount被设置为正整数或“-1”时,这个属性才有效果。如果设置为“reverse”,那么每次重复时会逆向播放动画,如果设置为“repeat”,那么每次重复时,会从动画的开头来播放动画。
android:valueType
关键属性。如果值是颜色值,那么不用指定这个属性。动画框架会自动处理颜色值。
值 | 说明 |
intType | 指定动画的值是整数 |
floatType(默认) | 指定动画的值是浮点数 |
<animator>
在设定时间内的动画。代表了一个ValueAnimator对象。
属性(ATTRIBUTES):
android:valueTo
浮点型、整型或颜色值,必须的。它是动画结束的的值。颜色值用六位十六进制数来代表(如,#333333)
android:valueFrom
浮点型、整型或颜色值,必须的。它是动画开始的值。颜色值用六位十六进制数来代表(如,#333333)
android:duration
整数。以毫秒为单位,指定动画的播放时间。默认是300毫秒。
android:startOffset
整数。指定start()方法被调用后,动画延迟的毫秒数。
android:repeatCount
整数。指定动画的重复次数。如果设置为“-1”,则动画会无限次重复,或者指定一个正整数。例如,设定为“1”,那么动画在初始运行一次之后,会再重复播放一次,因此动画总共播放了两次。它的默认值是0,这意味着动画重复。
android:repeatMode
整数。它指定动画到达结尾时重复的行为方式。android:repeatCount必须被设置为正整数或“-1”时,这个属性才会有效果。如果设置为“reverse”,动画在每次重播时,会逆向播放;如果设置为“repeat”,那么动画每次重播时,会重开始的位置播放。
android:valueType
关键属性,如果值是颜色,则不用指定这个属性。因为动画框架会自动的处理颜色值
值 | 说明 |
intType | 指定动画的值是整数 |
floatType(默认) | 指定动画的值是浮点数 |
例子(EXAMPLE):
这个XML文件被保存在res/animator/property_animator.xml:
<set android:ordering="sequentially">
<set>
<objectAnimator
android:propertyName="x"
android:duration="500"
android:valueTo="400"
android:valueType="intType"/>
<objectAnimator
android:propertyName="y"
android:duration="500"
android:valueTo="300"
android:valueType="intType"/>
</set>
<objectAnimator
android:propertyName="alpha"
android:duration="500"
android:valueTo="1f"/>
</set>
要运行这个动画,就必须在代码中把这个XML资源填充给一个AnimatorSet对象,然后在启动这个动画集之前,把目标对象设置个所有的动画。调用setTarget方法可以方便的把一个单一对象设置给AnimatorSet对象的所有子对象。代码如下:
AnimatorSet set = (AnimatorSet) AnimatorInflater.loadAnimator(myContext, R.anim.property_animator);
set.setTarget(myObject);set.start();
视图动画框架支持补间动画和帧动画,它们都能够在XML中声明。以下介绍如如何使用这两种方法:
补间动画
在XML中定义的动画,他执行诸如旋转、渐变、移动和图形的拉伸。
文件位置(FILE LOCATION):
res/anim/filename.xml,文件名被用于资源ID。
编译资源类型(COMPILED RESOURCE DATATYPE):
资源指向一个Animation对象
资源引用(RESOURCE REFERENCE):
在Java代码中:R.anim.filename
在XML中:@[package:]anim/filename
语法(SYNTAX):
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
android:interpolator="@[package:]anim/interpolator_resource"
android:shareInterpolator=["true" | "false"] >
<alpha
android:fromAlpha="float"
android:toAlpha="float" />
<scale
android:fromXScale="float"
android:toXScale="float"
android:fromYScale="float"
android:toYScale="float"
android:pivotX="float"
android:pivotY="float" />
<translate
android:fromXDelta="float"
android:toXDelta="float"
android:fromYDelta="float"
android:toYDelta="float" />
<rotate
android:fromDegrees="float"
android:toDegrees="float"
android:pivotX="float"
android:pivotY="float" />
<set>
...
</set>
</set>
这个文件必须有一个单独的根元素:既可以是<alpha>、<scale>、<translate>、<rotate>,也可以是持有一组其他动画元素的<set>元素(甚至使用嵌套的<set>元素)。
元素(ELEMENTS):
<set>
它是一组动画元素的集合,可以包括<alpha>、<scale>、<translate>、<rotate>元素,也可以是另一个<set>元素集合。它代表了一个AnimationSet对象。
属性(ATTRIBUTES):
android:interpolator
插补资源。它指定一个应用与动画的插补器。这个值必须引用特定的插补器资源(不是插补器类名)。可以利用来自平台的默认的插补器资源,也能够创建自己的插补器资源,更多的信息请参照稍后讨论的“插补器”。
android:shareInterpolator
布尔值,如果要在所有的子元素中共享插补器,就要设置为”true”。
<alpha>
设定渐进或渐出动画,代表一个AlphaAnimation对象。
属性(ATTRIBUTES):
android:fromAlpha
浮点值。指定动画开始时,对象的透明偏移量。0.0是透明的,1.0是不透明的。
android:toAlpha
浮点值。指定动画结束时,对象的透明偏移量。0.0是透明的,1.0是不透明的。
关于<alpha>元素所支持的属性,请参看Animation类。
<scale>
设定尺寸的动画。可以指定图片从它的中心点向外扩展或向内收缩,这个图片的初始大小可以通过pivotX和pivotY属性来指定。例如,如果这些值都设定为0,那么动画对象从左上角开始向右下角生长。它代表了一个ScaleAnimation对象。
属性(ATTRIBUTES):
android:fromXScale
浮点值。动画开始,在X轴的偏移尺寸,1.0代表没有改变。
android:toXScale
浮点值。动画结束时,在X轴的偏移尺寸,1.0代表没有改变。
android:fromYScale
浮点值。动画开始,在Y轴的偏移尺寸,1.0代表没有改变。
android:toYScale
浮点值。动画结束时,在Y轴的偏移尺寸,1.0代表没有改变。
android:pivotX
浮点值。指定动画对象被缩放时,要保留的固定X轴的宽度。
androd:pivotY
浮点值。指定动画对象被缩放时,要保留的固定Y轴的宽度。
有关<scale>元素所支持的更多的属性,请参照Animation类。
<translate>
垂直或/和水平移动。以下属性都支持下列三种格式中任意一种格式的属性值:用“%”结尾的-100到100之间的数,指定相对与自身的百分比;用“%p”结尾的-100到100之间的数,指定相对于父窗口的百分比;不带有后缀的浮点数,指定移动的绝对值,它代表了一个TranslateAnimation对象。
属性(ATTRIBUTES)
android:fromXDelta
浮点值或百分比,它设定了动画开始时X轴的偏移量,既可以是相对与普通位置的像素值(如5),也可以是相对与元素自身宽度的百分比(如5%),还可以是相对于父窗口宽度的百分比(如5%p)。
android:toXDelta
浮点值或百分比,它设定了动画结束时X轴的偏移量,既可以是相对与普通位置的像素值(如5),也可以是相对与元素自身宽度的百分比(如5%),还可以是相对于父窗口宽度的百分比(如5%p)。
android:fromYDelta
浮点值或百分比,它设定了动画开始时Y轴的偏移量,既可以是相对与普通位置的像素值(如5),也可以是相对与元素自身宽度的百分比(如5%),还可以是相对于父窗口宽度的百分比(如5%p)。
android:toYDelta
浮点值或百分比,它设定了动画结束时X轴的偏移量,既可以是相对与普通位置的像素值(如5),也可以是相对与元素自身宽度的百分比(如5%),还可以是相对于父窗口宽度的百分比(如5%p)。
有关<translate>元素支持的更多属性,请参照Animation类。
<roate>
一个旋转动画。代表一个RotateAnimation对象。
属性(ATTRIBUTES)
android:fromDegrees
浮点值。指定动画开始时的角度。
android:toDegrees
浮点值,指定动画结束时的角度。
android:pivotX
浮点值或百分比,它是旋转中心的X轴坐标,既可以是相对于对象左边缘的像素值(如5),也可以是相对与对象左边缘的百分比(如5%),还可以是相对于父容器的左边缘的百分比(如5%p)。
android:pivotY
浮点值或百分比,它是旋转中心的Y轴坐标,既可以是相对于对象上边缘的像素值(如5),也可以是相对与对象上边缘的百分比(如5%),还可以是相对于父容器的上边缘的百分比(如5%p)。
有关<rotate>支持的更多属性,请参照Animation类。
例子
XML文件被保存在res/anim/hyperspace_jump.xml中:
<set xmlns:android="http://schemas.android.com/apk/res/android"
android:shareInterpolator="false">
<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/accelerate_interpolator"
android:startOffset="700">
<scale
android:fromXScale="1.4"
android:toXScale="0.0"
android:fromYScale="0.6"
android:toYScale="0.0"
android:pivotX="50%"
android:pivotY="50%"
android:duration="400" />
<rotate
android:fromDegrees="0"
android:toDegrees="-45"
android:toYScale="0.0"
android:pivotX="50%"
android:pivotY="50%"
android:duration="400" />
</set>
</set>
应用程序代码把这个动画应用于一个ImageView对象,并启动这个动画。
ImageView image = (ImageView) findViewById(R.id.image);
Animation hyperspaceJump = AnimationUtils.loadAnimation(this, R.anim.hyperspace_jump);
image.startAnimation(hyperspaceJump);
插补器
插补器是一个被定义在XML中的能够影响动画的变化频率的编辑器。它会对既存动画的加速、减速、重放、反弹等效果等形成影响。
使用android:interpolator属性,把插补器应用到一个动画元素,它的值是一个插补器资源的引用。
在Android中所有可用的插补器都是Interpolator类的子类。对于每个插补器类,Android都包含了一个能够引用的公共资源,以便把这个插补器应用于动画所使用的android:interpolator属性。下表中指定了每个插补器可用的资源。
插补器类 | 资源ID |
@android:anim/accelerate_decelerate_interpolator | |
@android:anim/accelerate_interpolator | |
@android:anim/anticipate_interpolator | |
@android:anim/anticipate_overshoot_interpolator | |
@android:anim/bounce_interpolator | |
@android:anim/cycle_interpolator | |
@android:anim/decelerate_interpolator | |
@android:anim/linear_interpolator | |
@android:anim/overshoot_interpolator |
可以像下面这样来设定android:interpolator属性:
<set android:interpolator="@android:anim/accelerate_interpolator">
...
</set>
定制插补器
如果对平台提供的插补器不满意(上表中列出的插补器),还可以编辑属性的方法来创建定制的插补器资源。如,能够调整AnticipateInterpolator插补器的加速频率,也能够调整CycleInterpolator插补器的周期数量。要达到这个目的,需要在一个XML文件中创建自己的插补器资源。
文件位置(FILE LOCATION):
res/anim/filename.xml,文件名会作为资源的ID。
被编译的资源类型(COMPILED RESOURCE DATATYPE)
资源指向相应的插补器对象
资源引用(RESOURCE REFERENCE):
在XML中:@[package:]anim/filename
语法:
<?xml version="1.0" encoding="utf-8"?>
<InterpolatorName xmlns:android="http://schemas.android.com/apk/res/android"
android:attribute_name="value"
/>
如果没有应用任何属性,那么这个定制的插补器会与平台提供的插补器具有完全相同的功能。
元素(ELEMENTS):
注意,每个插补器的实现,当在XML中定义时,都是用小写字母开头的。
<accelerateDecelerateInterpolator>
降低动画开始和结束时变化的频率,但在动画的中间部分加速。
没有属性
<accelerateInterpolator>
降低动画启动时变化的频率,然后开始加速
属性(ATTRIBUTES):
android:factor
浮点值,指定加速频率(默认是1)
<anticipateInterpolator>
动画启动时先向后,然后再向前变化(橡皮筋效果)。
属性(ATTRIBUTES):
android:tension
浮点值,指定拉力数(默认是2)
<anticipateOvershootInterpolator>
动画启动时先向后,然后再向前,并飞过目标值,然后再终点稳定。
属性(ATTRIBUTES):
android:tension
浮点值,指定拉力数(默认是2)
android:extraTension
浮点值,指定拉力的倍数(默认是1.5)
<bounceInterpolator>
在动画结尾的反弹效果。
没有属性
<cycleInterpolator>
用指定的循环数重复动画,变化频率是按照正弦模式进行。
属性(ATTRIBUTES):
android:cycles
整数值,指定循环周期数(默认是1)。
<decelerateInterpolator>
动画启动时,快速跳出,然后减速。
属性(ATTRIBUTES):
android:factor
浮点值,指定减速比率(默认是1)
<linearInterpolator>
动画的变化频率是固定的。
没有属性。
<overshootInterpolator>
向前抛出,并飞过终点,然后再返回来。
属性(ATTRIBUTES):
android:tension
浮点值,设定拉力数(默认是2)
例子:
XML文件被保存在res/anim/my_overshoot_interpolator.xml:
<?xml version="1.0" encoding="utf-8"?>
<overshootInterpolator xmlns:android="http://schemas.android.com/apk/res/android"
android:tension="7.0"
/>
以下是这个动画XML使用的插补器:
<scale xmlns:android="http://schemas.android.com/apk/res/android"
android:interpolator="@anim/my_overshoot_interpolator"
android:fromXScale="1.0"
android:toXScale="3.0"
android:fromYScale="1.0"
android:toYScale="3.0"
android:pivotX="50%"
android:pivotY="50%"
android:duration="700" />
帧动画
定义在XML中动画,它会电影那样,按序播放图片。
文件位置(FILE LOCATION):
res/drawable/filename.xml
文件名被用作资源的ID。
被编译资源类型(COMPILED RESOURCE DATATYPE):
资源指向一个AnimationDrawable对象
资源引用(RESOURCE REFERENCE)
在Java代码中:R.drawable.filename
在XML中:@[package:]drawable.filename
语法(SYNTAX):
<?xml version="1.0" encoding="utf-8"?>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android"
android:oneshot=["true" | "false"] >
<item
android:drawable="@[package:]drawable/drawable_resource_name"
android:duration="integer" />
</animation-list>
元素(ELEMENTS):
<animation-list>
必须的,它必须是根元素。它要包含一个或多个<item>元素。
属性(ATTRIBUTES):
android:oneshot
布尔值,如果只想让动画执行一次,那么就设定为“true”,否则,设定为“false”来循环播放动画。
<item>
动画的一帧,必须是<animation-list>元素的子元素。
属性(ATTRIBUTES):
android:drawable
指定用于本帧动画的可描画资源。
android:duration
整数值,以毫秒为单位,显示本帧动画的持续时间。
实例:
<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>
这个动画只显示了三帧。android:oneshot 属性设置为 true表示只播放一次,然后停止并保持显示于最后一帧。如果该属性设为 false,则动画将会循环播放。这段 XML 保存于项目 res/drawable/ 目录下的 rocket_thrust.xml,可加到 View 的背景图片上并显示出来。下面是一个 Activity 的示例,动画加到一个 ImageView 上,当被触摸到时显示动画:
AnimationDrawable rocketAnimation;
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
ImageView rocketImage = (ImageView) findViewById(R.id.rocket_image);
rocketImage.setBackgroundResource(R.drawable.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);
}
有一点非常重要,请注意在 Activity 的 onCreate() 方法中,不能调用 AnimationDrawable 的 start() 方法。因为此时 AnimationDrawable 还没有完全装入窗口。如果你需要立即显示动画,而不需要用户交互,你可能需要在 Activity 的 onWindowFocusChanged() 方法中调用,窗口获得焦点时 Android 系统将会调用该方法。