Android的 animation 由四种类型组成

XML 中

alpha  渐变透明度动画效果 
scale  渐变尺寸伸缩动画效果 
translate  画面转换位置移动动画效果 
rotate  画面转移旋转动画效果 

Java Code中

AlphaAnimation  渐变透明度动画效果 
ScaleAnimation  渐变尺寸伸缩动画效果 
TranslateAnimation  画面转换位置移动动画效果 
RotateAnimation  画面转移旋转动画效果 

Android动画模式 

Animation主要有两种动画模式:

一种是tweened animation( 渐变动画 )

XML中  JavaCode 
alpha  AlphaAnimation 
scale  ScaleAnimation 

一种是frame by frame( 画面转换动画 )

XML中  JavaCode 
translate  TranslateAnimation 
rotate  RotateAnimation 

如何在XML 文件 中定义 动画 

①  打开Eclipse ,新建 Android 工程 
②  在res 目录中新建 anim 文件夹 
③  在anim 目录中新建一个 myanim.xml( 注意文件名小写 ) 
④  加入XML 的动画代码

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <set xmlns:android ="http://schemas.android.com/apk/res/android">
  3. <alpha/>
  4. <scale/>
  5. <translate/>
  6. <rotate/>
  7. </set>

复制代码

Android动画解析 --XML

<alpha>

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <set xmlns:android="http://schemas.android.com/apk/res/android" >
  3. <alpha
  4. android:fromAlpha="0.1"
  5. android:toAlpha="1.0"
  6. android:duration="3000"
  7. />
  8. <!-- 透明度控制动画效果 alpha
  9. 浮点型值:
  10. fromAlpha 属性为动画起始时透明度
  11. toAlpha   属性为动画结束时透明度
  12. 说明:
  13. 0.0表示完全透明
  14. 1.0表示完全不透明
  15. 以上值取0.0-1.0之间的float数据 类型的数字
  16. 长整型值:
  17. duration  属性为动画持续时间
  18. 说明:
  19. 时间以毫秒为单位
  20. -->
  21. </set>

复制代码

<scale>

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <set xmlns:android="http://schemas.android.com/apk/res/android">
  3. <scale
  4. android:interpolator=
  5. "@android:anim/accelerate_decelerate_interpolator"
  6. android:fromXScale="0.0"
  7. android:toXScale="1.4"
  8. android:fromYScale="0.0"
  9. android:toYScale="1.4"
  10. android:pivotX="50%"
  11. android:pivotY="50%"
  12. android:fillAfter="false"
  13. android:duration="700" />
  14. </set>
  15. <!-- 尺寸伸缩动画效果 scale
  16. 属性:interpolator 指定一个动画的插入器
  17. 在我试验过程中,使用android.res.anim中的资源 时候发现
  18. 有三种动画插入器:
  19. accelerate_decelerate_interpolator  加速-减速 动画插入器
  20. accelerate_interpolator        加速-动画插入器
  21. decelerate_interpolator        减速- 动画插入器
  22. 其他的属于特定的动画效果
  23. 浮点型值:
  24. fromXScale 属性为动画起始时 X坐标上的伸缩尺寸
  25. toXScale   属性为动画结束时 X坐标上的伸缩尺寸
  26. fromYScale 属性为动画起始时Y坐标上的伸缩尺寸
  27. toYScale   属性为动画结束时Y坐标上的伸缩尺寸
  28. 说明:
  29. 以上四种属性值
  30. 0.0表示收缩到没有
  31. 1.0表示正常无伸缩
  32. 值小于1.0表示收缩
  33. 值大于1.0表示放大
  34. pivotX     属性为动画相对于物件的X坐标的开始位置
  35. pivotY     属性为动画相对于物件的Y坐标的开始位置
  36. 说明:
  37. 以上两个属性值 从0%-100%中取值
  38. 50%为物件的X或Y方向坐标上的中点位置
  39. 长整型值:
  40. duration  属性为动画持续时间
  41. 说明:   时间以毫秒为单位
  42. 布尔型值:
  43. fillAfter 属性 当设置 为true ,该动画转化在动画结束后被应用
  44. -->

复制代码

<translate>

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <set xmlns:android="http://schemas.android.com/apk/res/android">
  3. <translate
  4. android:fromXDelta="30"
  5. android:toXDelta="-80"
  6. android:fromYDelta="30"
  7. android:toYDelta="300"
  8. android:duration="2000"
  9. />
  10. <!-- translate 位置转移动画效果
  11. 整型值:
  12. fromXDelta 属性为动画起始时 X坐标上的位置
  13. toXDelta   属性为动画结束时 X坐标上的位置
  14. fromYDelta 属性为动画起始时 Y坐标上的位置
  15. toYDelta   属性为动画结束时 Y坐标上的位置
  16. 注意:
  17. 没有指定fromXType toXType fromYType toYType 时候,
  18. 默认是以自己为相对参照物
  19. 长整型值:
  20. duration  属性为动画持续时间
  21. 说明:   时间以毫秒为单位
  22. -->
  23. </set>

复制代码

<rotate>

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <set xmlns:android="http://schemas.android.com/apk/res/android">
  3. <rotate
  4. android:interpolator="@android:anim/accelerate_decelerate_interpolator"
  5. android:fromDegrees="0"
  6. android:toDegrees="+350"
  7. android:pivotX="50%"
  8. android:pivotY="50%"
  9. android:duration="3000" />
  10. <!-- rotate 旋转动画效果
  11. 属性:interpolator 指定一个动画的插入器
  12. 在我试验过程中,使用android.res.anim中的资源时候发现
  13. 有三种动画插入器:
  14. accelerate_decelerate_interpolator   加速-减速 动画插入器
  15. accelerate_interpolator               加速-动画插入器
  16. decelerate_interpolator               减速- 动画插入器
  17. 其他的属于特定的动画效果
  18. 浮点数型值:
  19. fromDegrees 属性为动画起始时物件的角度
  20. toDegrees   属性为动画结束时物件旋转的角度 可以大于360度
  21. 说明:
  22. 当角度为负数——表示逆时针旋转
  23. 当角度为正数——表示顺时针旋转
  24. (负数from——to正数:顺时针旋转)
  25. (负数from——to负数:逆时针旋转)
  26. (正数from——to正数:顺时针旋转)
  27. (正数from——to负数:逆时针旋转)
  28. pivotX     属性为动画相对于物件的X坐标的开始位置
  29. pivotY     属性为动画相对于物件的Y坐标的开始位置
  30. 说明:        以上两个属性值 从0%-100%中取值
  31. 50%为物件的X或Y方向坐标上的中点位置
  32. 长整型值:
  33. duration  属性为动画持续时间
  34. 说明:       时间以毫秒为单位
  35. -->
  36. </set>

复制代码

如何使用XML 中的动画效果

  1. public static Animation loadAnimation (Context context, int id)
  2. //第一个参数Context为程序 的上下文
  3. //第二个参数id为动画XML文件的引用
  4. //例子 :
  5. myAnimation= AnimationUtils.loadAnimation(this,R.anim.my_action);
  6. //使用AnimationUtils类的静态方法loadAnimation()来加载 XML中的动画XML文件

复制代码

如何在Java 代码中定义动画

  1. //在代码中定义 动画实例 对象
  2. private Animation myAnimation_Alpha;
  3. private Animation myAnimation_Scale;
  4. private Animation myAnimation_Translate;
  5. private Animation myAnimation_Rotate;
  6. //根据各自的构造方法来初始化一个实例对象
  7. myAnimation_Alpha=new AlphaAnimation(0.1f, 1.0f);
  8. myAnimation_Scale =new ScaleAnimation(0.0f, 1.4f, 0.0f, 1.4f,
  9. Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
  10. myAnimation_Translate=new TranslateAnimation(30.0f, -80.0f, 30.0f, 300.0f);
  11. myAnimation_Rotate=new RotateAnimation(0.0f, +350.0f,
  12. Animation.RELATIVE_TO_SELF,0.5f,Animation.RELATIVE_TO_SELF, 0.5f);

复制代码

Android动画解析 --JavaCode 

AlphaAnimation 

① AlphaAnimation类对象定义

  1. private AlphaAnimation myAnimation_Alpha;

复制代码

② AlphaAnimation类对象构造

  1. AlphaAnimation(float fromAlpha, float toAlpha)
  2. //第一个参数fromAlpha为 动画开始时候透明度
  3. //第二个参数toAlpha为 动画结束时候透明度
  4. myAnimation_Alpha=new AlphaAnimation(0.1f, 1.0f);
  5. //说明:
  6. //                0.0表示完全透明
  7. //                1.0表示完全不透明

复制代码

③ 设置动画持续时间

  1. myAnimation_Alpha.setDuration(5000);
  2. //设置时间持续时间为 5000毫秒

复制代码

ScaleAnimation

① ScaleAnimation类对象定义

  1. private AlphaAnimation myAnimation_Alpha;

复制代码

② ScaleAnimation类对象构造

  1. ScaleAnimation(float fromX, float toX, float fromY, float toY,
  2. int pivotXType, float pivotXValue, int pivotYType, float pivotYValue)
  3. //第一个参数fromX为动画起始时 X坐标上的伸缩尺寸
  4. //第二个参数toX为动画结束时 X坐标上的伸缩尺寸
  5. //第三个参数fromY为动画起始时Y坐标上的伸缩尺寸
  6. //第四个参数toY为动画结束时Y坐标上的伸缩尺寸
  7. //第五个参数pivotXType为动画在X轴相对于物件位置类型
  8. //第六个参数pivotXValue为动画相对于物件的X坐标的开始位置
  9. //第七个参数pivotXType为动画在Y轴相对于物件位置类型
  10. //第八个参数pivotYValue为动画相对于物件的Y坐标的开始位置
  11. myAnimation_Scale =new ScaleAnimation(0.0f, 1.4f, 0.0f, 1.4f,
  12. Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);

复制代码

③ 设置动画持续时间

  1. myAnimation_Scale.setDuration(700);
  2. //设置时间持续时间为 700毫秒

复制代码

TranslateAnimation 

① TranslateAnimation类对象定义

  1. private AlphaAnimation myAnimation_Alpha;

复制代码

② TranslateAnimation类对象构造

  1. TranslateAnimation(float fromXDelta, float toXDelta,
  2. float fromYDelta, float toYDelta)
  3. //第一个参数fromXDelta为动画起始时 X坐标上的移动位置
  4. //第二个参数toXDelta为动画结束时 X坐标上的移动位置
  5. //第三个参数fromYDelta为动画起始时Y坐标上的移动位置
  6. //第四个参数toYDelta为动画结束时Y坐标上的移动位置

复制代码

③ 设置动画持续时间

  1. myAnimation_Translate.setDuration(2000);
  2. //设置时间持续时间为 2000毫秒

复制代码

RotateAnimation 
①  RotateAnimation类对象定义

  1. private AlphaAnimation myAnimation_Alpha;

复制代码

②  RotateAnimation类对象构造

  1. RotateAnimation(float fromDegrees, float toDegrees,
  2. int pivotXType, float pivotXValue, int pivotYType, float pivotYValue)
  3. //第一个参数fromDegrees为动画起始时的旋转角度
  4. //第二个参数toDegrees为动画旋转到的角度
  5. //第三个参数pivotXType为动画在X轴相对于物件位置类型
  6. //第四个参数pivotXValue为动画相对于物件的X坐标的开始位置
  7. //第五个参数pivotXType为动画在Y轴相对于物件位置类型
  8. //第六个参数pivotYValue为动画相对于物件的Y坐标的开始位置
  9. myAnimation_Rotate=new RotateAnimation(0.0f, +350.0f,
  10. Animation.RELATIVE_TO_SELF,0.5f,Animation.RELATIVE_TO_SELF, 0.5f);

复制代码

③  设置动画持续时间

  1. myAnimation_Rotate.setDuration(3000);
  2. //设置时间持续时间为 3000毫秒

复制代码

如何使用Java 代码中的动画效果 

使用从View 父类继承过来的方法 startAnimation ()来为 View 或是子类 View 等等添加一个动画效果

  1. public void startAnimation (Animation animation)

动画 专题研究 二

动画效果 二 ----Frame Animation

  • 新建工程 myFrameAnimation
  • 在main.xml布局中添加view子类,调整一下,效果如下:
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout xmlns:android ="http://schemas.android.com/apk/res/android"
  3. android:prientation="vertical" android:layout_width="fill_parent"
  4. android:layout_height="fill_parent">
  5. <LinearLayout android:prientation="horizontal"
  6. android:layout_width="fill_parent" android:layout_height="wrap_content"
  7. android:background="@drawable/bt_group_back" android:layout_marginTop="10px">
  8. <Button android:text="播放 动画" android:layout_width="100px"
  9. android:id="@+id/Button_start" android:layout_height="fill_parent"></Button>
  10. <Button android:layout_width="100px" android:text="停止动画"
  11. android:id="@+id/Button_stop" android:layout_height="fill_parent"></Button>
  12. <CheckBox android:text="动画重复" android:layout_width="100px"
  13. android:id="@+id/CheckBox_ifCycle_orNot" style="?android:attr/starStyle"
  14. android:layout_height="fill_parent"></CheckBox>
  15. </LinearLayout>
  16. <ImageView android:id="@+id/rocket_image"
  17. android:layout_width="80px" android:layout_height="80px"
  18. android:background="@drawable/android_large"
  19. android:layout_marginLeft="100dp" android:layout_marginTop="100dp"></ImageView>
  20. </LinearLayout>

复制代码

  • 找几个动态图片,把它分成单个图。(主要是为了讲解/是用Frame Animation效果,AnimationDrawable)
  • 修改mainActivity.java的代码
  1. package zyf.my.frame.animation;
  2. import android.app .Activity;
  3. import android.graphics.drawable.AnimationDrawable;
  4. import android.os.Bundle;
  5. import android.view.MotionEvent;
  6. import android.view.View;
  7. import android.widget.Button;
  8. import android.widget.CheckBox;
  9. import android.widget.ImageView;
  10. import android.widget.Toast;
  11. public class myFrameAnimatino extends Activity implements Button.OnClickListener {
  12. AnimationDrawable frameAnimation;
  13. ImageView myImage;
  14. Button start,stop;
  15. CheckBox Cycle;
  16. boolean isChecked_cycle=true;
  17. @Override
  18. public void onCreate(Bundle savedInstanceState) {
  19. super.onCreate(savedInstanceState);
  20. setContentView(R.layout.main);
  21. start=(Button) findViewById(R.id.Button_start);
  22. stop=(Button) findViewById(R.id.Button_stop);
  23. Cycle=(CheckBox) findViewById(R.id.CheckBox_ifCycle_orNot);
  24. myImage = (ImageView) findViewById(R.id.rocket_image);
  25. myImage.setBackgroundResource(R.anim.myframeanimation);
  26. frameAnimation = (AnimationDrawable) myImage.getBackground();
  27. start.setOnClickListener(this);
  28. stop.setOnClickListener(this);
  29. }
  30. @Override
  31. public boolean onTouchEvent(MotionEvent event) {
  32. frameAnimation.setOneShot(isChecked_cycle);
  33. // TODO Auto-generated method stub
  34. if(event.getAction()==MotionEvent.ACTION_DOWN){
  35. frameAnimation.start();
  36. return true;
  37. }
  38. return super.onTouchEvent(event);
  39. }
  40. @Override
  41. public void onClick(View button) {
  42. // TODO Auto-generated method stub
  43. switch (button.getId()) {
  44. case R.id.Button_start:{
  45. if(Cycle.isChecked()){
  46. Toast.makeText(this, "动画重复", Toast.LENGTH_LONG).show();
  47. isChecked_cycle=false;
  48. }else{
  49. Toast.makeText(this, "不重复", Toast.LENGTH_LONG).show();
  50. isChecked_cycle=true;
  51. }
  52. frameAnimation.setOneShot(isChecked_cycle);
  53. frameAnimation.start();
  54. }
  55. break;
  56. case R.id.Button_stop:{
  57. if(frameAnimation.isRunning()){
  58. frameAnimation.stop();
  59. }
  60. }
  61. break;
  62. default:
  63. break;
  64. }
  65. }
  66. }

随着对Drewable的深入了解,发现了Drawable更加强大的功能:显示Animation。Android SDK介绍了2种Animation:

  • Tween Animation:通过对场景里的对象不断做图像变换(平移、缩放、旋转)产生动画效果
  • Frame Animation:顺序播放事先做好的图像,跟电影类似

在使用Animation前,我们先学习如何定义Animation,这对我们使用Animation会有很大的帮助。Animation是以 XML格式定义的,定义好的XML文件存放在res\anim中。由于Tween Animation与Frame Animation的定义、使用都有很大的差异,我们将分开介绍,本篇幅中介绍Tween Animation的定义与使用,后续篇幅再详细介绍Frame Animation。按照XML文档的结构【父节点,子节点,属性】来介绍Tween Animation,其由4种类型:

  • Alpha:渐变透明度动画效果
  • Scale:渐变尺寸伸缩动画效果
  • Translate:画面转换位置移动动画效果
  • Rotate:画面转换位置移动动画效果

在介绍以上4种类型前,先介绍Tween Animation共同的节点属性,关于节点的命名原则,请阅读AndroidManifest.xml文件结构说明 。

表一

属性[类型] 功能  
Duration[long] 属性为动画持续时间 时间以毫秒为单位
fillAfter [boolean] 当设置为true ,该动画转化在动画结束后被应用
fillBefore[boolean] 当设置为true ,该动画转化在动画开始前被应用

interpolator

指定一个动画的插入器 有一些常见的插入器
accelerate_decelerate_interpolator
加速-减速 动画插入器
accelerate_interpolator
加速-动画插入器
decelerate_interpolator
减速- 动画插入器
其他的属于特定的动画效果
repeatCount[int] 动画的重复次数  
RepeatMode[int] 定义重复的行为 1:重新开始  2:plays backward
startOffset[long] 动画之间的时间间隔,从上次动画停多少时间开始执行下个动画
zAdjustment[int] 定义动画的Z Order的改变 0:保持Z Order不变
1:保持在最上层
-1:保持在最下层

看了以上节点,大家是不是都想开始定义动画了。下面我们就开始结合具体的例子,介绍4种类型各自特有的节点元素。

表二

XML节点 功能说明
alpha 渐变透明度动画效果
<alpha
android:fromAlpha=”0.1″
android:toAlpha=”1.0″
android:duration=”3000″ />
fromAlpha

属性为动画起始时透明度

0.0表示完全透明
1.0表示完全不透明
以上值取0.0-1.0之间的float数据类型的数字
toAlpha 属性为动画结束时透明度

表三

scale 渐变尺寸伸缩动画效果
<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:startOffset=“700”
android:duration=”700″
android:repeatCount=”10″ />
fromXScale[float] fromYScale[float] 为动画起始时,X、Y坐标上的伸缩尺寸 0.0表示收缩到没有
1.0表示正常无伸缩
值小于1.0表示收缩
值大于1.0表示放大
toXScale [float]
toYScale[float]
为动画结束时,X、Y坐标上的伸缩尺寸
pivotX[float]
pivotY[float]
为动画相对于物件的X、Y坐标的开始位置 属性值说明:从0%-100%中取值,50%为物件的X或Y方向坐标上的中点位置
       

表四

translate 画面转换位置移动动画效果
<translate
android:fromXDelta=”30″
android:toXDelta=”-80″
android:fromYDelta=”30″
android:toYDelta=”300″
android:duration=”2000″ />
fromXDelta
toXDelta
为动画、结束起始时 X坐标上的位置  
fromYDelta
toYDelta
为动画、结束起始时 Y坐标上的位置  
       

表五

rotate 画面转移旋转动画效果
<rotate
android:interpolator=”@android:anim/accelerate_decelerate_interpolator”
android:fromDegrees=”0″
android:toDegrees=”+350″
android:pivotX=”50%”
android:pivotY=”50%”
android:duration=”3000″ />
fromDegrees 为动画起始时物件的角度 说明
当角度为负数——表示逆时针旋转
当角度为正数——表示顺时针旋转
(负数from——to正数:顺时针旋转)
(负数from——to负数:逆时针旋转)
(正数from——to正数:顺时针旋转)
(正数from——to负数:逆时针旋转)
toDegrees 属性为动画结束时物件旋转的角度 可以大于360度
pivotX
pivotY
为动画相对于物件的X、Y坐标的开始位 说明:以上两个属性值 从0%-100%中取值
50%为物件的X或Y方向坐标上的中点位置
       

看了上面的例子,想必大家也想看下,这些定义的动画,运行起来是什么样效果,下面运行Scale例子中的动画,界面变化如下:

     

按照上面的讲述学习完了Tween Animation的定义,对Tween Animation有了详细的了解,再去了解下Android SDK的animation package(android.view.animation),其提供了操作Tween Animation所有的类。

Android SDK提供了基类:Animation,包含大量的set/getXXXX()函数来设置、读取Animation的属性,也就是前面表一中显示的各种属 性。Tween Animation由4种类型:alpha、scale、translate、roate,在Android SDK中提供了相应的类,Animation类派生出了AlphaAnimation、ScaleAnimation、 TranslateAnimation、RotateAnimation分别实现了平移、旋转、改变 Alpha 值等动画,每个子类都在父类的基础上增加了各自独有的属性。再去看下这几个类的构造函数,是不是与我们在表二、表三、表四、表五种定义的属性完全一样。

在了解了Tween Animation的定义,对android.view.animation有了一些基本的认识后,开始介绍Tween Animation如何使用。Android SDK提供了2种方法:直接从XML资源中读取Animation,使用Animation子类的构造函数来初始化Animation对象,第二种方法在 看了Android SDK中各个类的说明就知道如何使用了,下面简要说明从XML资源中读取Animation,按照应用程序开发的过程,介绍整个使用的过程,如下:

  1. 创建Android工程;
  2. 导入一张图片资源;
  3. 将res\layout\main.xml中的TextView取代为ImageView;
  4. 在res下创建新的文件夹anim,并在此文件夹下面定义Animation XML文件;
  5. 修改OnCreate()中的代码,显示动画资源;

关键代码,解析如下:
//main.xml中的ImageView
ImageView spaceshipImage = (ImageView) findViewById(R.id.spaceshipImage);
//加载动画
Animation hyperspaceJumpAnimation =
AnimationUtils.loadAnimation(this, R.anim.hyperspace_jump);
//使用ImageView显示动画
spaceshipImage.startAnimation(hyperspaceJumpAnimation);
工程的源代码提供给大家下载,下载地址 ,这里简要解析如下:

  • AnimationUtils提供了加载动画的函数,除了函数loadAnimation(),其他的到Android SDK中去详细了解吧;
  • 所谓的动画,也就是对 view 的内容做一次图形变换;

在Android画图学习总结(四)——Animation(上) 中详细介绍了Tween Animation的定义、使用,由于篇幅有限,很多中重要的方面没有说明,这篇文章一方面做个完整的总结说明,另外一方面补充说明上一篇幅遗漏的问题,帮助大家更好的理解Tween Animation。

对Tween Animation的本质做个总结:Tween Animation通过对 View 的内容完成一系列的图形变换 (包括平移、缩放、旋转、改变透明度)来实现动画效果。具体来讲,预先定义一组指令,这些指令指定了图形变换的类型、触发时间、持续时间。这些指令可以是 以 XML 文件方式定义,也可以是以源代码方式定义。程序沿着时间线执行这些指令就可以实现动画效果。

在这里,我们需要对2个问题进行深入的解析:

  • 动画的运行时如何控制的?
  • 动画的运行模式。

动画的运行时如何控制的?

这个问题,我们也就也就是上一篇幅中提到的Tween Animation,估计大家对什么是Interpolator、到底有什么作用,还是一头雾水,在这里做个详细的说明。按照Android SDK中对interpolator的说明:interpolator定义一个动画的变化率(the rate of change)。这使得基本的动画效果(alpha, scale, translate, rotate)得以加速,减速,重复等。

用通俗的一点的话理解就是:动画的进度使用 Interpolator 控制。Interpolator 定义了动画的变化速度,可以实现匀速、正加速、负加速、无规则变加速等。Interpolator 是基类,封装了所有 Interpolator 的共同方法,它只有一个方法,即 getInterpolation (float input),该方法 maps a point on the timeline to a multiplier to be applied to the transformations of an animation。Android 提供了几个 Interpolator 子类,实现了不同的速度曲线,如下:

AccelerateDecelerateInterpolator 在动画开始与介绍的地方速率改变比较慢,在中间的时候加速
AccelerateInterpolator 在动画开始的地方速率改变比较慢,然后开始加速
CycleInterpolator 动画循环播放特定的次数,速率改变沿着正弦曲线
DecelerateInterpolator 在动画开始的地方速率改变比较慢,然后开始减速
LinearInterpolator 在动画的以均匀的速率改变

对于 LinearInterpolator ,变化率是个常数,即 f (x) = x.
public float getInterpolation(float input) {
return input;
}
Interpolator其他的几个子类,也都是按照特定的算法,实现了对变化率。还可以定义自己的 Interpolator 子类,实现抛物线、自由落体等物理效果。

动画的运行模式

动画的运行模式有两种:

  • 独占模式,即程序主线程进入一个循环,根据动画指令不断刷新屏幕,直到动画结束;
  • 中断模式,即有单独一个线程对时间计数,每隔一定的时间向主线程发通知,主线程接到通知后更新屏幕;

额外补充说明:Transformation 类

Transformation 记录了仿射矩阵 Matrix,动画每触发一次,会对原来的矩阵做一次运算, View 的 Bitmap 与这个矩阵相乘就可实现相应的操作(旋转、平移、缩放等)。Transformation 类封装了矩阵和 alpha 值,它有两个重要的成员,一是 mMatrix,二是 mAlpha。Transformation 类图如下所示:

总结说明

图形变换通过仿射矩阵实现。图形变换是图形学中的基本知识,简单来说就是,每种变换都是一次矩阵运算。在 Android 中,Canvas 类中包含当前矩阵,当调用 Canvas.drawBitmap (bmp, x, y, Paint) 绘制时,A ndroid 会先把 bmp 做一次矩阵运算,然后将运算的结果显示在 Canvas 上。这样,编程人员只需不断修改 Canvas 的矩阵并刷新屏幕,View 里的对象就会不停的做图形变换,动画就形成了。

在Android画图学习总结(四)——Animation(上) 中, 我们详细介绍了Tween  Aniamation,这里我们将介绍另外一种动画Frame Animation。在前面已经说过,Frame Animation是顺序播放事先做好的图像,跟电影类似。不同于animation package, Android SDK提供了另外一个类AnimationDrawable来定义、使用Frame Animation。

Frame Animation可以在XML Resource定义(还是存放到res\anim文件夹下),也可以使用AnimationDrawable中的API定义。由于Tween Animation与Frame Animation有着很大的不同,因此XML定义的格式也完全不一样,其格式是:首先是animation-list根节点,animation- list根节点中包含多个item子节点,每个item节点定义一帧动画:当前帧的drawable资源和当前帧持续的时间。下面对节点的元素加以说明:

XML属性 说明
drawable 当前帧引用的drawable资源
duration 当前帧显示的时间(毫秒为单位)
oneshot 如果为true,表示动画只播放一次停止在最后一帧上,如果设置为false表示动画循环播放。
variablePadding If true, allows the drawable’s padding to change based on the current state that is selected.
visible 规定drawable的初始可见性,默认为flase;

下面就给个具体的XML例子,来定义一帧一帧的动画:
<animation-list xmlns:android=”http://schemas.android.com/apk/res/android”
android:oneshot=”true”>
<item android:drawable=”@drawable/rocket_thrust1″ android:duration=”200″ />
<item android:drawable=”@drawable/rocket_thrust2″ android:duration=”200″ />
<item android:drawable=”@drawable/rocket_thrust3″ android:duration=”200″ />
</animation-list>

上面的XML就定义了一个Frame Animation,其包含3帧动画,3帧动画中分别应用了drawable中的3张图片:rocket_thrust1,rocket_thrust2,rocket_thrust3,每帧动画持续200毫秒。

然后我们将以上XML保存在res/anim/文件夹下,命名为rocket_thrust.xml,显示动画的代码,如下:在OnCreate()中增加如下代码:

ImageView rocketImage = (ImageView) findViewById(R.id.rocket_image);
rocketImage.setBackgroundResource(R.anim.rocket_thrust);

rocketAnimation = (AnimationDrawable) rocketImage.getBackground();

最后还需要增加启动动画的代码:
public boolean onTouchEvent(MotionEvent event) {
if (event.getAction() == MotionEvent.ACTION_DOWN) {
rocketAnimation.start(); 
return true;
}
return super.onTouchEvent(event);
}

代码运行的结果想必大家应该就知道了(3张图片按照顺序的播放一次),不过有一点需要强调的是:启动Frame Animation动画的代码rocketAnimation.start();不能在OnCreate()中,因为在OnCreate()中 AnimationDrawable还没有完全的与ImageView绑定,在OnCreate()中启动动画,就只能看到第一张图片。

下面,阅读Android SDK中对AnimationDrawable的介绍,有个简单的了解:

AnimationDrawable

获取、设置动画的属性  
int getDuration() 获取动画的时长
int getNumberOfFrames() 获取动画的帧数
boolean isOneShot()

Void setOneShot(boolean oneshot)

获取oneshot属性
设置oneshot属性
void inflate(Resurce r,XmlPullParser p,
AttributeSet attrs)
 
增加、获取帧动画
Drawable getFrame(int index) 获取某帧的Drawable资源
void addFrame(Drawable frame,int duration) 为当前动画增加帧(资源,持续时长)
动画控制
void start() 开始动画
void run() 外界不能直接掉调用,使用start()替代
boolean  isRunning() 当前动画是否在运行
void stop() 停止当前动画

总结说明

Frame Animation的定义、使用比较简单,在这里已经详细介绍完了,更加深入的学习还是到Android SDK去仔细了解吧,在Android SDK中也包含很多这方面的例子程序。

Android的 animation (总结)相关推荐

  1. Android Property Animation属性动画:scale缩放动画(4)

     Android Property Animation属性动画:scale缩放动画(4) 和之前我写的附录文章1,2,3相似,本文将接着使用Android Property Animation属性 ...

  2. 【Android游戏开发十四】深入Animation,在SurfaceView中照样使用Android—Tween Animation!...

    本站文章均为 李华明Himi 原创,转载务必在明显处注明: 转载自[黑米GameDev街区] 原文链接: http://www.himigame.com/android-game/331.html 之 ...

  3. [android开发]Animation动画的实现

    Animations 一.Animations介绍 Animations是一个实现android UI界面动画效果的API,Animations提供了一系列的动画效果,可以进行旋转.缩放.淡入淡出等, ...

  4. android tween动画平移怎么设置时间,android Tween Animation属性设置方法实例

    在Android开发中,Animation是用来给控件制作效果的.大多数的控件都可以用这个类,这个类包含了4种基本动作,分别为移动,旋转,淡入淡出,缩放.在使用Animation时,可以在.java文 ...

  5. Android动画-Animation原理解析

    Android动画-Animation原理解析 一.概述 在android中动画分为3类,帧动画.补间动画.属性动画 今天要说的就是"补间动画",补间动画的基类是Animation ...

  6. 【Android游戏开发十四】深入Animation,在SurfaceView中照样使用Android—Tween Animation!

     李华明Himi 原创,转载务必在明显处注明: 转载自 [黑米GameDev街区] 原文链接:  http://www.himigame.com/android-game/331.html 很多童鞋说 ...

  7. Android Property Animation动画

    3.0以前,android支持两种动画模式,tween animation,frame animation,在android3.0中又引入了一个新的动画系统:property animation,这三 ...

  8. Android之Animation动画的介绍及用法

    Android SDK介绍了2种Animation: Tween Animation(渐变动画):通过对特定的对象做图像变换如平移.缩放.旋转.淡出/淡入等产生动画效果 Frame Animation ...

  9. android 减速动画,Android View Animation

    概述 可译为视图动画,分为 缩放动画 平移动画 渐变动画 旋转动画 Android系统中定义了一个抽象类Animation来定义这种视图动画,它的具体子类如下表: 动画名称 对应的子类 xml中标签 ...

最新文章

  1. pandas 官方API
  2. 全国大学生智能汽车竞赛获奖证书文字
  3. 【Demo 0116】堆的使用
  4. 如何通过Port-isolate实现二层网络相互隔离
  5. java.lang.ExceptionInInitializerError的原因
  6. 学习笔记(30):Python网络编程并发编程-Event事件
  7. 产品经理晋升后如何带团队?
  8. 前端学习(2738):重读vue电商网站48之通过 chainWebpack 自定义打包入口
  9. 图像拼接1 特征提取
  10. linux中ls文件内存大小,Linux下用ls和du命令查看文件以及文件夹大小
  11. java 对象的交互_Java中什么是对象的交互?解释一下交互怎么操作?
  12. 怎么查看oracle中sys的密码修改,oracle sys 密码修改
  13. 基础编程题目集 7-1 厘米换算英尺英寸 (15 分)
  14. 手机MODEM 开发(33)---SIM卡基础知识
  15. 【kafka】kafka消费者报错INVALID_FETCH_SESSION_EPOCH
  16. Linux 命令(110)—— help 命令(builtin)
  17. c语言标识符等价类测试,c语言基础测试题--牧码南山招新检测题
  18. 绿盾加密如何顺利切换成IP-Guard加密
  19. 模糊C均值聚类 C++代码
  20. matlab可以模拟力学实验吗,基于Matlab GUI的渗流力学虚拟仿真实验平台开发

热门文章

  1. 面向对象(static关键字)
  2. 微信视频号怎么涨粉?我总结了5条经验_
  3. 《视频直播技术详解》之(三):编码和封装
  4. 数据变换,数据规范化的方法之归一化(Min-max规范化)、标准化(Z-score规范化)、小数定标规范化
  5. 阿里巴巴倡导的数据中台,到底是什么东东
  6. 2019年熔化焊接与热切割作业安全生产模拟考试题库及答案
  7. c语言中f5的作用,3G的AKA协议中F1至F5的UE端的实现(附代码C语言)
  8. ckc交易什么意思_小白买基金,什么都不懂?100个问题带你揭秘基金神秘面纱(五)...
  9. 基于Linux (RHEL 5.5) 安装Oracle 10g RAC
  10. Unraid 安装百度网盘