补间动画 http://www.sunnyos.com/

来源：互联网发布：动漫桌面主题下载软件编辑：程序博客网时间：2024/06/06 13:07

http://www.360doc.com/content/16/0322/07/31855033_544211806.shtml

Tween动画是展现出旋转、渐变、移动、缩放的这么一种转换过程，即补间动画。Tween动画有两种定义方式：XML形式，编码形式。

XML定义动画，按照动画定义语法完成XML，置于/res/anim目录下，文件名作为资源ID引用；

编码定义动画，使用Animation对象。

XML定义动画语法：

XML文件中必须有一个根元素，可以是<alpha>、<scale>、<translate>、<rotate>中的任意一个，也可以是<set>来管理一个由前面几个元素组成的动画集合。

<set>是一个动画容器，管理多个动画的群组，与之相对应的Java对象是AnimationSet。

它有两个属性，

android:interpolator代表一个插值器资源，可以引用系统自带插值器资源，也可以用自定义插值器资源，默认值是匀速插值器；稍后我会对插值器做出详细讲解。

android:shareInterpolator代表<set>里面的多个动画是否要共享插值器，默认值为true，即共享插值器，如果设置为false，那么<set>的插值器就不再起作用，我们要在每个动画中加入插值器。

<alpha>是渐变动画，可以实现淡入和淡出的效果，与之对应的Java对象是AlphaAnimation。

android:fromAlpha属性代表起始alpha值，浮点值，范围在0.0和1.0之间，分别代表透明和完全不透明，

android:toAlpha属性代表结尾alpha值，浮点值，范围也在0.0和1.0之间。

<?xml version="1.0"encoding="utf-8"?>

<set xmlns:android="http://schemas.android.com/apk/res/android">

<alpha

android:fromAlpha="0.1"

android:toAlpha="1.0"

android:duration="3000"

/>

</set>

<scale>是缩放动画，可以实现动态调控件尺寸的效果，与之对应的Java对象是ScaleAnimation。

android:fromXScale属性代表起始的X方向上相对自身的缩放比例，浮点值，比如1.0代表自身无变化，0.5代表起始时缩小一倍，2.0代表放大一倍；

android:toXScale属性代表结尾的X方向上相对自身的缩放比例，浮点值；

android:fromYScale属性代表起始的Y方向上相对自身的缩放比例，浮点值；

android:toYScale属性代表结尾的Y方向上相对自身的缩放比例，浮点值；

android:pivotX属性代表缩放的中轴点X坐标，浮点值，

android:pivotY属性代表缩放的中轴点Y坐标，浮点值，对于这两个属性，如果我们想表示中轴点为图像的中心，我们可以把两个属性值定义成0.5或者50%。

<?xml version="1.0"encoding="utf-8"?>

<set xmlns:android="http://schemas.android.com/apk/res/android">

<scale

android:interpolator=

"@android:anim/accelerate_decelerate_interpolator"

android:fromXScale="0.0"

android:toXScale="1.4"

android:fromYScale="0.0"

android:toYScale="1.4"

android:pivotX="50%"

android:pivotY="50%"

android:fillAfter="false"

android:duration="700" />

</set>

<!-- 尺寸伸缩动画效果 scale

属性：interpolator 指定一个动画的插入器，共三种:

accelerate_decelerate_interpolator 加速-减速动画插入器

accelerate_interpolator 加速-动画插入器

decelerate_interpolator 减速- 动画插入器

其他的属于特定的动画效果

浮点型值：

fromXScale 属性为动画起始时 X坐标上的伸缩尺寸

toXScale 属性为动画结束时 X坐标上的伸缩尺寸

fromYScale 属性为动画起始时Y坐标上的伸缩尺寸

toYScale 属性为动画结束时Y坐标上的伸缩尺寸

说明:

以上四种属性值

0.0表示收缩到没有

1.0表示正常无伸缩

值小于1.0表示收缩

值大于1.0表示放大

pivotX 属性为动画相对于物件的X坐标的开始位置

pivotY 属性为动画相对于物件的Y坐标的开始位置

说明:

以上两个属性值从0%-100%中取值

50%为物件的X或Y方向坐标上的中点位置

长整型值：

duration 属性为动画持续时间

说明: 时间以毫秒为单位

布尔型值:

fillAfter 属性当设置为true ，该动画转化在动画结束后被应用

-->

<translate>是位移动画，代表一个水平、垂直的位移。与之对应的Java对象是TranslateAnimation。

android:fromXDelta属性代表起始X方向的位置，

android:toXDelta代表结尾X方向上的位置，

android:fromYScale属性代表起始Y方向上的位置，

android:toYDelta属性代表结尾Y方向上的位置，

以上四个属性都支持三种表示方式：浮点数、num%、num%p；如果以浮点数字表示，代表相对自身原始位置的像素值；如果以num%表示，代表相对于自己的百分比，比如toXDelta定义为100%就表示在X方向上移动自己的1倍距离；如果以num%p表示，代表相对于父类组件的百分比。

<?xml version="1.0"encoding="utf-8"?>

<set xmlns:android="http://schemas.android.com/apk/res/android">

<translate

android:fromXDelta="30"

android:toXDelta="-80"

android:fromYDelta="30"

android:toYDelta="300"

android:duration="2000"

/>

<!-- translate 位置转移动画效果

整型值:

fromXDelta 属性为动画起始时 X坐标上的位置

toXDelta 属性为动画结束时 X坐标上的位置

fromYDelta 属性为动画起始时 Y坐标上的位置

toYDelta 属性为动画结束时 Y坐标上的位置

注意:

没有指定fromXType toXType fromYType toYType 时候，

默认是以自己为相对参照物

长整型值：

duration 属性为动画持续时间

说明: 时间以毫秒为单位

-->

</set>

<rotate>是旋转动画，与之对应的Java对象是RotateAnimation。

android:fromDegrees属性代表起始角度，浮点值，单位：度；

android:toDegrees属性代表结尾角度，浮点值，单位：度；

android:pivotX属性代表旋转中心的X坐标值，

android:pivotY属性代表旋转中心的Y坐标值，

这两个属性也有三种表示方式，数字方式代表相对于自身左边缘的像素值，num%方式代表相对于自身左边缘或顶边缘的百分比，num%p方式代表相对于父容器的左边缘或顶边缘的百分比。

另外，在动画中，如果我们添加了android:fillAfter=”true”后，这个动画执行完之后保持最后的状态；android:duration=”integer”代表动画持续的时间，单位为毫秒。

<?xml version="1.0"encoding="utf-8"?>

<set xmlns:android="http://schemas.android.com/apk/res/android">

<rotate

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

android:fromDegrees="0"

android:toDegrees="+350"

android:pivotX="50%"

android:pivotY="50%"

android:duration="3000"/>

<!-- rotate 旋转动画效果

属性：interpolator 指定一个动画的插入器，共三种:

accelerate_decelerate_interpolator 加速-减速动画插入器

accelerate_interpolator 加速-动画插入器

decelerate_interpolator 减速- 动画插入器

其他的属于特定的动画效果

浮点数型值:

fromDegrees 属性为动画起始时物件的角度

toDegrees 属性为动画结束时物件旋转的角度可以大于360度

说明:

当角度为负数——表示逆时针旋转

当角度为正数——表示顺时针旋转

(负数from——to正数:顺时针旋转)

(负数from——to负数:逆时针旋转)

(正数from——to正数:顺时针旋转)

(正数from——to负数:逆时针旋转)

pivotX 属性为动画相对于物件的X坐标的开始位置

pivotY 属性为动画相对于物件的Y坐标的开始位置

说明: 以上两个属性值从0%-100%中取值

50%为物件的X或Y方向坐标上的中点位置

长整型值：

duration 属性为动画持续时间

说明: 时间以毫秒为单位

-->

</set>

java使用XML中定义的动画：

public static Animation loadAnimation (Contextcontext,int id)

//第一个参数Context为程序的上下文

//第二个参数id为动画XML文件的引用

//例子：

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

Animation testAnim = AnimationUtils.loadAnimation(this, R.anim.test);//使用AnimationUtils类的静态方法loadAnimation()来加载XML中的动画XML文件

image.startAnimation(testAnim);

插值器

首先要了解为什么需要插值器，因为在补间动画中，我们一般只定义关键帧（首帧或尾帧），然后由系统自动生成中间帧，生成中间帧的这个过程可以成为“插值”。插值器定义了动画变化的速率，提供不同的函数定义变化值相对于时间的变化规则，可以定义各种各样的非线性变化函数，比如加速、减速等。下面是几种常见的插值器：

Interpolator对象资源ID功能作用AccelerateDecelerateInterpolator@android:anim/accelerate_decelerate_interpolator先加速再减速AccelerateInterpolator@android:anim/accelerate_interpolator加速AnticipateInterpolator@android:anim/anticipate_interpolator先回退一小步然后加速前进AnticipateOvershootInterpolator@android:anim/anticipate_overshoot_interpolator在上一个基础上超出终点一小步再回到终点BounceInterpolator@android:anim/bounce_interpolator最后阶段弹球效果CycleInterpolator@android:anim/cycle_interpolator周期运动DecelerateInterpolator@android:anim/decelerate_interpolator减速LinearInterpolator@android:anim/linear_interpolator匀速OvershootInterpolator@android:anim/overshoot_interpolator快速到达终点并超出一小步最后回到终点

插值器使用法：

个性化插值器：

如果系统提供的插值器不能满足需要，可以通过修改插值器的属性优化，比如修改AnticipateInterpolator的加速速率，调整CycleInterpolator的循环次数等。

常见的插值器可调整的属性：

<accelerateDecelerateInterpolator> 无

<accelerateInterpolator> android:factor 浮点值，加速速率，默认为1

<anticipateInterploator> android:tension 浮点值，起始点后退的张力、拉力数，默认为2

<anticipateOvershootInterpolator> android:tension 同上 android:extraTension 浮点值，拉力的倍数，默认为1.5（2 * 1.5）

<bounceInterpolator> 无

<cycleInterplolator> android:cycles 整数值，循环的个数，默认为1

<decelerateInterpolator> android:factor 浮点值，减速的速率，默认为1

<linearInterpolator> 无

<overshootInterpolator> 浮点值，超出终点后的张力、拉力，默认为2

使用修改插值器属性法

在/res/anim下创建一个XML文件（以修改overshootInterpolator属性为例）命名为my_overshoot_interpolator.xml

<?xml version=”1.0″ encoding=”utf-8″?>

<overshootInterpolator xmlns:android=”http://schemas.android.com/apk/res/android”

android:tension=”7.0″/>

引用到自定义的插值器

自定义插值器

如果以上的修改系统插值器属性仍无法满足需要，可以自定义插值器。

转自:http://hi.baidu.com/yimifeitian/blog/item/e432e81ed8385317314e1568.html

目录(?)[+]

补间动画（Tween Animation）

补间动画与逐帧动画在本质上是不同的，逐帧动画通过连续播放图片来模拟动画的效果，而补间动画则是通过在两个关键帧之间补充渐变的动画效果来实现的。补间动画的优点是可以节省空间。目前Android应用框架支持的补间动画效果有以下5种。具体实现在android.view.animation类库中。

AlphaAnimation：透明度（alpha）渐变效果，对应<alpha/>标签。

TranslateAnimation：位移渐变，需要指定移动点的开始和结束坐标，对应<translate/>标签。

ScaleAnimation：缩放渐变，可以指定缩放的参考点，对应<scale/>标签。

RotateAnimation：旋转渐变，可以指定旋转的参考点，对应<rotate/>标签。

AnimationSet：组合渐变，支持组合多种渐变效果，对应<set/>标签。

补间动画的效果同样可以使用XML语言来定义，这些动画模板文件通常会被放在Android项目的res/anim/目录下。

下面是具体实现源码：

MainActivity.java封装实现的方法：

[java] view plain copy

package com.example.lesson19_tween;
import com.example.lesson19_tween.R;
import android.app.Activity;
import android.os.Bundle;
import android.view.Menu;
import android.view.View;
import android.view.animation.Animation;
import android.view.animation.AnimationUtils;
import android.view.animation.ScaleAnimation;
import android.view.animation.TranslateAnimation;
import android.widget.ImageView;
public class MainActivity extends Activity {
private ImageView imageView;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
imageView = (ImageView) findViewById(R.id.imageView1);
}
@Override
public boolean onCreateOptionsMenu(Menu menu) {
// Inflate the menu; this adds items to the action bar if it is present.
getMenuInflater().inflate(R.menu.main, menu);
return true;
}
// 透明动画
public void alphaImpl(View v) {
Animation animation = AnimationUtils.loadAnimation(this,
R.anim.alpha_demo);
imageView.startAnimation(animation);
}
// 旋转动画
public void rotateImpl(View v) {
Animation animation = AnimationUtils.loadAnimation(this,
R.anim.rotate_demo);
imageView.startAnimation(animation);
}
// 缩放动画
public void scaleImpl(View v) {
Animation animation = AnimationUtils.loadAnimation(this,
R.anim.scale_demo);
imageView.startAnimation(animation);
}
// 移动效果
public void translateImpl(View v) {
// XML文件
Animation animation = AnimationUtils.loadAnimation(this,
R.anim.translate_demo);
animation.setRepeatCount(Animation.INFINITE);//循环显示
imageView.startAnimation(animation);
/*
* 第一种 imageView.setAnimation(animation); animation.start();
*/
// 第二种
// Java代码
/*
* TranslateAnimation translateAnimation = new TranslateAnimation(0,
* 200, 0, 0); translateAnimation.setDuration(2000);
* imageView.startAnimation(translateAnimation);
*/
}
// 综合实现set_demo.xml中的动画
public void setAll(View v) {
Animation animation = AnimationUtils.loadAnimation(this,
R.anim.set_demo);
imageView.startAnimation(animation);
}
}

alpha_demo.xml

[html] view plain copy

<alpha xmlns:android="http://schemas.android.com/apk/res/android"
android:interpolator="@android:anim/accelerate_decelerate_interpolator"
android:fromAlpha="1.0"
android:toAlpha="0.1"
android:duration="2000"/>
<!--
fromAlpha :起始透明度
toAlpha:结束透明度
1.0表示完全不透明
0.0表示完全透明
-->

rotate_demo.xml

[html] view plain copy

<rotate xmlns:android="http://schemas.android.com/apk/res/android"
android:interpolator="@android:anim/accelerate_decelerate_interpolator"
android:fromDegrees="0"
android:toDegrees="360"
android:duration="1000"
android:repeatCount="1"
android:repeatMode="reverse"/>
<!--
fromDegrees:表示旋转的起始角度
toDegrees:表示旋转的结束角度
repeatCount:旋转的次数默认值是0 代表旋转1次如果值是repeatCount=4 旋转5次，值为-1或者infinite时，表示补间动画永不停止
repeatMode 设置重复的模式。默认是restart。当repeatCount的值大于0或者为infinite时才有效。
repeatCount=-1 或者infinite 循环了
还可以设成reverse，表示偶数次显示动画时会做与动画文件定义的方向相反的方向动行。
-->

scale_demo.xml

[html] view plain copy

<scale xmlns:android="http://schemas.android.com/apk/res/android"
android:interpolator="@android:anim/accelerate_interpolator"
android:fromXScale="0.2"
android:toXScale="1.5"
android:fromYScale="0.2"
android:toYScale="1.5"
android:pivotX="50%"
android:pivotY="50%"
android:duration="2000"/>
<!--
fromXScale:表示沿着x轴缩放的起始比例
toXScale:表示沿着x轴缩放的结束比例
fromYScale:表示沿着y轴缩放的起始比例
toYScale:表示沿着y轴缩放的结束比例
图片中心点：
android:pivotX="50%"
android:pivotY="50%"
-->

translate_demo.xml

[html] view plain copy

<translate xmlns:android="http://schemas.android.com/apk/res/android"
android:interpolator="@android:anim/accelerate_decelerate_interpolator"
android:fromXDelta="0"
android:toXDelta="320"
android:fromYDelta="0"
android:toYDelta="0"
android:duration="2000"/>
<!--
android:interpolator 动画的渲染器
1、accelerate_interpolator(动画加速器) 使动画在开始的时候最慢,然后逐渐加速
2、decelerate_interpolator(动画减速器)使动画在开始的时候最快,然后逐渐减速
3、accelerate_decelerate_interpolator（动画加速减速器）
中间位置分层: 使动画在开始的时候最慢,然后逐渐加速
使动画在开始的时候最快,然后逐渐减速结束的位置最慢
fromXDelta 动画起始位置的横坐标
toXDelta 动画起结束位置的横坐标
fromYDelta 动画起始位置的纵坐标
toYDelta 动画结束位置的纵坐标
duration 动画的持续时间
-->

set_demo.xml

[html] view plain copy

<set xmlns:android="http://schemas.android.com/apk/res/android"
android:interpolator="@android:anim/decelerate_interpolator"
android:shareInterpolator="true" >
<scale
android:duration="2000"
android:fromXScale="0.2"
android:fromYScale="0.2"
android:pivotX="50%"
android:pivotY="50%"
android:toXScale="1.5"
android:toYScale="1.5" />
<rotate
android:duration="1000"
android:fromDegrees="0"
android:repeatCount="1"
android:repeatMode="reverse"
android:toDegrees="360" />
<translate
android:duration="2000"
android:fromXDelta="0"
android:fromYDelta="0"
android:toXDelta="320"
android:toYDelta="0" />
<alpha
android:duration="2000"
android:fromAlpha="1.0"
android:toAlpha="0.1" />
</set>

布局文件：

[html] view plain copy

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context=".MainActivity" >
<Button
android:id="@+id/button1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true"
android:layout_marginLeft="23dp"
android:layout_marginTop="15dp"
android:onClick="translateImpl"
android:text="@string/text_translate" />
<Button
android:id="@+id/button2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBottom="@+id/button1"
android:layout_marginLeft="21dp"
android:onClick="rotateImpl"
android:layout_toRightOf="@+id/imageView1"
android:text="@string/text_rotate" />
<Button
android:id="@+id/button3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignRight="@+id/button1"
android:layout_below="@+id/button1"
android:layout_marginTop="32dp"
android:onClick="scaleImpl"
android:text="@string/text_scale" />
<Button
android:id="@+id/button4"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBaseline="@+id/button3"
android:layout_alignBottom="@+id/button3"
android:layout_alignLeft="@+id/button2"
android:onClick="alphaImpl"
android:text="@string/text_alpha" />
<Button
android:id="@+id/button5"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/button3"
android:layout_centerHorizontal="true"
android:onClick="setAll"
android:text="@string/text_set" />
<ImageView
android:id="@+id/imageView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/button5"
android:layout_marginTop="48dp"
android:layout_toRightOf="@+id/button3"
android:src="@drawable/ic_launcher" />
</RelativeLayout>

效果如下：

在实际项目中，我们经常使用补间动画，原因是补间动画使用起来比较方便，功能也比逐帧动画强大不少，而且还可以很方便地进行动画叠加，实现更加复杂的效果。实际上，set_demo.xml中的<set/>标签对应的就是AnimationSet类，即“动画集合”的概念，支持加入多种动画效果，如渐变动画（alpha）、大小动画（scale），线性动画（translate）等。另外，在Android系统中，所有与动画相关的类都归类在android.view.animation包之下，大家可以参考SDK文档进行进一步学习。

至此，我们已经初步了解了如何在Android系统中使用各种动画效果，包括逐帧动画和补间动画。显而易见的是，在Android平台之上，开发者们可以很方便地使用各种动画效果来为应用产品增色。

顶: 3

踩: 0

上一篇Android开发（25）--framebyframe帧动画并实现启动界面到主界面的跳转
下一篇Android开发（27）--TextView单击链接弹出Activity

我的同类文章

java（124）Android开发（31） 面试（20）

•sqlserver 和Oracle中 order by（排序）的区别2014-03-24阅读1370
•easyui中的分页实现(支持MySQL，SQLServer，Oracle)2014-02-21阅读2298
•多级反向代理下，Java获取请求客户端的真实IP地址多中方法整合2014-02-10阅读14379
•jquery easyui 授权树递归实现（部分Java代码）2014-01-10阅读2494
•jqueryeasyui递归实现用户组树2014-01-09阅读1579

•分页查询发电量评估纵向历史对比数据(项目保留)2014-03-18阅读846
•功能组管理-添加移除功能（两种实现方式）2014-02-20阅读937
•项目中废弃的form表单普通提交2014-01-13阅读1009
•jquery easyui 授权树普通实现（部分Java代码）2014-01-10阅读1365
•Spring Mvc 模式中js报错出现"NetworkError: 400 Bad Request "2014-01-09阅读4701

引言

当今，Android、IOS二分天下，什么Tizen、COS blabla的均为蝼蚁，一看就知道是为打发领导或为花研发资金产出的产品，根本不是为了赢得市场，为的只是博得领导一笑而已，完全可以忽视。而Android开发又因为开发语言以Java为主，入门门槛极低导致基本上是个程序员，泡两天EOE，或Android Developer Training都可以过来说“哥会开发Android app了！”，那么什么才能将你的App脱颖而出呢？准确的用户痛点、良好的数据结构、简单易用的交互流程、大方前卫的设计风格等等等等都是必要的，而对于用户来说，最直观、最直接、最能被打动的就是界面，本片博客就来讲述一下Android界面开发中不可小觑的动画开发，初步决定要分为三篇博客进行详解，分别是xml动画、代码动画、插值器。本篇作为开篇，就来讲述一下xml动画的开发。

定义

[html] view plain copy print?

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
<scale
android:pivotX="50%p"
android:pivotY="50%p"
android:fromXScale="1" android:toXScale=".85"
android:fromYScale="1" android:toYScale=".85"
android:duration="@android:integer/config_shortAnimTime" />
<alpha
android:fromAlpha="1"
android:toAlpha=".4"
android:duration="@android:integer/config_shortAnimTime" />
</set>

开篇贴出一个简单的xml动画作为解析的例子（动画xml是在res/anim中的）。首先是set，set可以理解为容器，所承载的内容为动画。有了set，就可以让多个不同的属性动画同时进行播放。在上边的例子中，一个set（容器）包含了两个子动画，分别是scale——缩放动画和 alpha——透明度动画。set同样拥有android:duration属性，用来定义所有子动画持续的时间，例子中显然犯了啥，如果子动画的时间都是一样的话可以放在一个set中进行统一定义。set的常用属性有：

[html] view plain copy print?

android:duration="200"
android:interpolator="@android:interpolator/overshoot"
android:repeatCount="infinite"
android:repeatMode="reverse|restart"

android:duration已经说过，定义的是set容器所包含的所有子动画持续的时间，单位为毫秒ms；

android:interpolator用来定义容器中所有子动画的插值器，后边的文章会详细说明什么是插值器；

android:repeatCount用来定义容器中所有子动画的重复次数，infinite为无限；

android:repeateMode用来定义容器中所有子动画重复时的模式，restart为重头播放，reverse为回放（很诡异吧）。

PS：上边这些属性所有属性动画（子动画）都有，意义相同。

现在看scale缩放动画，注意对其属性进行说明（除了android:duration都是scale缩放动画特有的属性）：

android:pivotX缩放的X轴坐标在哪。此X轴所在坐标系与我们从小到大所学的略有区别：

[plain] view plain copy print?

Y
|
|
-----------------------→ X
|
↓

区别就是Y轴是向下增长的，X则一样，是向右增长。缩放时，需要有一个基准坐标，pivotX就定义了这个基准坐标的X坐标部分，注意其属性值为50%p，就代表了是某个单位的X轴上的一半，不要忘了“p"(percent)，这样就免去了我们要计算这个单位宽度再做处理的麻烦。

android:pivotY缩放基准点的Y轴坐标，别忘了是向下增长的，当然了如果是中心的话，可以像例子中一样简单的定义为50%p。

android:fromXScale缩放开始视图单位在X轴上的缩放比例为多少，1即为100%，”.5"即为50%，fromYScale同理。

android:toXScale缩放结束后视图单位在X轴上的缩放比例为多少，Android系统会自动为我们讲视图从from到to做补间动画（自动连续且自然），toYScale同理。

最后用一句话总结scale缩放动画的含义：以视图单位的中心点为准，将其大小从100%所放到85%，持续时间为300毫秒。

PS：Android内置了三个动画持续时长，分别为@android:integer/config_shortAnimTime(200ms)、@android:integer/config_mediumAnimTime(400ms)、@android:integer/config_longAnimTime(500ms)，同时值得注意的是，在Android系统的设置中的开发者选项中，动画持续时间的调试选项只有在使用这几个值时才会生效，如果你使用了自定义的时间，这几个开发者选项将不能对你的应用生效。

说明完scale缩放动画后，再来看下一个alpha透明度动画，这个就要简单多了，简单的两个属性：

android:fromAlpha动画开始时的视图透明度；

android:toAlpha动画结束时的视图透明度，同样的”.4"代表40%，一个“."即带包百分比。

分析完了整个xml动画文件，总结一下这个动画文件所描述的动画行为就是：以视图中心为基准，进行100% 到85%的缩放，与此同时视图的透明度由100% 渐变到 40%，整个动画过程持续200ms。

除了上边介绍到的scale缩放动画和alpha透明度动画，xml动画还可以定义其他的动画形式：

[html] view plain copy print?

<rotate
android:fromDegrees=""
android:toDegrees=""
android:pivotX=""
android:pivotY="" />
<translate
android:fromXDelta="" android:toXDelta=""
android:fromYDelta="" android:toYDelta="" />

rotate旋转动画和translate位移动画。

rotate旋转动画。围绕点(pivotX, pivotY)进行旋转，起始角度为fromDegrees，终止角度为toDegrees。

translate位移动画。X轴上从fromXDelta移动到toXDelta，Y轴上从fromYDelta移动到toYDelta，很容易理解。

XML动画的定义在Android L之前就是这些（L版本的动画只有在L平台上有效，作为beta版本目前没有多少设备覆盖量），总共包含四种动画形式：scale缩放，alpha透明度，rotate旋转，translate位移。等等，是不是缺少了什么？如果想设计围绕X或Y轴的旋转动画呢？对不起，XML动画还做不了这个，只能在代码中定义，看之后的文章吧。

使用

定义完了XML动画文件后如何进行使用呢？首先，明确一下xml动画能够应用到哪些地方：Activity、Fragment及所有View。先讲一下View，关于View的动画需要在代码中实现，假设我们已经定义了一个XML动画，名字为fade_zoom_out.xml，获取这个动画的对象：

[java] view plain copy print?

Animation animation = AnimationUtils.loadAnimation(context, R.anim.fade_zoom_out);

Animation和AnimationUtils都是android.view.animation的子类，在API 1中都已经存在，不用担心兼容性。

让指定的View播放我们刚刚获取的动画需要调用View的startAnimation方法：

[java] view plain copy print?

public void startAnimation(Animation animation)

而很多时候，我们在动画播放的不同时段需要对View做不同处理，这里就需要用到动画监听器AnimationListener，给动画设定监听器，所以必然是Animation类的方法：

[java] view plain copy print?

public void setAnimationListener(AnimationListener listener)

动画监听器AnimationListener很好理解，分别监听了动画开始时、结束时、重复播放时：

[java] view plain copy print?

public static interface AnimationListener {
void onAnimationStart(Animation animation);
void onAnimationEnd(Animation animation);
void onAnimationRepeat(Animation animation);
}

XML动画在View上的应用就是这样了，很简单吧。

Activiyt的动画应用有两种方式，分别是代码中和styles.xml中主题覆盖。个人推崇通过主题定义来应用Activity动画，这样整个应用的统一性更好，有问题也比较容易修改。但是还是要说一下代码中怎么将XML动画应用在Activity上：

[java] view plain copy print?

public void overridePendingTransition(int enterAnim, int exitAnim)

参数enterAnim和exitAnim都应该是R.anim.xxx的形式。如果没有动画则给0。这个函数需要在如startActivity或finish调用之后进行调用。enterAnim的动画会应用在进来（新）的那个Activity上，exitAnim的动画会应用在离去的Activity上。

假设现在有两个Activity，A和B。从A中执行startActivity(B)，然后调用overridePendingTransition(enterAnim， exitAnim)。这时B是新的，A是旧的，需要消失。则enterAnim会应用在B上，exitAnim会应用在A上。

主题定义的方式。自定应用主题时，动画风格的属性为android:windowAnimationStyle：

[html] view plain copy print?

<item name="android:windowAnimationStyle">@style/Animation</item>

自定义时，注意parent的选择：

[html] view plain copy print?

<style name="Animation"
parent="@android:style/Animation.Activity">
</style>

这样做是为了保证系统默认动画的存在，所自定义的会覆盖系统默认的，没有自定义的就直接采用系统默认的，不会出现未自定义就直接没有动画的效果。

Activity相关动画属性的设置有四个：

[html] view plain copy print?

<item name="android:activityOpenEnterAnimation"></item>
<item name="android:activityOpenExitAnimation"></item>
<item name="android:activityCloseEnterAnimation"></item>
<item name="android:activityCloseExitAnimation"></item>

定义上特别的绕嘴，而且理解上与看字面上的第一印象并不相同。

android:activityOpenEnterAnimation指的是由打开动作（open）引出的新的Activity进入的动画是什么；

android:activityOpenExitAnimation指的是由打开动作（open）引出新的Activity后，旧的Activity的退出动画是什么；

android:activityCloseEnterAnimation指的是由上一个Activity的关闭导致Activity栈中下一个Activity出现时，所出现的这个Activity的动画效果如何；

android:activityCloseExitAnimation指的是由上一个Activity关闭导致的栈中下一个Activity出现时，这个关闭的Activity退出动画如何。

果然很绕嘴吧，下边用一个例子来解释：

假设有两个Activity A和B，分别设置了不同的动画主题。当前窗口显示的是A，点击A中的某个按钮会引出B。

当点击A中的这个按钮时，因为B是因为被打开引出的，所以B播放的是B主题的activityOpenEnterAnimation动画，而A播放的是B主题activityOpenExitAnimation动画（因为A的退出（实际是在Activity栈中后退了一个）是因为B被Open导致的，并不是因为A自身的open或close操作）。

当从B返回时，B界面需要消失，Activity栈决定A界面该出现在前台。所以可以说A的出现是因为B的close行为导致的。那么A和B所播放的动画就是A主题中定义的那些，A因为close行为导致出现，则播放activityCloseEnterAnimation，B是这个close行为中需要退出的界面，则播放activityCloseExitAnimation。

如果还是不理解，就定义几个差异显著的动画来亲身测试一下吧，绝对立竿见影的！

Activity的动画就是这样，开发过程中还是比较常见的。关于Fragment的相关动画设置改日再写，今天晚了，睡觉去~

总结

动画的使用能够为应用增光添彩，但是凡事讲求度，一旦动画被滥用，整体的用户体验非但不能提升，反而容易让用户感觉到十分做作。多讲求一些微动画吧，比如View的微微抖动。而转场动画就更应该讲求清新淡雅，如果动画效果过于强烈，用户一定觉得你的应用运行的很费劲。XML动画应用比较简单，一般适合用来做转场动画，对于View动画来说并不够灵活。

顶: 3

踩: 0

上一篇Android应用开发：网络工具——Volley（二）
下一篇Android应用开发：社会化平台登录接入

我的同类文章

Android开发（19）

•Android应用开发：LoaderManager在Activity/Fragment中的使用分析2014-10-17阅读3695
•Android应用开发：社会化平台登录接入2014-09-21阅读2094
•Android应用开发：网络工具——Volley（一）2014-09-01阅读9882
•Android应用开发：Dialog使用1232014-08-28阅读3245
•Android应用开发：ImageLoader小陷阱——同一个URI2014-08-14阅读3862

•Android应用开发：CardView的使用及兼容2014-09-26阅读40439
•Android应用开发：网络工具——Volley（二）2014-09-03阅读5014
•Android应用开发：图形绘制之硬件加速2014-08-29阅读3345
•Android应用开发：Fragment与大型数据缓存2014-08-18阅读3733

补间动画 http://www.sunnyos.com/

补间动画（Tween Animation）

下面是具体实现源码：

MainActivity.java封装实现的方法：

alpha_demo.xml

rotate_demo.xml

scale_demo.xml

translate_demo.xml

set_demo.xml

布局文件：

我的同类文章

核心技术类目

引言

定义

使用

总结

我的同类文章

核心技术类目