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

2019-06-21  本文已影响0人  itczt

补间动画是通过对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的动画。透明度渐变动画常用的属性如下。

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的旋转动画,旋转动画常用的属性如下。

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轴上缩小一半的缩放动画。缩放动画的常用属性如下。

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所在位置)。
上述代码用到了平移动画的一些常用属性,其常用属性说明如下。

上一篇下一篇

猜你喜欢

热点阅读