android 减速动画,Android View Animation

概述

可译为视图动画，分为

缩放动画

平移动画

渐变动画

旋转动画

Android系统中定义了一个抽象类Animation来定义这种视图动画，它的具体子类如下表：

动画名称

对应的子类

xml中标签

描述

缩放动画

ScaleAnimation

< scale />

S

平移动画

TranslateAnimaiton

< translate />

T

渐变动画

AlphaAnimation

< alpha />

A

旋转动画

RoateAnimation

< roate />

R

动画集合

AnimationSet

< set />

是用来存放上面四种动画的集合，容器的概念而已

这类动画也被称作是补间动画(Tween Animation),取他们首字母这样样记忆呢 STAR 动画如何？(哈哈别闹，我自称)， “明星” 动画是Android提供最早的动画框架，只能这几种效果或者他们的组合效果(明星独唱或者组合喽)，使用起来也是非常方便简单，可以代码实现也可以在XML中定义使用。

那么这些视图动画有哪些通用属性，这里列举了父类Animaiton常用属性：

xml中属性

对应的方法

描述

android:duration

setDuration(long)

指定动画持续时间，单位毫秒

android:fillAfter

setFillAfter(boolean)

设置为true时，指动画结束时界面会停留在动画播放完时的界面，默认false

android:fillBefore

setFillBefore(boolean)

指动画结束时画面停留在此动画的第一帧

android:fillEnabled

setFillEnabled(boolean)

该方法用于使能填充效果。当该方法设置为true时，将执行setFillBefore和setFillAfter方法，否则将忽略setFillBefore和setFillAfter方法

android:interpolator

setInterpolator(Interpolator)

指定动画的插值器类型，比如常见类型有

accelerate_interpolator 加速-动画插入器；

decelerate_interpolator 减速- 动画插入器；

accelerate_decelerate_interpolator 加速-减速 动画插入器

android:repeatCount

setRepeatCount(int)

指定动画的重复次数

android:repeatMode

setRepeatMode(int)

定义动画的重复模式，该类中指定了两个常量值

RESTART 值为1，表示重新开始

REVERSE 值为2，表示play backward

android:startOffset

setStartOffset(long)

动画之间的时间间隔，从上次动画停多少时间开始执行下个动画

android:zAdjustment

setZAdjustment(int)

定义动画的Z Order的改变，有三个常量值：

ZORDER_NORMAL 值为0，保持Z Order不变

ZORDER_TOP 值为1，保持在最上层

ZORDER_BOTTOM值为-1，保持在最下层

使用

文件存放位置:

res/anim/filename.xml

资源引用：

In Java: R.anim.filename

In XML: @[package:]anim/filename

XML中实现通常做法是：

对应目录下定义一个动画文件(在Android studio中直接new --> android resources file，然后选择对应的root标签和目录即可，会自动创建anim文件夹)

在资源文件中添加标签等具体的动画属性值

在代码中使用AnimationUtils来加载定义好的动画文件，会返回一个Animation对象，然后将其附在view控件上即可

Animation animation = AnimationUtils.loadAnimation(this, R.anim.scal);

imageView.startAnimation(animation);

代码实现通常做法：

创建一个AnimationSet对象，并设置相关属性，比如插值器等，后续会具体讲解

创建你想要的某一种或多种动画对象，包括动画执行时间等

然后将这些对象添加到这个AnimationSet对象中

使用控件对象开始执行这个动画集合

AnimationSet animationSet = new AnimationSet(true);

比如创建一个缩放动画ScaleAnimation scale;

animationSet.addAnimation(scale);

imageView.startAnimation(animationSet);

AnimationSet

这个类对应的标签是< set/>,相当于一个容器，来存放其他四种动画或者是子容器的(动画集合嵌套动画集合)

// 指定一个差值器，如果是调用系统内置差值器，包名即为android

android:interpolator="@[package:]anim/interpolator_resource"

// **独有属性** 如果是true 表示它的所有子元素标签都共用这个差值器

android:shareInterpolator=["true" | "false"] >

ScaleAnimation

//动画起始时x轴伸缩尺寸，取值float型，1.0表示不变

android:fromXScale="float"

//动画结束时x轴伸缩尺寸，取值float型，1.0表示不变

android:toXScale="float"

//动画起始时Y轴伸缩尺寸，取值float型，1.0表示不变

android:fromYScale="float"

//动画结束时Y轴伸缩尺寸，取值float型，1.0表示不变

android:toYScale="float"

//缩放的中心点，x轴点位置

android:pivotX="float"

//缩放的中心点，Y轴点位置

android:pivotY="float" />

值得注意的是，这里的缩放的轴心位置pivotX pivotY在xml中依然有三种形式的取值：

50% 自身的百分比

50%p 父容器的百分比

50 具体的数值

它们都是相当于在view的(x,y)坐标上加上 轴点的值 确定的位置，比如android:pivotX="50%" 那么就表示这个轴点的x位置是 它自身的x坐标加上 它自身宽度的一半

privotX = 50%

DEMO

首先定义一个布局文件：

xmlns:tools="http://schemas.android.com/tools"

android:layout_width="match_parent"

android:layout_height="match_parent"

tools:context="com.smart.myapplication.animation.ViewAnimationAct">

android:layout_width="300dp"

android:background="#00ffff"

android:layout_centerInParent="true"

android:gravity="center_horizontal"

android:layout_height="200dp">

android:id="@+id/imageView"

android:scaleType="center"

android:layout_gravity="center"

android:src="@drawable/girl"

android:layout_width="wrap_content"

android:layout_height="wrap_content" />

android:id="@+id/start_anim"

android:layout_alignParentBottom="true"

android:text="缩放"

android:layout_width="wrap_content"

android:background="#2efe4f"

android:layout_centerHorizontal="true"

android:layout_height="wrap_content"

/>

xml动画文件：

android:interpolator="@android:anim/accelerate_decelerate_interpolator">

android:duration="2000"

android:fromXScale="1.0"

android:fromYScale="1.0"

android:pivotX="50%p"

android:pivotY="50%p"

android:toXScale="1.5"

android:toYScale="1.5" />

然后在代码中使用这个动画文件：

public class ViewAnimationAct extends AppCompatActivity {

private ImageView imageView;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_view_animation);

imageView = (ImageView) findViewById(R.id.imageView);

final Animation animation = AnimationUtils.loadAnimation(this, R.anim.scale_anim);

findViewById(R.id.start_anim).setOnClickListener(new View.OnClickListener() {

@Override

public void onClick(View v) {

imageView.startAnimation(animation);

}

});

}

}

直接看效果(录屏反应慢，实际动画时间就两秒)

缩放动画

TranslateAnimation

xml中标签中独有属性：

android:fromXDelta="float|percent" // 动画开始的点离当前View的 X坐标上的差值

android:toXDelta="float|percent" // 动画结束的点离当前View的 X坐标上的差值

android:fromYDelta="float|percent" // 动画开始的点离当前View的 Y坐标上的差值

android:toYDelta="float|percent" // 动画结束的点离当前View的 Y坐标上的差值

/>

这四个属性值支持三种形式的参数：

view自身宽或者高的百分比，范围是-100% -- 100%

x方向的差值(xDelta)就是取得view自身的width 然后作以百分比作为差值

y方向的差值(yDelta)就是取得view自身的height 然后作以百分比作为差值

view父View的宽或者高的百分比，范围是 -100%p -- 100%p

x方向的差值(xDelta)就是取得view的父控件的width 然后作以百分比作为差值

y方向的差值(yDelta)就是取得view的父控件的height 然后作以百分比作为差值

具体位置的像素值 比如 50

**都是以view的(x,y)坐标变换，相当于给他一个transitionX，transitionY

**

DEMO：

页面布局文件(后续的布局和activity中代码实现类似，不在贴出)：

xmlns:tools="http://schemas.android.com/tools"

android:layout_width="match_parent"

android:layout_height="match_parent"

tools:context="com.smart.myapplication.animation.ViewAnimationAct">

android:id="@+id/imageView"

android:scaleType="center"

android:src="@drawable/girl"

android:layout_width="wrap_content"

android:layout_height="wrap_content" />

对应的xml中动画文件：

android:duration="2000"

android:fromXDelta="0%"

android:fromYDelta="0%"

android:repeatCount="1"

android:repeatMode="reverse"

android:toXDelta="80%"

android:toYDelta="80%" />

对应的效果

平移动画

AlphaAnimation

是一种改变透明度的动画，渐进渐出，默认的透明度都是1表示不透明。对应< alpha/>标签,两个独有属性：

android:fromAlpha="float" // 从一个透明度

android:toAlpha="float" // 变化到另一个透明度

/>

这两个属性值的取值：透明度范围为0.0(完全不可见) --- 1.0(不透明)

DEMO

动画文件：

android:duration="2000"

android:fromAlpha="1.0"

android:repeatCount="1"

android:repeatMode="reverse"

android:toAlpha="0" />

对应的效果：

渐变动画

RoateAnimation

旋转动画，给定一个轴心和旋转的角度，组成一个旋转的动画效果。对应的标签是< roate/>

// 旋转的开始角度

android:fromDegrees="float"

// 旋转结束的角度

android:toDegrees="float"

// 旋转的轴心，x位置

android:pivotX="float"

// 旋转的轴心，y位置

android:pivotY="float" />

需要说明的是：

旋转的起始角度可以有正负，并且支持任意角度旋转，比如从0到720，那么会旋转两周

privotX 和 privotY 和缩放动画轴心取值一样，也有三种形式，其实定义的就是圆心的位置

DEMO

动画文件：

android:interpolator="@android:anim/accelerate_decelerate_interpolator">

android:duration="2000"

android:fromDegrees="0"

android:pivotX="50%"

android:pivotY="50%"

android:toDegrees="360" />

对应的效果

旋转动画

上述列举了每一种动画独有的属性，但是别忘了他们共有的属性定义，比如动画执行完停留的位置控制，重复播放动画，多个动画组合时提供不同的时间偏移等等