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

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

作者: 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轴坐标。

    相关文章

      网友评论

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

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