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

补间动画是通过对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轴坐标。
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 【Android 动画】 动画分类补间动画(Tween动画)帧动画(Frame 动画)属性动画(Property ...
    Rtia阅读 6,247评论 1 38
  • 1 背景 不能只分析源码呀,分析的同时也要整理归纳基础知识,刚好有人微博私信让全面说说Android的动画,所以今...
    未聞椛洺阅读 2,755评论 0 10
  • 前言 动画时Android开发中使用频率比较高的功能。 对Android提供的补间动画,帧动画以及属性动画做出归纳...
    銀灬楓阅读 1,937评论 0 8
  • 一: 传统 View 动画(Tween/Frame) 1.1 Tween 动画 主要有 4 中:缩放、平移、渐变、...
    dfg_fly阅读 756评论 1 2
  • 最近工作比较清闲,所以想系统的复习和学习下自己比较短缺的知识,所以。。。 程序运行效果图: Android动画主要...
    小沈新手阅读 518评论 0 1