美文网首页
智能终端软件开发——补间动画(一)

智能终端软件开发——补间动画(一)

作者: itczt | 来源:发表于2019-06-21 23:42 被阅读0次

补间动画是通过对View中的内容进行一系列的图形变换来实现动画效果,其中图形变换包括平移、缩放、旋转、改变透明度等。补间动画的效果可以通过XML文件来定义,也可以通过代码方式来实现,通常情况下以XML形式定义的动画都会放置在程序res/anim(自定义的)文件夹下。
Android提供了4种补间动画,分别是透明度渐变动画、旋转动画、缩放动画、平移动画,下面分别针对这4种动画进行详解。

1.透明度渐变动画

透明度渐变动画是指通过改变View组件透明度来实现的渐变效果。它主要通过为动画指定开始时的透明度,结束时的透明度以及动画持续时间来创造动画,在XML文件中定义透明度渐变动画,具体代码如下:
alpha_animation.xml
···
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
<alpha
android:interpolator="@android:anim/linear_interpolator"
android:repeatMode="reverse"
android:repeatCount="infinite"
android:duration="1000"
android:fromAlpha="1.0"
android:toAlpha="0.0"/>
</set>
···
上述代码定义了一个让View从完全不透明到透明,持续时间1s的动画。透明度渐变动画常用的属性如下。

  • interpolator:用于控制动画的变化速度,一般值为@android:anim/linear_interpolator(匀速改变)、@android:anim/laccelerate_interpolator(开始慢,后来加速)等;
  • repeatMode:用于指定动画重复的方式,可选值为reverse(反向)、restart(重新开始);
  • repeatCount:用于制定动画重复次数,属性值可以为正整数,也可以为infinite(无限循坏);
  • duration:用于指定动画播放时长;
  • fromAlpha:用于指定动画开始时的透明度,0.0为完全完全透明,1.0为不透明;
  • toAlpha:用于指定动画结束时的透明度0.0为完全完全透明,1.0为不透明。

2.旋转动画

旋转动画就是通过为动画指定开始时的缩放系数、结束时的缩放系数以及动画持续时长来创将动画的,在XML中定义缩放动画,具体代码如下:
rotate_animation.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <rotate
        android:fromDegrees="0"
        android:toDegrees="360"
        android:pivotX="50%"
        android:pivotY="50%"
        android:repeatMode="reverse"
        android:repeatCount="infinite"
        android:duration="1000"/>
</set>

上述代码定义了让View从0°旋转到360°持续时间为1s的旋转动画,旋转动画常用的属性如下。

  • fromSegress:指定动画开始时的角度;
  • toDegrees:指定动画结束时的角度;
  • pivotX:指定轴心的x坐标;
  • pivotY: 指定轴心y坐标。

2.缩放动画

缩放动画就是通过动画指定开始时的缩放系数、结束时的缩放系数以及动画持续时长来创建动画的,在XML文件中定义缩放动画,具体代码如下:
scale_animation.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <scale
        android:repeatMode="reverse"
        android:repeatCount="infinite"
        android:duration="3000"
        android:fromXScale="1.0"
        android:fromYScale="1.0"
        android:toXScale="0.5"
        android:toYScale="0.5"
        android:pivotX="50%"
        android:pivotY="50%"/>
</set>

上述代码定义了一个让View在x轴上缩小一半的,y轴上缩小一半的缩放动画。缩放动画的常用属性如下。

  • fromXScale:指定动画开始时x轴上的缩放系数,值为1.0表示不变化;
  • fromYScate:指定动画开始时y轴上的缩放系数,值为1.0表示不变化;
  • toXScate:指定动画结束时x轴上的缩放系数,值为1.0表示不变化;
  • toYScate:指定动画结束时y轴上的缩放系数,值为1.0表示不变化;

4.平移动画

平移动画就是通过为动画指定开始位置、结束位置以及动画持续时长来创建动画的,在XML文件中定义平移动画,具体代码如下;
translate_animation.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <translate
        android:fromXDelta="0.0"
        android:fromYDelta="0.0"
        android:toXDelta="100"
        android:toYDelta="0.0"
        android:repeatCount="infinite"
        android:repeatMode="reverse"
        android:duration="4000"/>
</set>

上述代码定义了一个让View从起始x(0.0)位置平移到结束x(100)位置,持续时间为4s的平移动画。需要注意的是,这里的坐标,这里的坐标并不是屏幕像素的坐标,而是相对于View的所在位置的坐标。开始位置为0.0即表示在View最开始的地方平移(即布局文件定义View所在位置)。
上述代码用到了平移动画的一些常用属性,其常用属性说明如下。

  • formXDelta:指定动画开始时View的x轴坐标。
  • formYDelta:指定动画开始时View的y轴坐标。
  • toXDelta:指定动画结束时View的x轴坐标。
  • toYDelta:指定动画结束时View的y轴坐标。

相关文章

  • 智能终端软件开发——补间动画(二)

    接智能终端软件开发——补间动画(一)至此补间动画就介绍完了,为了让读者看到直观效果,接下来通过一个案例来演示4种补...

  • 智能终端软件开发——补间动画(一)

    补间动画是通过对View中的内容进行一系列的图形变换来实现动画效果,其中图形变换包括平移、缩放、旋转、改变透明度等...

  • Android回顾--(十六) 动画简析

    动画: 补间动画(Tween动画) 帧动画(Frame动画) 属性动画(Property动画) 补间动画 特点: ...

  • javaScript补间动画库

    补间动画库 补间动画介绍 补间动画指的是做FLASH、VIDEO动画时,在两个关键帧中间需要做“补间动画”,才能实...

  • 智能终端软件开发——逐帧动画

    逐帧动画是按照事先准备好的静态图像顺序播放,利用人眼的的“视觉暂留”原理,给用户造成动画的错觉。逐帧动画的原理与放...

  • Android动画之视图动画

    补间动画 可以使用补间动画系统执行补间动画。补间动画计算动画相关的信息包括开始点、结束点、大小、旋转角度以及其他与...

  • Android 基础动画之帧动画详解

    在上一篇 Android 基础动画之补间动画详解 主要介绍了补间动画的基本属性以及补间动画在Android起始设计...

  • 补间动画TweenAnimation

    补间动画官方文档1补间动画官方文档2

  • Android 资源简介(五) AnimationDrawabl

    AnimationDrawable 代表动画资源。Android 既支持逐帧动画,也支持补间动画。 定义补间动画的...

  • Android动画

    Android动画分类: 视图动画:补间动画、逐帧动画 属性动画 视图动画 补间动画 可以在xml中定义动画,然后...

网友评论

      本文标题:智能终端软件开发——补间动画(一)

      本文链接:https://www.haomeiwen.com/subject/bhepqctx.html