【Android动画】之Tween动画 (渐变、缩放、位移、旋转)

Android 平台提供了两类动画。 一类是Tween动画，就是对场景里的对象不断的进行图像变化来产生动画效果（旋转、平移、放缩和渐变）。

第二类就是 Frame动画，即顺序的播放事先做好的图像，与gif图片原理类似。

下面就讲一下Tweene Animations。

主要类：

Animation  动画

AlphaAnimation 渐变透明度

RotateAnimation 画面旋转

ScaleAnimation 渐变尺寸缩放

TranslateAnimation 位置移动

AnimationSet  动画集

有了这些类，那么我们如何来实现动画效果呢？

以自定义View为例，该View很简单，画面上只有一个图片。 现在我们要对整个View分别实现各种Tween动画效果。

AlphaAnimation

通过代码实现 AlphaAnimation，如下：

[java] view plaincopyprint?

1. //初始化


2. Animation alphaAnimation = new AlphaAnimation(0.1f, 1.0f);


3. //设置动画时间            alphaAnimation.setDuration(3000);


4. this.startAnimation(alphaAnimation);

其中AlphaAnimation类第一个参数fromAlpha表示动画起始时的透明度，
第二个参数toAlpha表示动画结束时的透明度。

setDuration用来设置动画持续时间。

RotateAnimation

代码：

[java] view plaincopyprint?

1. Animation rotateAnimation = new RotateAnimation(0f, 360f);


2. rotateAnimation.setDuration(1000);


3. this.startAnimation(rotateAnimation);

其中RotateAnimation类第一个参数fromDegrees表示动画起始时的角度，
第二个参数toDegrees表示动画结束时的角度。

另外还可以设置伸缩模式pivotXType、pivotYType， 伸缩动画相对于x,y
坐标的开始位置pivotXValue、pivotYValue等。

ScaleAnimation

代码：

[java] view plaincopyprint?

1. //初始化


2. Animation scaleAnimation = new ScaleAnimation(0.1f, 1.0f,0.1f,1.0f);


3. //设置动画时间


4. scaleAnimation.setDuration(500);


5. this.startAnimation(scaleAnimation);

ScaleAnimation类中

第一个参数fromX ,第二个参数toX:分别是动画起始、结束时X坐标上的伸缩尺寸。

第三个参数fromY ,第四个参数toY:分别是动画起始、结束时Y坐标上的伸缩尺寸。

另外还可以设置伸缩模式pivotXType、pivotYType， 伸缩动画相对于x,y
坐标的开始位置pivotXValue、pivotYValue等。

TranslateAnimation

代码：

[java] view plaincopyprint?

1. //初始化


2. Animation translateAnimation = new TranslateAnimation(0.1f, 100.0f,0.1f,100.0f);


3. //设置动画时间                translateAnimation.setDuration(1000);


4. this.startAnimation(translateAnimation);

TranslateAnimation类

第一个参数fromXDelta ,第二个参数toXDelta:分别是动画起始、结束时X坐标。

第三个参数fromYDelta ,第四个参数toYDelta:分别是动画起始、结束时Y坐标。

参数详细说明：

以上都是单独的使用某个动画，那么如何让多个动画同时生效呢？

答案是 AnimationSet。

初看整个类名，还以为只是用来存放 Animation的一个Set， 细看才发现，该类也是继承自 Animation的。

下面我们实现一个动画，该动画会让图片移动的同时，图片透明度渐变，直接看代码吧。

[java] view plaincopyprint?

1. //初始化 Translate动画


2. translateAnimation = new TranslateAnimation(0.1f, 100.0f,0.1f,100.0f);


3. //初始化 Alpha动画


4. alphaAnimation = new AlphaAnimation(0.1f, 1.0f);
5. //动画集


6. AnimationSet set = new AnimationSet(true);


7. set.addAnimation(translateAnimation);


8. set.addAnimation(alphaAnimation);
9. //设置动画时间 (作用到每个动画)


10. set.setDuration(1000);


11. this.startAnimation(set);

是不是觉得很简单呢？

附上整个View类的代码吧。

[java] view plaincopyprint?

1. package com.yfz.view;


2. import com.yfz.R;


3. import android.content.Context;


4. import android.graphics.Canvas;


5. import android.graphics.drawable.BitmapDrawable;


6. import android.util.Log;


7. import android.view.KeyEvent;


8. import android.view.View;


9. import android.view.animation.AlphaAnimation;


10. import android.view.animation.Animation;


11. import android.view.animation.AnimationSet;


12. import android.view.animation.RotateAnimation;


13. import android.view.animation.ScaleAnimation;


14. import android.view.animation.TranslateAnimation;


15. public class TweenAnim extends View {
16. //Alpha动画 - 渐变透明度


17. private Animation alphaAnimation = null;
18. //Sacle动画 - 渐变尺寸缩放


19. private Animation scaleAnimation = null;
20. //Translate动画 - 位置移动


21. private Animation translateAnimation = null;
22. //Rotate动画 - 画面旋转


23. private Animation rotateAnimation = null;
24. public TweenAnim(Context context) {


25. super(context);


26. }


27. @Override


28. protected void onDraw(Canvas canvas) {


29. super.onDraw(canvas);


30. Log.e("Tween", "onDraw");


31. //加载一个图片


32. canvas.drawBitmap(((BitmapDrawable)getResources().getDrawable(R.drawable.gallery_photo_5)).getBitmap(), 0, 0, null);


33. }


34. @Override


35. public boolean onKeyDown(int keyCode, KeyEvent event) {


36. Log.e("Tween", "onKeyDown");


37. return true;


38. }


39. @Override


40. public boolean onKeyUp(int keyCode, KeyEvent event) {


41. Log.e("Tween", "onKeyDown");


42. switch (keyCode) {


43. case KeyEvent.KEYCODE_DPAD_UP:


44. Log.e("Tween", "onKeyDown - KEYCODE_DPAD_UP");


45. alphaAnimation = new AlphaAnimation(0.1f, 1.0f);


46. //设置动画时间


47. alphaAnimation.setDuration(3000);


48. this.startAnimation(alphaAnimation);


49. break;


50. case KeyEvent.KEYCODE_DPAD_DOWN:


51. Log.e("Tween", "onKeyDown - KEYCODE_DPAD_DOWN");


52. rotateAnimation = new RotateAnimation(0f, 360f);


53. rotateAnimation.setDuration(1000);


54. this.startAnimation(rotateAnimation);


55. break;


56. case KeyEvent.KEYCODE_DPAD_LEFT:


57. Log.e("Tween", "onKeyDown - KEYCODE_DPAD_LEFT");


58. //初始化


59. scaleAnimation = new ScaleAnimation(0.1f, 1.0f,0.1f,1.0f);


60. //设置动画时间


61. scaleAnimation.setDuration(500);


62. this.startAnimation(scaleAnimation);


63. break;


64. case KeyEvent.KEYCODE_DPAD_RIGHT:


65. Log.e("Tween", "onKeyDown - KEYCODE_DPAD_RIGHT");


66. //初始化


67. translateAnimation = new TranslateAnimation(0.1f, 100.0f,0.1f,100.0f);


68. //设置动画时间


69. translateAnimation.setDuration(1000);
70. this.startAnimation(translateAnimation);


71. break;


72. case KeyEvent.KEYCODE_DPAD_CENTER:


73. Log.e("Tween", "onKeyDown - KEYCODE_DPAD_CENTER");


74. //初始化 Translate动画


75. translateAnimation = new TranslateAnimation(0.1f, 100.0f,0.1f,100.0f);


76. //初始化 Alpha动画


77. alphaAnimation = new AlphaAnimation(0.1f, 1.0f);
78. //动画集


79. AnimationSet set = new AnimationSet(true);


80. set.addAnimation(translateAnimation);


81. set.addAnimation(alphaAnimation);
82. //设置动画时间 (作用到每个动画)


83. set.setDuration(1000);


84. this.startAnimation(set);


85. break;


86. default:


87. break;


88. }


89. return true;


90. }
91. }

在Activity中调用该类时，需要注意一定setFocusable(true)，
否则焦点在Activity上的话，onKeyUp方法是不会生效的。

调用该View的代码：

[java] view plaincopyprint?

1. TweenAnim anim = new TweenAnim(Lesson_11.this);


2. anim.setFocusable(true);


3. setContentView(anim);

上面通过Java代码，实现了4中不同的Tween动画，其实在Android中完全可以通过
XML文件来实现动画。这种方式可能更加简洁、清晰，也更利于重用。

下面我们分别对这几种动画改用xml来实现。

首先是AlphaAnimation。

alpha_anim.xml：

[xhtml] view plaincopyprint?

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="2000"  


7.     />  


8. </set>  

不用解释了吧。

RotateAnimation

rotate_anim.xml：

[xhtml] view plaincopyprint?

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="360"


7. android:pivotX="50%"


8. android:pivotY="50%"


9. android:duration="500"


10. />


11. </set>

ScaleAnimation

scale_anim.xml：

[xhtml] view plaincopyprint?

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


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


3. <scale


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


5. android:fromXScale="0.0"


6. android:toXScale="1.0"


7. android:fromYScale="0.0"


8. android:toYScale="1.0"


9. android:pivotX="50%"


10. android:pivotY="50%"


11. android:fillAfter="false"


12. android:duration="500"


13. />


14. </set>

TranslateAnimation

translate_anim.xml：

[xhtml] view plaincopyprint?

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


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


3. <translate


4. android:fromXDelta="10"


5. android:toXDelta="100"


6. android:fromYDelta="10"


7. android:toYDelta="100"


8. />


9. </set>

布局文件都已经写完，那么如何来使用这些文件呢？

其实也很简单，此时需要用到AnimationUtils类。 通过该类中 loadAnimation 方法来加载这些布局文件。

如：

[java] view plaincopyprint?

1. rotateAnimation = AnimationUtils.loadAnimation(this.getContext(), R.anim.rotate_anim);

这次View类的代码如下：

[java] view plaincopyprint?

1. package com.yfz.view;


2. import com.yfz.R;


3. import android.content.Context;


4. import android.graphics.Canvas;


5. import android.graphics.drawable.BitmapDrawable;


6. import android.util.Log;


7. import android.view.KeyEvent;


8. import android.view.View;


9. import android.view.animation.AlphaAnimation;


10. import android.view.animation.Animation;


11. import android.view.animation.AnimationSet;


12. import android.view.animation.AnimationUtils;


13. import android.view.animation.RotateAnimation;


14. import android.view.animation.ScaleAnimation;


15. import android.view.animation.TranslateAnimation;


16. public class TweenAnim2 extends View {
17. //Alpha动画 - 渐变透明度


18. private Animation alphaAnimation = null;
19. //Sacle动画 - 渐变尺寸缩放


20. private Animation scaleAnimation = null;
21. //Translate动画 - 位置移动


22. private Animation translateAnimation = null;
23. //Rotate动画 - 画面旋转


24. private Animation rotateAnimation = null;
25. public TweenAnim2(Context context) {


26. super(context);


27. }


28. @Override


29. protected void onDraw(Canvas canvas) {


30. super.onDraw(canvas);


31. Log.e("Tween", "onDraw");


32. //加载一个图片


33. canvas.drawBitmap(((BitmapDrawable)getResources().getDrawable(R.drawable.gallery_photo_5)).getBitmap(), 0, 0, null);


34. }


35. @Override


36. public boolean onKeyDown(int keyCode, KeyEvent event) {


37. Log.e("Tween", "onKeyDown");


38. return true;


39. }


40. @Override


41. public boolean onKeyUp(int keyCode, KeyEvent event) {


42. Log.e("Tween", "onKeyDown");


43. switch (keyCode) {


44. case KeyEvent.KEYCODE_DPAD_UP:


45. Log.e("Tween", "onKeyDown - KEYCODE_DPAD_UP");
46. alphaAnimation = AnimationUtils.loadAnimation(this.getContext(), R.anim.alpha_anim);
47. this.startAnimation(alphaAnimation);


48. break;


49. case KeyEvent.KEYCODE_DPAD_DOWN:


50. Log.e("Tween", "onKeyDown - KEYCODE_DPAD_DOWN");
51. rotateAnimation = AnimationUtils.loadAnimation(this.getContext(), R.anim.rotate_anim);
52. this.startAnimation(rotateAnimation);


53. break;


54. case KeyEvent.KEYCODE_DPAD_LEFT:


55. Log.e("Tween", "onKeyDown - KEYCODE_DPAD_LEFT");
56. scaleAnimation = AnimationUtils.loadAnimation(this.getContext(), R.anim.scale_anim);
57. this.startAnimation(scaleAnimation);


58. break;


59. case KeyEvent.KEYCODE_DPAD_RIGHT:


60. Log.e("Tween", "onKeyDown - KEYCODE_DPAD_RIGHT");
61. translateAnimation = AnimationUtils.loadAnimation(this.getContext(), R.anim.translate_anim);
62. this.startAnimation(translateAnimation);


63. break;


64. case KeyEvent.KEYCODE_DPAD_CENTER:


65. Log.e("Tween", "onKeyDown - KEYCODE_DPAD_CENTER");


66. //初始化 Translate动画


67. translateAnimation = AnimationUtils.loadAnimation(this.getContext(), R.anim.translate_anim);
68. //初始化 Alpha动画


69. alphaAnimation = AnimationUtils.loadAnimation(this.getContext(), R.anim.alpha_anim);
70. //动画集


71. AnimationSet set = new AnimationSet(true);


72. set.addAnimation(translateAnimation);


73. set.addAnimation(alphaAnimation);
74. //设置动画时间 (作用到每个动画)


75. set.setDuration(1000);


76. this.startAnimation(set);


77. break;


78. default:


79. break;


80. }


81. return true;


82. }
83. }

好了，本次就这么多。

参考： http://www.moandroid.com/?p=790

原文：http://blog.csdn.net/feng88724/article/details/6318430

【Android动画】之Tween动画 (渐变、缩放、位移、旋转),布布扣,bubuko.com