有两种类型的动画资源:
属性动画
在设定的事件内,通过修改与Animator类相关的对象的属性值来创建一个动画。
视图动画
有两种类型的视图动画框架:
补间动画(Tween animation):
通过执行一系列的与Animator类相关的单一图片的转换来创建动画。
帧动画(Frame animation):
通过显式与AnimationDrawable类的数序相关的图片序列来创建动画。
动画被定义在要修改的目录属性的XML中,如设定时间内的背景色或alpha值。
res/animator/filename.xml,文件名被用作资源ID。
资源要指向ValueAnimator、ObjectAnimator或AnimatorSet类型
<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>
元素。
<set>
元素能够包含其他动画元素的一个容器(<objectAnimator>
、<valueAnimator>
、或其他的<set>
元素)。代表一个AnimatorSet对象。
可以指定嵌套标签,把更多的动画组织到一起。每个能够定义它自己的顺序属性。
<set>
元素的属性(ATTRIBUTES)
android:ordering——关键属性,它指定该集合中动画的播放顺序。
值 | 说明 |
sequentially | 在本组集合中按顺序播放动画。 |
together(默认) | 同一时间播放本组集合中的动画 |
<objectAnimator>
元素在特定的设定时间内一个对象的具体动画属性,代表了一个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对象。
<animator>
元素的属性(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(默认) | 指定动画的值是浮点数 |
例子:
这个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中定义的动画,他执行诸如旋转、渐变、移动和图形的拉伸
res/anim/filename.xml,文件名被用于资源ID。
资源指向一个Animation对象
<?xml version="1.0" encoding="utf-8"?>
<setxmlns: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>
元素)。
<set>
元素它是一组动画元素的集合,可以包括<alpha>
、<scale>
、<translate>
、<rotate>
元素,也可以是另一个<set>
元素集合。它代表了一个AnimationSet对象。
<set>
元素的属性
android:interpolator —— 插补资源。它指定一个应用与动画的查补器。这个值必须指引特定的查补器资源(不是查补器类名)。可以利用来自平台的默认的查补器资源,也能够创建自己的查补器资源,更多的信息请参照稍后讨论的“查补器”。
android:shareInterpolator —— 布尔值,如果要在所有的子元素中共享查补器,就要设置为“true”
<alpha>
元素设定渐进或渐出动画,代表一个AlphaAniamtion对象。
<alpha>
元素的属性
android:fromAlpha —— 浮点值。指定动画开始时,对象的透明偏移量。0.0是透明的,1.0是不透明的。
android:toAlpha —— 浮点值。指定动画结束时,对象的透明偏移量。0.0是透明的,1.0是不透明的。
<scale>
元素设定尺寸的动画。可以指定图片从它的中心点向外扩展或向内收缩,这个图片的初始大小可以通过pivotX和pivotY属性来指定。例如,如果这些值都设定为0,那么动画对象从左上角开始向右下角生长。它代表了一个ScaleAnimation对象。
<scale>
元素的属性
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对象。
<translate>
元素的属性
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)。
有关元素支持的更多属性,请参照Animation类。
<roate>
元素一个旋转动画。代表一个RotateAnimation对象
<roate>
元素的属性
android:fromDegrees —— 浮点值。指定动画开始时的角度。
android:toDegrees —— 浮点值,指定动画结束时的角度。
android:pivotX —— 浮点值或百分比,它是旋转中心的X轴坐标,既可以是相对于对象左边缘的像素值(如5),也可以是相对与对象左边缘的百分比(如5%),还可以是相对于父容器的左边缘的百分比(如5%p)。
android:pivotY —— 浮点值或百分比,它是旋转中心的Y轴坐标,既可以是相对于对象上边缘的像素值(如5),也可以是相对与对象上边缘的百分比(如5%),还可以是相对于父容器的上边缘的百分比(如5%p)。
有关支持的更多属性,请参照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 |
AccelerateDecelerateInterpolator | @android:anim/accelerate_decelerate_interpolator |
AccelerateInterpolator | @android:anim/accelerate_interpolator |
AnticipateInterpolator | @android:anim/anticipate_interpolator |
AnticipateOvershootInterpolator | @android:anim/anticipate_overshoot_interpolator |
BounceInterpolator | @android:anim/bounce_interpolator |
CycleInterpolator | @android:anim/cycle_interpolator |
DecelerateInterpolator | @android:anim/decelerate_interpolator |
LinearInterpolator | @android:anim/linear_interpolator |
OvershootInterpolator | @android:anim/overshoot_interpolator |
可以像下面这样来设定android:interpolator属性:
<setandroid:interpolator="@android:anim/accelerate_interpolator">
...
</set>
如果对平台提供的插补器不满意(上表中列出的插补器),还可以编辑属性的方法来创建定制的插补器资源。如,能够调整AnticipateInterpolator插补器的加速频率,也能够调整CycleInterpolator插补器的周期数量。要达到这个目的,需要在一个XML文件中创建自己的插补器资源。
res/anim/filename.xml,文件名会作为资源的ID。
资源指向相应的插补器对象
<?xml version="1.0" encoding="utf-8"?>
<InterpolatorNamexmlns:android="http://schemas.android.com/apk/res/android"
android:attribute_name="value"
/>
如果没有应用任何属性,那么这个定制的插补器会与平台提供的插补器具有完全相同的功能。
注意,每个插补器的实现,当在XML中定义时,都是用小写字母开头的。
<accelerateDecelerateInterpolator>
元素降低动画开始和结束时变化的频率,但在动画的中间部分加速。
没有属性
<accelerateInterpolator>
元素降低动画启动时变化的频率,然后开始加速
<accelerateInterpolator>
元素的属性
android:factor —— 浮点值,指定加速频率(默认是1)
<anticipateInterpolator>
元素动画启动时先向后,然后再向前变化(橡皮筋效果)。
<anticipateInterpolator>
元素的属性
android:tension —— 浮点值,指定拉力数(默认是2)
<anticipateOvershootInterpolator>
元素动画启动时先向后,然后再向前,并飞过目标值,然后再终点稳定。
<anticipateOvershootInterpolator>
元素的属性
android:tension —— 浮点值,指定拉力数(默认是2)
android:extraTension —— 浮点值,指定拉力的倍数(默认是1.5)
<bounceInterpolator>
元素在动画结尾的反弹效果。
没有属性
<cycleInterpolator>
元素用指定的循环数重复动画,变化频率是按照正弦模式进行。
<cycleInterpolator>
元素的属性
android:cycles —— 整数值,指定循环周期数(默认是1)。
<decelerateInterpolator>
元素动画启动时,快速跳出,然后减速。
<decelerateInterpolator>
元素的属性
android:factor —— 浮点值,指定减速比率(默认是1)
<linearInterpolator>
元素动画的变化频率是固定的。
没有属性。
<overshootInterpolator>
元素向前抛出,并飞过终点,然后再返回来。
<overshootInterpolator>
元素的属性
android:tension —— 浮点值,设定拉力数(默认是2)
例子:
XML文件被保存在res/anim/my_overshoot_interpolator.xml:
<?xml version="1.0" encoding="utf-8"?>
<overshootInterpolatorxmlns:android="http://schemas.android.com/apk/res/android"
android:tension="7.0"
/>
以下是这个动画XML使用的插补器:
<scalexmlns: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中动画,它会电影那样,按序播放图片。
res/drawable/filename.xml
文件名被用作资源的ID。
资源指向一个AnimationDrawable对象
<?xml version="1.0" encoding="utf-8"?>
<animation-listxmlns: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>
<animation-list>
元素必须的,它必须是根元素。它要包含一个或多个元素。
<animation-list>
的属性
android:oneshot —— 布尔值,如果只想让动画执行一次,那么就设定为“true”,否则,设定为“false”来循环播放动画。
<item>
元素动画的一帧,必须是元素的子元素。
<item>
的属性
android:drawable —— 指定用于本帧动画的可描画资源。
android:duration —— 整数值,以毫秒为单位,显示本帧动画的持续时间。
例子:
XML文件被保存在res/anim/rocket.xml中:
<?xml version="1.0" encoding="utf-8"?>
<animation-listxmlns:android="http://schemas.android.com/apk/res/android"
android:oneshot="false">
<itemandroid:drawable="@drawable/rocket_thrust1"android:duration="200"/>
<itemandroid:drawable="@drawable/rocket_thrust2"android:duration="200"/>
<itemandroid:drawable="@drawable/rocket_thrust3"android:duration="200"/>
</animation-list>
应用程序代码会把这个动画设置为一个View对象的背景,然后播放动画:
ImageView rocketImage =(ImageView) findViewById(R.id.rocket_image);
rocketImage.setBackgroundResource(R.drawable.rocket_thrust);
rocketAnimation =(AnimationDrawable) rocketImage.getBackground();
rocketAnimation.start();