Android Anaimator 1

Posted by Gityuan on September 3, 2015

layout: post title: “Android动画之入门篇(一)” date: 2015-9-3 20:10:00 catalog: true tags: - android


作为Android开发者,动画是非常重要的知识点,本文主要从入门角度来探索动画。 Android的动画主要包括三大类:逐帧(Frame)动画补间(Tween)动画属性动画

1. 逐帧(Frame)动画

逐帧动画是最容易理解,最简单的动画。但需要把动画过程的每一帧静态图片都放到资源文件夹res/drawbale下,然后由Android来控制依次显示这些静态图片,利用人眼“视觉暂留”的原理,从而产生“动画”的错觉。实现方式与电影、动漫的原理一样。

每一帧的图片,可以是比如.jpg, .png格式的图片文件,也可以是通过xml定义的图形。下面通过一个实例来讲解逐帧动画的使用。

1.1 动画资源文件

frame_animation.xml放在文件夹res/drawable/下,该逐帧动画包含3张图片wheel0.png, wheel1.png, wheel2.png:

 <animation-list android:id="@+id/selected" android:oneshot="false">
    <item android:drawable="@drawable/wheel0" android:duration="50" />
    <item android:drawable="@drawable/wheel1" android:duration="50" />
    <item android:drawable="@drawable/wheel2" android:duration="50" />
 </animation-list>

1.2 调用方法

 ImageView img = (ImageView)findViewById(R.id.wheel_image);
 img.setBackgroundResource(R.drawable.frame_animation);
 AnimationDrawable frameAnimation = (AnimationDrawable) img.getBackground();
 frameAnimation.start();

1.3 参数说明

  • android:oneshot, true:动画只播放一遍, false:循环播放;
  • android:duration:该帧时长,单位ms(毫秒)。

2. 补间(Tween)动画

补间动画,只需指定动画开始帧、结束帧,而对于动画中间的过程,都有系统计算来填充的,而无需定义中间的每一帧。 动画变化主要包括4类型: 透明度动画(Alpha),缩放动画(Scale),位移动画(Translate),旋转动画(RotateAnaimation)

1.1 动画资源文件

tween_animation.xml放在文件夹res/anim/下, 该动画同时包括透明度,缩放,位移,旋转4种变化,当然也可以是其中一种,或几种变化的组合。

<?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="0.5"
        android:toAlpha="1.0"
        android:duration="1000" />

    <scale
        android:fromXScale="0.01"
        android:toXScale="1.0"
        android:fromYScale="0.01"
        android:toYScale="1.0"
        android:pivotX="50%"
        android:pivotY="50%"
        android:fillAfter="true" />

    <translate
        android:fromXDelta="0.01"
        android:toXDelta="0.95"
        android:fromYDelta="0.01"
        android:toYDelta="0.95" />

    <rotate
        android:fromDegrees="0.01"
        android:toDegrees="360"
        android:pivotX="50%"
        android:pivotY="50%" />
<set>

1.2 调用方法

 ImageView img = (ImageView)findViewById(R.id.wheel_image);
 Animation tweenAnimation = AnimationUtils.loadAnimation(this, R.anim.tween_animation);
 img.startAnimation(tweenAnimation);

1.3 参数说明

  • android:interpolator 插值器,用于指定动画的效果; 插值器原理,请移步Android动画之原理篇(三)
  • android:shareInterpolator, true:所有子元素共享同一插值器;false不共享;
  • android:fillBefore, true:动画执行完成后停留在动画的第一帧;
  • android:fillAfter , true:动画执行完成后停留在动画的最后一帧;
  • android:fillEnabled,true:fillBefore/fillAfter才能生效
  • android:duration, 动画持续时长,每一个动画都可以单独指定duration;

  • alpha,透明度动画,其中0表示完全透明,1表示完全不透明:
    • fromAlpha: 起始透明度
    • toAlpha : 结束透明度
  • scale,缩放动画,其中0表示收缩到无,1表示正常无缩放:
    • fromXScale: 起始X坐标的缩放比例
    • toXScale : 结束X坐标的缩放比例
    • fromYScale: 起始Y坐标的缩放比例
    • toYScale : 结束Y坐标的缩放比例
    • pivotX : 轴中点X坐标的位置比例
    • pivotY : 轴中点Y坐标的位置比例
  • translate,位移动画:
    • fromXDelta: 起始X方向位置比例
    • toXDelta : 结束X方向位置比例
    • fromYDelta: 起始Y方向位置比例
    • toYDelta : 结束Y方向位置比例
  • rotate, 旋转动画:
    • fromDegrees: 起始角度,单位度
    • toDegrees : 结束角度,单位度
    • pivotX : 旋转中点X坐标的位置比例
    • pivotY : 旋转中点Y坐标的位置比例

3. 属性动画

属性动画,是补间动画的增强版,但更加灵活。可直接修改任何属性,使之形成动画,功能非常强大,也是最常用的动画。下面举个简单的例子:

ObjectAnimator anim = ObjectAnimator.ofFloat(targetObject, "alpha", 0f, 1f);
anim.setDuration(1000);
anim.start();

关于属性动画的详细介绍在下一篇文章中,详细介绍Android动画之入门篇(二)


欢迎关注我的微博: weibo.com/gityuan !请随意 ¥打赏支持 将激励创作更多技术干货!