Android应用中的动画资源(Animation Resources)

有两种类型的动画资源:

  • 属性动画
    在设定的事件内,通过修改与Animator类相关的对象的属性值来创建一个动画。

  • 视图动画
    有两种类型的视图动画框架:

    • 补间动画(Tween animation):
      通过执行一系列的与Animator类相关的单一图片的转换来创建动画。

    • 帧动画(Frame animation):
      通过显式与AnimationDrawable类的数序相关的图片序列来创建动画。

属性动画

动画被定义在要修改的目录属性的XML中,如设定时间内的背景色或alpha值。

属性动画的位置

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>元素的属性(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对象

补间动画的资源引用

  • 在Java代码中
    R.anim.filename
  • 在XML中
    @[package:]anim/filename

语法(SYNTAX):

<?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>元素)。

元素(ELEMENTS):

<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。

插补器被编译的资源类型

资源指向相应的插补器对象

资源引用(RESOURCE REFERENCE)

  • 在XML中:
    @[package:]anim/filename

语法(SYNTAX):

<?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对象

资源引用

  • 在Java代码中:
    R.drawable.filename
  • 在XML中:
    @[package:]drawable.filename

语法(SYNTAX):

<?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>

元素(ELEMENTS):

<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();
Copyright© 2020-2022 li-xyz 冀ICP备2022001112号-1