Android Animation Resources

有两种类型的动画资源:

属性动画

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

视图动画

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

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

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

属性动画

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

文件位置(FILE LOCATION):

res/animator/filename.xml,文件名被用作资源ID

被编译的资源类型(COMPILED RSOURCE DATATYPE):

资源要指向ValueAnimatorObjectAnimatorAnimatorSet类型

资源引用(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>

设定尺寸的动画。可以指定图片从它的中心点向外扩展或向内收缩,这个图片的初始大小可以通过pivotXpivotY属性来指定。例如,如果这些值都设定为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>

垂直或/和水平移动。以下属性都支持下列三种格式中任意一种格式的属性值:用“%”结尾的-100100之间的数,指定相对与自身的百分比;用“%p”结尾的-100100之间的数,指定相对于父窗口的百分比;不带有后缀的浮点数,指定移动的绝对值,它代表了一个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

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属性:

<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 系统将会调用该方法。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值