Tween Animation
Tween Animation:通过对场景里的对象不断做图像变换(平移、缩放、旋转)产生动画效果
在使用Animation前,我们先学习如何定义Animation,这对我们使用Animation会有很大的帮助。Animation是以XML格式定义的,定义好的XML文件存放在res\anim中。由于Tween Animation与Frame Animation的定义、使用都有很大的差异,我们将分开介绍,本篇幅中介绍Tween Animation的定义与使用,后续篇幅再详细介绍Frame Animation。按照XML文档的结构【父节点,子节点,属性】来介绍Tween Animation,其由4种类型:
Alpha:渐变透明度动画效果
Scale:渐变尺寸伸缩动画效果
Translate:画面转换位置移动动画效果
Rotate:画面转换位置移动动画效果
在介绍以上4种类型前,先介绍Tween Animation共同的节点属性
表一
属性[类型] 功能
Duration[long] 属性为动画持续时间 时间以毫秒为单位
fillAfter [boolean] 当设置为true ,该动画转化在动画结束后被应用
fillBefore[boolean] 当设置为true ,该动画转化在动画开始前被应用
interpolator
指定一个动画的插入器 有一些常见的插入器
accelerate_decelerate_interpolator
加速-减速 动画插入器
accelerate_interpolator
加速-动画插入器
decelerate_interpolator
减速- 动画插入器
其他的属于特定的动画效果
repeatCount[int] 动画的重复次数
RepeatMode[int] 定义重复的行为 1:重新开始 2:plays backward
startOffset[long] 动画之间的时间间隔,从上次动画停多少时间开始执行下个动画
zAdjustment[int] 定义动画的Z Order的改变 0:保持Z Order不变
1:保持在最上层
-1:保持在最下层
下面我们就开始结合具体的例子,介绍4种类型各自特有的节点元素。
alpha节点:渐变透明度动画效果
<alpha
android:fromAlpha=”0.1″
android:toAlpha=”1.0″
android:duration=”3000″ />
fromAlpha:属性为动画起始时透明度
toAlpha: 属性为动画结束时透明度
( 0.0表示完全透明
1.0表示完全不透明
以上值取0.0-1.0之间的float数据类型的数字)
scale节点:渐变尺寸伸缩动画效果
<scale
android:interpolator= “@android:anim/accelerate_decelerate_interpolator”
android:fromXScale=”0.0″
android:toXScale=”1.4″
android:fromYScale=”0.0″
android:toYScale=”1.4″
android:pivotX=”50%”
android:pivotY=”50%”
android:fillAfter=”false”
android:startOffset=“700”
android:duration=”700″
android:repeatCount=”10″ />
fromXScale[float] fromYScale[float] 为动画起始时,X、Y坐标上的伸缩尺寸 0.0表示收缩到没有
1.0表示正常无伸缩
值小于1.0表示收缩
值大于1.0表示放大
toXScale [float]
toYScale[float] 为动画结束时,X、Y坐标上的伸缩尺寸
pivotX[float]
pivotY[float] 为动画相对于物件的X、Y坐标的开始位置 属性值说明:从0%-100%中取值,50%为物件的X或Y方向坐标上的中点位置
translate节点:画面转换位置移动动画效果
<translate
android:fromXDelta=”30″
android:toXDelta=”-80″
android:fromYDelta=”30″
android:toYDelta=”300″
android:duration=”2000″ />
fromXDelta
toXDelta 为动画、结束起始时 X坐标上的位置
fromYDelta
toYDelta 为动画、结束起始时 Y坐标上的位置
rotate节点:画面转移旋转动画效果
<rotate
android:interpolator=”@android:anim/accelerate_decelerate_interpolator”
android:fromDegrees=”0″
android:toDegrees=”+350″
android:pivotX=”50%”
android:pivotY=”50%”
android:duration=”3000″ />
fromDegrees 为动画起始时物件的角度 说明
当角度为负数——表示逆时针旋转
当角度为正数——表示顺时针旋转
(负数from——to正数:顺时针旋转)
(负数from——to负数:逆时针旋转)
(正数from——to正数:顺时针旋转)
(正数from——to负数:逆时针旋转)
toDegrees 属性为动画结束时物件旋转的角度 可以大于360度
pivotX
pivotY 为动画相对于物件的X、Y坐标的开始位 说明:以上两个属性值 从0%-100%中取值
50%为物件的X或Y方向坐标上的中点位置。
Android SDK提供了基类:Animation,包含大量的set/getXXXX()函数来设置、读取Animation的属性,也就是前面表一中显示的各种属性。Tween Animation由4种类型:alpha、scale、translate、roate,在Android SDK中提供了相应的类,Animation类派生出了AlphaAnimation、ScaleAnimation、TranslateAnimation、RotateAnimation分别实现了平移、旋转、改变 Alpha 值等动画,每个子类都在父类的基础上增加了各自独有的属性.
对Tween Animation的本质做个总结:Tween Animation通过对 View 的内容完成一系列的图形变换 (包括平移、缩放、旋转、改变透明度)来实现动画效果。具体来讲,预先定义一组指令,这些指令指定了图形变换的类型、触发时间、持续时间。这些指令可以是以 XML 文件方式定义,也可以是以源代码方式定义。程序沿着时间线执行这些指令就可以实现动画效果。
在这里,我们需要对2个问题进行深入的解析:
动画的运行时如何控制的?
动画的运行模式。
动画的运行时如何控制的?
这里涉及到Interpolator的类。按照Android SDK中对interpolator的说明:interpolator定义一个动画的变化率(the rate of change)。这使得基本的动画效果(alpha, scale, translate, rotate)得以加速,减速,重复等。
用通俗的一点的话理解就是:动画的进度使用 Interpolator 控制。Interpolator 定义了动画的变化速度,可以实现匀速、正加速、负加速、无规则变加速等。Interpolator 是基类,封装了所有 Interpolator 的共同方法,它只有一个方法,即 getInterpolation (float input),该方法 maps a point on the timeline to a multiplier to be applied to the transformations of an animation。Android 提供了几个 Interpolator 子类,实现了不同的速度曲线,如下:
AccelerateDecelerateInterpolator 在动画开始与介绍的地方速率改变比较慢,在中间的时候加速,然后再减速
AccelerateInterpolator 在动画开始的地方速率改变比较慢,然后开始加速
CycleInterpolator 动画循环播放特定的次数,速率改变沿着正弦曲线
DecelerateInterpolator 在动画开始的地方速率改变比较慢,然后开始减速
LinearInterpolator 在动画的以均匀的速率改变
对于 LinearInterpolator ,变化率是个常数,即 f (x) = x.
public float getInterpolation(float input) {
return input;
}
Interpolator其他的几个子类,也都是按照特定的算法,实现了对变化率。还可以定义自己的 Interpolator 子类,实现抛物线、自由落体等物理效果。
动画的运行模式
动画的运行模式有两种:
独占模式,即程序主线程进入一个循环,根据动画指令不断刷新屏幕,直到动画结束;
中断模式,即有单独一个线程对时间计数,每隔一定的时间向主线程发通知,主线程接到通知后更新屏幕;
额外补充说明:Transformation 类
Transformation 记录了仿射矩阵 Matrix,动画每触发一次,会对原来的矩阵做一次运算, View 的 Bitmap 与这个矩阵相乘就可实现相应的操作(旋转、平移、缩放等)。Transformation 类封装了矩阵和 alpha 值,它有两个重要的成员,一是 mMatrix,二是 mAlpha。
总结说明
图形变换通过仿射矩阵实现。图形变换是图形学中的基本知识,简单来说就是,每种变换都是一次矩阵运算。在 Android 中,Canvas 类中包含当前矩阵,当调用 Canvas.drawBitmap (bmp, x, y, Paint) 绘制时,Android 会先把 bmp 做一次矩阵运算,然后将运算的结果显示在 Canvas 上。这样,编程人员只需不断修改 Canvas 的矩阵并刷新屏幕,View 里的对象就会不停的做图形变换,动画就形成了。
分享到:
相关推荐
在Android开发中,补间动画(Tween Animation)是实现动态效果的一种重要手段,它通过平移、旋转、缩放和改变透明度等属性变化来创建流畅的视觉效果。本篇文章将深入探讨Android补间动画的基本概念、使用方法及其...
属性动画系统(Introduced in API level 11)更强大,能提供更多的控制和更逼真的动画效果,但Tween动画对于理解和入门Android动画系统来说是一个很好的起点。 学习和理解这些基本动画效果,开发者可以创建出更加...
除了`FrameAnimation`,Android还提供了其他类型的动画,如`TweenAnimation`(补间动画)用于改变对象的属性,如位置、大小等;`PropertyAnimation`(属性动画)提供了更强大的动画控制,支持3D效果和更复杂的交互。...
总的来说,Tween Animation是Android动画的基础,虽然相比后来推出的ValueAnimator和ObjectAnimator等更现代的动画机制,它的功能相对有限,但对于理解和学习Android动画原理来说,Tween Animation是一个很好的起点...
`Android_ActionDrawable`文件名可能对应的就是一个帧动画资源,它包含了一系列帧图片,通过设置`<animation-list>`标签在XML中定义。 ```xml <animation-list xmlns:android=...
12. **动画(Animation)**:使用Tween动画和属性动画提升用户体验。 13. **设计模式**:例如单例模式、观察者模式等,有助于编写可维护和可扩展的代码。 14. **第三方库集成**:如Glide用于图片加载,Retrofit进行...
这份"Android简单2D动画源码.rar"包含了一些基本的2D动画实现,可以帮助开发者理解Android动画机制并快速入门。以下是对相关知识点的详细说明: 1. **动画类型**: - **补间动画(Tween Animation)**:通过改变对象...
Android 动画的介绍,入门级指引 3.0之前,android支持两种动画,tween animation和frame animation(补间动画与帧动画),3.0之后又增加了一种动画property animation
Android支持两种类型的动画:视图动画(View Animation)和属性动画(Property Animation)。视图动画主要用于改变视图的位置、大小、透明度等,但不实际改变视图的状态。而属性动画是Android 3.0引入的新特性,它可以...
这篇"第11条-Android动画/图形入门指南"将引导初学者踏入这个充满魔力的世界。Android提供了多种方式来实现图形绘制和动画效果,包括Java API、OpenGL以及Canvas等。让我们深入探讨这些技术。 首先,Java API中的...
- 讲解动画效果的实现,包括Tween Animation和Frame Animation。 17. **权限管理**: - 解释Android系统的权限管理机制,以及如何在运行时请求特定权限。 - 介绍Manifest文件中meta-data元素的用途。 18. **...
Android的Animation API可以实现这些效果,包括Tween动画和帧动画。 6. **状态保存与恢复**: 当用户离开游戏并重新打开时,游戏应该能恢复到之前的状态。Android提供了onSaveInstanceState和...
3. **动画框架**:Android提供了多种动画机制,如Tween Animation(补间动画)、ValueAnimator(值动画)和Property Animator(属性动画)。在这个例子中,可能使用了ValueAnimator或Property Animator来平滑地改变...
Android提供了丰富的动画库,包括补间动画(Tween Animation)、帧动画(Frame Animation)和属性动画(Property Animation)。在"切水果"中,水果被切开的瞬间,可能会使用属性动画来改变水果的透明度和大小,模拟...
8. **动画和过渡效果**:Flutter的动画系统强大,可以创建各种复杂的动画效果,如`AnimatedBuilder`、`Tween`和`AnimationController`。 9. **自定义Painter**:如果需要绘制复杂图形,可以学习使用`CustomPaint`...
开发者可以通过Tween对象和AnimationController轻松创建动画,同时,Widget也支持内置的动画效果。 七、插件和扩展 Flutter的插件系统允许开发者访问原生平台的功能,如GPS、蓝牙等。pub.dev是官方的插件库,提供了...
3. **AnimationController**:是Flutter动画的核心,它负责控制动画的播放、暂停、重置等行为。 4. **Tween类**:定义了动画的起始和结束值,例如颜色、大小、位置等属性的动画可以通过Tween类来实现。 5. **...