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

版权声明：本文为博主原创文章，未经博主允许不得转载。

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之间。

1 2 3 4 5 6 7 8 9

<? xml version = "1.0" encoding = "utf-8" ?> < set xmlns:android = "http://schemas.android.com/apk/res/android" > <!-- 表示透明度从0.1到1.0,时长为3000ms。--> < 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%。

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42

<? 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表示，代表相对于父类组件的百分比。

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23

<? 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”代表动画持续的时间，单位为毫秒。

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34

<? 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中定义的动画：

1 2 3 4 5 6 7 8

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	快速到达终点并超出一小步最后回到终点

插值器使用法：

<set android:interpolator=”@android:anim/accelerate_interpolator”>

…

</set>

个性化插值器：

如果系统提供的插值器不能满足需要，可以通过修改插值器的属性优化，比如修改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″/>

引用到自定义的插值器

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

   android:interpolator=”@anim/my_overshoot_interpolator”

   …/>

自定义插值器

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

转自: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

1. package com.example.lesson19_tween;  
2.   
3. import com.example.lesson19_tween.R;  
4.   
5. import android.app.Activity;  
6. import android.os.Bundle;  
7. import android.view.Menu;  
8. import android.view.View;  
9. import android.view.animation.Animation;  
10. import android.view.animation.AnimationUtils;  
11. import android.view.animation.ScaleAnimation;  
12. import android.view.animation.TranslateAnimation;  
13. import android.widget.ImageView;  
14.   
15. public class MainActivity extends Activity {  
16.   
17.     private ImageView imageView;  
18.   
19.     @Override  
20.     protected void onCreate(Bundle savedInstanceState) {  
21.         super.onCreate(savedInstanceState);  
22.         setContentView(R.layout.activity_main);  
23.   
24.         imageView = (ImageView) findViewById(R.id.imageView1);  
25.     }  
26.   
27.     @Override  
28.     public boolean onCreateOptionsMenu(Menu menu) {  
29.         // Inflate the menu; this adds items to the action bar if it is present.  
30.         getMenuInflater().inflate(R.menu.main, menu);  
31.         return true;  
32.     }  
33.   
34.     // 透明动画  
35.     public void alphaImpl(View v) {  
36.   
37.         Animation animation = AnimationUtils.loadAnimation(this,  
38.                 R.anim.alpha_demo);  
39.         imageView.startAnimation(animation);  
40.     }  
41.   
42.     // 旋转动画  
43.     public void rotateImpl(View v) {  
44.         Animation animation = AnimationUtils.loadAnimation(this,  
45.                 R.anim.rotate_demo);  
46.         imageView.startAnimation(animation);  
47.     }  
48.   
49.     // 缩放动画  
50.     public void scaleImpl(View v) {  
51.         Animation animation = AnimationUtils.loadAnimation(this,  
52.                 R.anim.scale_demo);  
53.         imageView.startAnimation(animation);  
54.     }  
55.   
56.     // 移动效果  
57.     public void translateImpl(View v) {  
58.         // XML文件  
59.         Animation animation = AnimationUtils.loadAnimation(this,  
60.                 R.anim.translate_demo);  
61.   
62.         animation.setRepeatCount(Animation.INFINITE);//循环显示  
63.         imageView.startAnimation(animation);  
64.   
65.         /* 
66.          * 第一种 imageView.setAnimation(animation); animation.start(); 
67.          */  
68.         // 第二种  
69.   
70.         // Java代码  
71.         /* 
72.          * TranslateAnimation translateAnimation = new TranslateAnimation(0, 
73.          * 200, 0, 0); translateAnimation.setDuration(2000); 
74.          * imageView.startAnimation(translateAnimation); 
75.          */  
76.     }  
77.   
78.     // 综合实现set_demo.xml中的动画  
79.     public void setAll(View v) {  
80.         Animation animation = AnimationUtils.loadAnimation(this,  
81.                 R.anim.set_demo);  
82.         imageView.startAnimation(animation);  
83.     }  
84.       
85. }  

alpha_demo.xml

[html] view plain copy

1. <alpha xmlns:android="http://schemas.android.com/apk/res/android"  
2.     android:interpolator="@android:anim/accelerate_decelerate_interpolator"  
3.     android:fromAlpha="1.0"  
4.     android:toAlpha="0.1"  
5.     android:duration="2000"/>  
6.  <!--   
7.  fromAlpha :起始透明度  
8.  toAlpha:结束透明度  
9.  1.0表示完全不透明  
10.  0.0表示完全透明  
11.   -->  

rotate_demo.xml

[html] view plain copy

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

scale_demo.xml

[html] view plain copy

1. <scale xmlns:android="http://schemas.android.com/apk/res/android"  
2.     android:interpolator="@android:anim/accelerate_interpolator"  
3.     android:fromXScale="0.2"  
4.     android:toXScale="1.5"  
5.     android:fromYScale="0.2"  
6.     android:toYScale="1.5"  
7.     android:pivotX="50%"  
8.     android:pivotY="50%"  
9.     android:duration="2000"/>  
10.   
11. <!--   
12. fromXScale:表示沿着x轴缩放的起始比例  
13. toXScale:表示沿着x轴缩放的结束比例  
14.   
15. fromYScale:表示沿着y轴缩放的起始比例  
16. toYScale:表示沿着y轴缩放的结束比例  
17.   
18. 图片中心点：  
19.   android:pivotX="50%"   
20.     android:pivotY="50%"  
21.   
22.  -->  

translate_demo.xml

[html] view plain copy

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

set_demo.xml

[html] view plain copy

1. <set xmlns:android="http://schemas.android.com/apk/res/android"  
2.     android:interpolator="@android:anim/decelerate_interpolator"  
3.     android:shareInterpolator="true" >  
4.   
5.     <scale  
6.         android:duration="2000"  
7.         android:fromXScale="0.2"  
8.         android:fromYScale="0.2"  
9.         android:pivotX="50%"  
10.         android:pivotY="50%"  
11.         android:toXScale="1.5"  
12.         android:toYScale="1.5" />  
13.   
14.     <rotate  
15.         android:duration="1000"  
16.         android:fromDegrees="0"  
17.         android:repeatCount="1"  
18.         android:repeatMode="reverse"  
19.         android:toDegrees="360" />  
20.   
21.     <translate  
22.         android:duration="2000"  
23.         android:fromXDelta="0"  
24.         android:fromYDelta="0"  
25.         android:toXDelta="320"  
26.         android:toYDelta="0" />  
27.   
28.     <alpha  
29.         android:duration="2000"  
30.         android:fromAlpha="1.0"  
31.         android:toAlpha="0.1" />  
32.   
33.       
34.   
35. </set>  

布局文件：

[html] view plain copy

1. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
2.     xmlns:tools="http://schemas.android.com/tools"  
3.     android:layout_width="match_parent"  
4.     android:layout_height="match_parent"  
5.     android:paddingBottom="@dimen/activity_vertical_margin"  
6.     android:paddingLeft="@dimen/activity_horizontal_margin"  
7.     android:paddingRight="@dimen/activity_horizontal_margin"  
8.     android:paddingTop="@dimen/activity_vertical_margin"  
9.     tools:context=".MainActivity" >  
10.   
11.     <Button  
12.         android:id="@+id/button1"  
13.         android:layout_width="wrap_content"  
14.         android:layout_height="wrap_content"  
15.         android:layout_alignParentLeft="true"  
16.         android:layout_alignParentTop="true"  
17.         android:layout_marginLeft="23dp"  
18.         android:layout_marginTop="15dp"  
19.          android:onClick="translateImpl"  
20.         android:text="@string/text_translate" />  
21.   
22.     <Button  
23.         android:id="@+id/button2"  
24.         android:layout_width="wrap_content"  
25.         android:layout_height="wrap_content"  
26.         android:layout_alignBottom="@+id/button1"  
27.         android:layout_marginLeft="21dp"  
28.          android:onClick="rotateImpl"  
29.         android:layout_toRightOf="@+id/imageView1"  
30.         android:text="@string/text_rotate" />  
31.   
32.     <Button  
33.         android:id="@+id/button3"  
34.         android:layout_width="wrap_content"  
35.         android:layout_height="wrap_content"  
36.         android:layout_alignRight="@+id/button1"  
37.         android:layout_below="@+id/button1"  
38.         android:layout_marginTop="32dp"  
39.         android:onClick="scaleImpl"  
40.         android:text="@string/text_scale" />  
41.   
42.     <Button  
43.         android:id="@+id/button4"  
44.         android:layout_width="wrap_content"  
45.         android:layout_height="wrap_content"  
46.         android:layout_alignBaseline="@+id/button3"  
47.         android:layout_alignBottom="@+id/button3"  
48.         android:layout_alignLeft="@+id/button2"  
49.         android:onClick="alphaImpl"  
50.         android:text="@string/text_alpha" />  
51.   
52.     <Button  
53.         android:id="@+id/button5"  
54.         android:layout_width="wrap_content"  
55.         android:layout_height="wrap_content"  
56.         android:layout_below="@+id/button3"  
57.         android:layout_centerHorizontal="true"  
58.         android:onClick="setAll"  
59.         android:text="@string/text_set" />  
60.   
61.     <ImageView  
62.         android:id="@+id/imageView1"  
63.         android:layout_width="wrap_content"  
64.         android:layout_height="wrap_content"  
65.         android:layout_below="@+id/button5"  
66.         android:layout_marginTop="48dp"  
67.         android:layout_toRightOf="@+id/button3"  
68.         android:src="@drawable/ic_launcher" />  
69.   
70. </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开发精品课程【Java核心知识】

Android底层技术：Java层系统服务(Android Service)

Android必备的Java基础知识(二)

Android必备的Java基础知识

ArcGIS for JavaScript

查看评论

5楼 ylqhust 2015-11-09 14:56发表 [回复]

简单清除，好

4楼 炒饭加蛋 2014-12-23 10:39发表 [回复]

楼主你好，我最近要做小游戏，然后需要一个左右缓慢摇摆的动画，我用的是scale_demo.xml。发现动画摇摆的很快，怎么样才能摆动的慢一些。或者用别的什么方法好？

3楼 炒饭加蛋 2014-12-23 10:39发表 [回复]

楼主你好，我最近要做小游戏，然后需要一个左右缓慢摇摆的动画，我用的是scale_demo.xml。发现动画摇摆的很快，怎么样才能摆动的慢一些。或者用别的什么方法好？

2楼 wsxzz_1998 2014-01-03 12:40发表 [回复]

这个的确是源代码了，呵呵

1楼 xty19 2013-07-15 22:00发表 [回复]

如果可以附上源码更好了

Re: sgx425021234 2013-07-16 09:39发表 [回复]

回复xty19：这个已经就是源码了。。

发表评论

• 用 户 名：
• u014748504

• 评论内容：
• 

•   

* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场

核心技术类目

全部主题 Hadoop AWS 移动游戏 Java Android iOS Swift 智能硬件 Docker OpenStack VPN Spark ERP IE10 Eclipse CRM JavaScript 数据库 Ubuntu NFC WAP jQuery BI HTML5 Spring Apache .NET API HTML SDK IIS Fedora XML LBS Unity Splashtop UML components Windows Mobile Rails QEMU KDE Cassandra CloudStack FTC coremail OPhone CouchBase 云计算 iOS6 Rackspace Web App SpringSide Maemo Compuware 大数据 aptech Perl Tornado Ruby Hibernate ThinkPHP HBase Pure Solr Angular Cloud Foundry Redis Scala Django Bootstrap

• 个人资料

• 
  sgx425021234
  
  • 访问：409718次
  • 积分：6432
  • 等级：
  • 排名：第2108名
  • 原创：188篇
  • 转载：26篇
  • 译文：11篇
  • 评论：155条

• 联系方式

• • 
    
    

• 文章搜索

• 博客专栏

• Java经典面试精选 文章：5篇 阅读：10913

  spring入门 文章：18篇 阅读：37693

• 文章分类

• java(125)
• java基础复习(10)
• 译 java(1)
• XML(10)
• javaweb(64)
• Android开发(32)
• IT前沿软文(7)
• JSP技术(26)
• 杂文(10)
• hibernate(15)
• struts2(15)
• javascript(12)
• jQuery(16)
• Oracle入门(11)
• 面试(21)
• win 8(0)
• windows phone(1)
• spring(25)
• 杂七乱八(6)
• 心情(3)
• 大数据(7)
• 商业智能(4)
• Oracel BIEE(2)
• informatica PowerCenter(1)
• springMVC(9)
• sql server(6)

• 文章存档

• • 2014年03月(2)
  • 2014年02月(3)
  • 2014年01月(6)
  • 2013年11月(3)
  • 2013年10月(1)
  • 展开

• 阅读排行

• java.lang.UnsatisfiedLinkError: D:\Tomcat\apache-tomcat-7.0.37\bin\tcnative-1.dll: Can't load AMD 64(22526)
• 多级反向代理下，Java获取请求客户端的真实IP地址多中方法整合(14378)
• Android开发(26)--补间动画(Tween)的实现(11316)
• Android开发（16）-TextView显示表情图像和文字(9963)
• Android开发（21）--有关Spinner控件的使用说明(9397)
• jsp课程（7）---jsp+servlet+javabean 实现的简单网上购物车(8044)
• Android开发（15）-TextView显示丰富的文本(7371)
• Android开发（20）--RadioGroup的使用(6909)
• 什么是冯诺依曼结构计算机？(6781)
• Android开发(30)--AutoCompleteTextView和MultiAutoCompleteTextView自动提示输入内容(6508)

• 评论排行

• 解决在IE浏览器中点击登录出现打开或保存json文件的提示(13)
• jsp课程（7）---jsp+servlet+javabean 实现的简单网上购物车(10)
• java经典面试题（2）(8)
• 多级反向代理下，Java获取请求客户端的真实IP地址多中方法整合(8)
• Android开发（17）-通过安卓API的Tabs3实现仿优酷tabhost效果(7)
• sql server详细安装过程(6)
• Android开发(26)--补间动画(Tween)的实现(6)
• spring入门（2）---第一个spring案例(5)
• VMware Workstation(虚拟机软件) V10.0 简体中文版可以安装了(4)
• csdn小感(4)

• 推荐文章

• • *Android View体系（七）从源码解析View的measure流程
  • *你真的了解iOS代理设计模式吗？
  • *浅谈Storm流式处理框架
  • *有关深度学习领域的几点想法
  • * 浅谈百度地图的简单开发之结合方向传感器实现定位功能（三）
  • *大数据常用十种开发语言

• 最新评论

• jsp课程（7）---jsp+servlet+javabean 实现的简单网上购物车

  yo_c:楼主能否把web.xml贴出来，多谢啦

• java.lang.UnsatisfiedLinkError: D:\Tomcat\apache-tomcat-7.0.37\bin\tcnative-1.dll: Can't load AMD 64

  qq_25859403:666666666

• 多级反向代理下，Java获取请求客户端的真实IP地址多中方法整合

  kore:nginx服务器ip:100 linux应用程序服务器ip:101 linux访问客户端ip:102...

• 多级反向代理下，Java获取请求客户端的真实IP地址多中方法整合

  kore:应用程序服务器ip:192.168.0.101 linux访问客户端ip:192.168.0.102...

• 多级反向代理下，Java获取请求客户端的真实IP地址多中方法整合

  kore:nginx服务器ip:192.168.0.100 linux

• java.lang.UnsatisfiedLinkError: D:\Tomcat\apache-tomcat-7.0.37\bin\tcnative-1.dll: Can't load AMD 64

  STEVENKE789:怒赞！

• 多级反向代理下，Java获取请求客户端的真实IP地址多中方法整合

  sgx425021234:@u010177725:你要是在公网环境就会取到公网环境的ip

• 多级反向代理下，Java获取请求客户端的真实IP地址多中方法整合

  sgx425021234:@u010177725:你要是在公网环境就会取到公网环境的ip

• 解决在IE浏览器中点击登录出现打开或保存json文件的提示

  sgx425021234:@yuan121099:不提示下载还不能登录吗？那你是程序写的有问题了。

• 解决在IE浏览器中点击登录出现打开或保存json文件的提示

  yuan121099:没有解决问题啊 是提示不下载了 但是直接打开json文件 不登录网页啊

公司简介 | 招贤纳士 | 广告服务 | 银行汇款帐号 | 联系方式 | 版权声明 | 法律顾问 | 问题报告 | 合作伙伴 | 论坛反馈

网站客服 杂志客服 微博客服 webmaster@csdn.net 400-600-2320 | 北京创新乐知信息技术有限公司 版权所有 | 江苏乐知网络技术有限公司 提供商务支持

京 ICP 证 09002463 号 | Copyright © 1999-2014, CSDN.NET, All Rights Reserved 

引言

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

定义

[html] view plain copy print ?

1. <?xml version="1.0" encoding="utf-8"?>  
2.   
3. <set xmlns:android="http://schemas.android.com/apk/res/android">  
4.     <scale  
5.         android:pivotX="50%p"  
6.         android:pivotY="50%p"  
7.         android:fromXScale="1" android:toXScale=".85"  
8.         android:fromYScale="1" android:toYScale=".85"  
9.         android:duration="@android:integer/config_shortAnimTime" />  
10.   
11.     <alpha  
12.         android:fromAlpha="1"  
13.         android:toAlpha=".4"  
14.         android:duration="@android:integer/config_shortAnimTime" />  
15. </set>  

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

[html] view plain copy print ?

1. android:duration="200"  
2. android:interpolator="@android:interpolator/overshoot"  
3. android:repeatCount="infinite"  
4. 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 ?

1. Y  
2. |  
3. |  
4. -----------------------→ X  
5. |  
6. ↓  

区别就是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 ?

1. <rotate  
2.     android:fromDegrees=""  
3.     android:toDegrees=""  
4.     android:pivotX=""  
5.     android:pivotY="" />  
6. <translate  
7.     android:fromXDelta="" android:toXDelta=""  
8.     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 ?

1. 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 ?

1. public void startAnimation(Animation animation)   

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

[java] view plain copy print ?

1. public void setAnimationListener(AnimationListener listener)  

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

[java] view plain copy print ?

1. public static interface AnimationListener {  
2.   
3.         void onAnimationStart(Animation animation);  
4.   
5.         void onAnimationEnd(Animation animation);  
6.   
7.         void onAnimationRepeat(Animation animation);  
8.     }  

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

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

[java] view plain copy print ?

1. 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 ?

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

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

[html] view plain copy print ?

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

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

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

[html] view plain copy print ?

1. <item name="android:activityOpenEnterAnimation"></item>  
2. <item name="android:activityOpenExitAnimation"></item>  
3. <item name="android:activityCloseEnterAnimation"></item>  
4. <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

更多文章

猜你在找

反编译Android应用

Android应用的调试

威哥最新Android开发课程【核心组件】

3G Android实战开发从入门到精通

ArcGIS for JavaScript

查看评论

1楼 denglxsc 2016-02-17 16:40发表 [回复]

正好解决了我的问题。perfect

发表评论

• 用 户 名：
• u014748504

• 评论内容：
• 

•   

* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场

核心技术类目

全部主题 Hadoop AWS 移动游戏 Java Android iOS Swift 智能硬件 Docker OpenStack VPN Spark ERP IE10 Eclipse CRM JavaScript 数据库 Ubuntu NFC WAP jQuery BI HTML5 Spring Apache .NET API HTML SDK IIS Fedora XML LBS Unity Splashtop UML components Windows Mobile Rails QEMU KDE Cassandra CloudStack FTC coremail OPhone CouchBase 云计算 iOS6 Rackspace Web App SpringSide Maemo Compuware 大数据 aptech Perl Tornado Ruby Hibernate ThinkPHP HBase Pure Solr Angular Cloud Foundry Redis Scala Django Bootstrap

• 文章搜索

• 个人资料

• 
  airk000
  • 访问：265035次
  • 积分：3051
  • 等级：
  • 排名：第6883名
  • 原创：48篇
  • 转载：2篇
  • 译文：13篇
  • 评论：72条

• 博客专栏

• 开发实用技巧——Git 文章：1篇 阅读：1161

• 文章分类

• Android开发(20)
• Git与开源(9)
• 闲扯杂谈(2)
• Linux学习、开发与驱动(21)

• 文章存档

• • 2014年10月(1)
  • 2014年09月(6)
  • 2014年08月(5)
  • 2014年07月(2)
  • 2014年05月(4)
    展开

• 阅读排行

• Android应用开发：CardView的使用及兼容(40462)
• Android4.2 CTS测试详解(14186)
• Linux I2C设备驱动编写（一）(12808)
• Device Tree常用方法解析(10564)
• Android应用开发：网络工具——Volley（一）(9884)
• Gitolite v3安装配置指南(9487)
• Linux I2C设备驱动编写（三）-实例分析AM3359(8017)
• Linux I2C设备驱动编写（二）(7924)
• Android4.0 USB挂载内核驱动层流程分析（一）(6804)
• Android关机流程解析(6474)

• 评论排行

• 献给迷茫的自己(11)
• [Gitiles]Git服务器的一键式搭建(11)
• Android关机流程解析(5)
• Device Tree常用方法解析(4)
• Softap热点原理分析(4)
• Android应用开发：网络工具——Volley（二）(4)
• Gerrit审核服务器搭建简易教程(Ubuntu 12.10)(3)
• Android4.0 USB挂载内核驱动层流程分析（三）(3)
• Linux I2C设备驱动编写（一）(3)
• 使用git建立本地仓储管理代码(3)

• 推荐文章

• • *Android View体系（七）从源码解析View的measure流程
  • *你真的了解iOS代理设计模式吗？
  • *浅谈Storm流式处理框架
  • *有关深度学习领域的几点想法
  • * 浅谈百度地图的简单开发之结合方向传感器实现定位功能（三）
  • *大数据常用十种开发语言

• 最新评论

• Linux I2C设备驱动编写（一）

  jiuyioz01325:嗯

• Android应用开发：动画开发——XML动画

  denglxsc:正好解决了我的问题。perfect

• 关于HMC5883L驱动书写及调试的总结

  u010744580:你好，我现在也是在开发板上的IO口添加一个I2C设备（HMC5883L）。但是，当我连接好硬件之后，...

• Android应用开发：CardView的使用及兼容

  seaful2015:谢谢

• V4L2文档翻译（五）

  tianfukeji:楼主这个文章翻译的好，make一下，慢慢看

• Linux I2C设备驱动编写（一）

  liubinwd126:写的真详细！

• Linux I2C设备驱动编写（一）

  terry_wang2003:Very good!

• Android应用开发：LoaderManager在Activity/Fragment中的使用分析

  psklf:分析细致

• Android应用开发：Fragment的非中断保存setRetaineInstance

  拭心:好文章！学习了

• 献给迷茫的自己

  CN_Onion:正在迷惘期

公司简介 | 招贤纳士 | 广告服务 | 银行汇款帐号 | 联系方式 | 版权声明 | 法律顾问 | 问题报告 | 合作伙伴 | 论坛反馈

网站客服 杂志客服 微博客服 webmaster@csdn.net 400-600-2320 | 北京创新乐知信息技术有限公司 版权所有 | 江苏乐知网络技术有限公司 提供商务支持

京 ICP 证 09002463 号 | Copyright © 1999-2014, CSDN.NET, All Rights Reserved