您可以使用视图动画系统对视图执行补间动画。补间动画根据动画的起点、终点、大小、旋转情况和其他常见方面来计算动画。
补间动画可以对 View 对象的内容执行一系列简单的转换(位置、大小、旋转和透明度)。因此,如果您有一个 TextView
对象,则可以移动、旋转、放大或缩小文本。如果图片具有背景图片,则背景图片将随文本一起转换。animation package
提供了补间动画所用的所有类。
动画指令序列用于定义补间动画(由 XML 或 Android 代码定义)。与定义布局一样,我们推荐使用 XML 文件,因为它比对动画进行硬编码,具有更高的可读性、可重用性和可替换性。在下面的示例中,我们使用了 XML。(要详细了解如何在应用代码(而非 XML)中定义动画,请参阅 AnimationSet
类和其他 Animation
子类。)
动画说明定义了要发生的转换、发生的时间以及应用这些转换所需的时间。转换可以是连续的,也可以是同时的 - 例如,您可以让 TextView 的内容从左向右移动,然后旋转 180 度,也可以让文本同时移动和旋转。每个转换都采用一组特定于该转换的参数(大小变化的起始大小和结束大小;旋转的起始角度和结束角度等)以及一组常用参数(例如开始时间和持续时间)。要使多个转换同时发生,请为它们指定相同的开始时间;要使其按顺序发生,请计算开始时间加上前一个转换的时长。
动画 XML 文件位于 Android 项目的 res/anim/
目录中。该文件必须具有一个根元素:可以是单个 <alpha>
、<scale>
、<translate>
、<rotate>
、插值器元素或包含这些元素组(可能包括另一个 <set>
)的 <set>
元素。默认情况下,所有动画指令会同时应用。要使它们按顺序发生,您必须指定 startOffset
属性,如以下示例所示。
来自某个 ApiDemos 的以下 XML 用于拉伸,然后同时旋转和旋转视图对象。
<set 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/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>
屏幕左上角的坐标(本例中未使用)为 (0,0),并随着您向下和向右移动而增大。
某些值(例如 pivotX)可以相对于对象本身或相对于父级对象进行指定。请务必使用您所需的正确格式(“50”表示相对于父项的 50%,“50%”表示相对于自身的 50%)。
您可以通过分配 Interpolator
来确定如何随着时间的推移应用转换。Android 包含几个用于指定各种速度曲线的插值器子类:例如,AccelerateInterpolator
指示转换在开始时较慢,然后加速。每个元素都有一个可以在 XML 中应用的属性值。
将此 XML 保存为项目的 res/anim/
目录中的 hyperspace_jump.xml
后,以下代码将引用它,并将其应用到布局中的 ImageView
对象。
Kotlin
AnimationUtils.loadAnimation(this, R.anim.hyperspace_jump).also { hyperspaceJumpAnimation -> findViewById<ImageView>(R.id.spaceshipImage).startAnimation(hyperspaceJumpAnimation) }
Java
ImageView spaceshipImage = (ImageView) findViewById(R.id.spaceshipImage); Animation hyperspaceJumpAnimation = AnimationUtils.loadAnimation(this, R.anim.hyperspace_jump); spaceshipImage.startAnimation(hyperspaceJumpAnimation);
作为 startAnimation()
的替代方案,您可以使用
定义动画的开始时间,然后使用 Animation.setStartTime()
将动画分配给视图。View.setAnimation()
如需详细了解 XML 语法、可用标记和属性,请参阅动画资源。
注意:无论动画如何移动或调整大小,包含动画的视图的边界都不会自动调整来适应它。即使如此,动画仍会被绘制到其视图边界之外,并且不会被剪裁。但是,如果动画超出了父级视图的边界,系统将会进行剪裁。