Internship 8th day: Use Android-Tween Animation in SurfaceView!

补充：有童鞋说对三种相对位置不太理解，那么我简单说补充下：

//Animation.ABSOLUTE 相对位置是屏幕左上角,绝对位置!/ /Animation.RELATIVE_TO_SELF 相对位置是自身View;取值为0,是自身左上角,取值为1是自身的右下角;//Animation.RELATIVE_TO_PARENT 相对父类View的位置

当设定了位置类型之后，会让你传入X或者Y的值，这里的X，Y可以理解成为一个点坐标！比如是旋转动画，那么这个(X,Y)就是旋转中心点！

OK,对于Tween Animation下的每种动画效果的实例化的每个参数都解释的很详细了！其实动画的实现不光用代码可以实现，在xml中注册实现也是可以的，这里就不多写了，大家可以自己去尝试写一下，那么在view中我们播放一种特效动画，只要实例化其对象，然后设置下参数，然后startAnimation()就好了，步骤很简单，只是每个动画实例化的参数确有着千变万化的改法，这些我也没法子一一来给大家演示，大家可以自己改改参数看看实际的效果！当然对于每种动画我们不光有设置播放的时候，还有一些属性和方法可以调用，比如Animation.restart()重放动画，getTransformation()此方法返回假,说明动画完成等等很多属性，请各位童鞋自定实验 o(∩_∩)o 哈哈~

顺便先解释下MyViewAnimation .java 类中onDraw()方法里的（备注1）!其实这里我是想跟大家说明下Android Animation实现机制

                                                 【启动任意一种动画效果之前 和 之后 的对比图】

很明显、”Himi”字样在动画开始前和开始后出现了移动，而且在MyViewAnimation.java中我没有使用Runnable接口，也没有调用刷新的函数，那么我来给各位童鞋解释下原因：

  动画的每种变换其实内部都是一次矩阵运算。在Android 中，Canvas 类中包含当前矩阵，当调用 Canvas.drawBitmap (bmp, x, y, Paint) 绘制时，android 会先把 bmp 做一次矩阵运算，然后将运算的结果显示在 Canvas 上，然后不断修改 Canvas 的矩阵并刷新屏幕，View 里的对象就会不停的做图形变换，动画就形成了。

还有一点提醒大家：动画的播放是对整个游戏画布进行的操作，这一点要知道哟~

那么下面就要给大家介绍如何在我们的SurfaceView中运用Tween Animation!

MySurfaceViewAnimation.java 

代码都很熟悉了， 主要我们来给大家解释下备注1,备注2:

备注1：

   我在两个MyView 和 MySurfaceView中都定义了本类一个静态对象，然后在初始化的时候都利用=this的形式进行了实例化;

注意:=this; 的这种实例形式要注意!只能在当前程序中仅存在一个本类对象才可使用!

       为什么要实例两个View的实例而且定义成静态,这样做主要为了类之间方便调用和操作！比如在我们这个项目中，我这样做是为了在MainActivity中去管理两个View按键焦点！下面我会给出MainActivity的代码，大家一看便知；

备注2：   

 我在两个MyView 和 MySurfaceView中都对获取按键焦点注释掉了，而是在别的类中的调用其View的静态实例对象就可以任意类中对其设置！这样就可以很容易去控制到底谁来响应按键了。

这里还要强调一下：当xml中注册多个 View的时候，当我们点击按键之后，Android会先判定哪个View setFocusable(true)设置焦点了,如果都设置了，那么Android 会默认响应在xml中第一个注册的view ,而不是两个都会响应。那么为什么不同时响应呢？我解释下：

上面这截图是Android SDK Api的树状图,很明显SurfaceView继承了View,它俩是基继承关系，那么不管是子类还是基类一旦响应了按键，其基类或者父类就不会再去响应；

下面我们来看MainActivity.java：

备注1：

   这里是当程序运行的时候我们默认让我们的MyView(View)来响应按键。通过类名调用对应的View实例，然后设置获取焦点的函数；

备注2：

    这里要注意:不管你在xml中注册了多少个View ，也不管View是否都设置了获取焦点，只要你在 MainActivity 中重写onKeyDown（）函数，Android 就会调用此函数。

那么直接在SurfaceView中进行实现动画的想法这里没有得到很好的解决，而是我利用布局的方式来一同显示的方式，希望各位童鞋如果有好的方法，在SurfaceView中直接能使用动画的建议和想法，希望留言给我，大家一起学习 讨论,谢谢 下面给出项目源码：

源码下载地址: http://www.himigame.com/android-game/331.html

1. packa ge com.himi.frameAnimation;    
2. import android.content.Context;    
3. import android.graphics.Bitmap;    
4. import android.graphics.BitmapFactory;    

import android.graphics.Canvas;    

5. import android.graphics.Color;    
6. import android.graphics.Paint;    
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.RotateAnimation;    
12. import android.view.animation.ScaleAnimation;    
13. import android.view.animation.TranslateAnimation;    
14. /**  
15.  *@author Himi  
16.  *@AlphaAnimation 渐变透明度动画效果  
17.  *@ScaleAnimation 渐变尺寸伸缩动画效果  
18.  *@TranslateAnimation 画面转换位置移动动画效果  
19.  *@RotateAnimation 画面转移旋转动画效果  
20.  */    
21. public class MyViewAnimation extends View {    
22.     private Paint paint;    
23.     private Bitmap bmp;    
24.     private int x = 50;    
25.     private Animation mAlphaAnimation;    
26.     private Animation mScaleAnimation;    
27.     private Animation mTranslateAnimation;    < /span>
28.     private Animation mRotateAnimation;    
29.     public MyViewAnimation(Context context) {    
30.         super(context);    
31.         paint = new Paint();    
32.         paint.setAntiAlias(t rue);    
33.         bmp = BitmapFactory.decodeResource(getResources(), R.drawable.icon);    
34.         this.setFocusable(true);//只有当该View获得焦点时才会调用onKeyDown方法     
35.     }    
36.     @Override    
37.     protected void onDraw(Canvas canvas) {    
38.         super.onDraw(canvas);    
39.         canvas.drawColor(Color.BLACK);    
40.         paint.setColor(Color.WHITE);    
41.         canvas.drawText(“Himi”, x, 50, paint);//备注1    
42.         canvas.drawText(“方向键↑ 渐变透明度动画效果”, 80, this.getHeight() – 80, paint);    
43.         canvas.drawText(“方向键↓ 渐变尺寸伸缩动画效果”, 80, this.getHeight() – 60, paint);    
44.         canvas.drawText(“方向键← 画面转换位置移动动画效果”, 80, this.getHeight() – 40, paint);    
45.         canvas.drawText(“方向键→ 画面转移旋转动画效果”, 80, this.getHeight() – 20, paint);    
46.         canvas.drawBitmap(bmp, this.getWidth() / 2 – bmp.getWidth() / 2,     
47.                 this.getHeight() / 2 – bmp.getHeight() / 2, paint);    
48.         x += 1;    
49.     }    
50.     public boolean onKeyDown(int keyCode, KeyEvent event) {    
51.         if (keyCode == KeyEvent.KEYCODE_DPAD_UP) {//渐变透明度动画效果    
52.             mAlphaAnimation = new AlphaAnimation(0.1f, 1.0f);    
53.             //第一个参数fromAlpha 为动画开始时候透明度    
54.             //第二个参数toAlpha 为动画结束时候透明度    
55.             //注意：取值范围[0-1];[完全透明-完全不透明]    
56.             mAlphaAnimation.setDuration(3000);    
57.             ////设置时间持续时间为3000 毫秒=3秒    
58.             this.startAnimation(mAlphaAnimation);    
59.         } else if (keyCode == KeyEvent.KEYCODE_DPAD_DOWN) {//渐变尺寸伸缩动画效果    
60.             mScaleAnimation = new ScaleAnimation(0.0f, 1.5f, 0.0f, 1.5f, Animation    
61.                     .RELATIVE_TO_PARENT, 0.5f, Animation.RELATIVE_TO_PARENT, 0.0f);    
62.             //第一个参数fromX为动画起始时X坐标上的伸缩尺寸    
63.             //第二个参数toX为动画结束时X坐标上的伸缩尺寸    
64.             //第三个参数fromY为动画起始时Y坐标上的伸缩尺寸    
65.             //第四个参数toY 为动画结束时Y 坐标上的伸缩尺寸    
66.             //注意：    
67.             //0.0表示收缩到没有    
68.             //1.0表示正常无伸缩    
69.             //值小于1.0表示收缩    
70.             //值大于1.0表示放大    
71.             //—–我这里1-4参数表明是起始图像大小不变，动画终止的时候图像被放大1.5倍    
72.             //第五个参数pivotXType 为动画在X 轴相对于物件位置类型    
73.             //第六个参数pivotXValue 为动画相对于物件的X 坐标的开始位置    
74.             //第七个参数pivotXType 为动画在Y 轴相对于物件位置类型    
75.             //第八个参数pivotYValue 为动画相对于物件的Y 坐标的开始位置    
76.             //提示：位置类型有三种,每种效果大家自己尝试哈~这里偷下懒~    
77.             //毕竟亲眼看到效果的区别才记忆深刻~    
78.             //Animation.ABSOLUTE 、Animation.RELATIVE_TO_SELF、Animation.RELATIVE_TO_PARENT    
79.             mScaleAnimation.setDuration(2000);    
80.             this.startAnimation(mScaleAnimation);    
81.         } else if (keyCode == KeyEvent.KEYCODE_DPAD_LEFT) {//画面转换位置移动动画效果    
82.             mTranslateAnimation = new TranslateAnimation(0, 100, 0, 100);    
83.             //第一个参数fromXDelta为动画起始时X坐标上的移动位置    
84.             //第二个参数toXDelta为动画结束时X坐标上的移动位置    
85.             //第三个参数fromYDelta为动画起始时Y坐标上的移动位置    
86.             //第四个参数toYDelta 为动画结束时Y 坐标上的移动位置    
87.             mTranslateAnimation.setDuration(2000);    
88.             this.startAnimation(mTranslateAnimation);    
89.         } else if (keyCode == KeyEvent.KEYCODE_DPAD_RIGHT) {//画面转移旋转动画效果    
90.             mRotateAnimation = new RotateAnimation(0.0f, 360.0f,     

< li style="border-style:none none none solid; border-left-width:3px; border-left-color:rgb(108,226,108); list-style:decimal-leading-zero outside; line-height:18px; margin:0px!important; padding:0px 3px 0px 10px!important; background-color:rgb(248,248,248)">                 Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);    

91.             //第一个参数fromDegrees为动画起始时的旋转角度    
92.             //第二个参数toDegrees 为动画旋转到的角度    
93.             //第三个参数pivotXType 为动画在X 轴相对于物件位置类型    
94.             //第四个参数pivotXValue 为动画相对于物件的X 坐标的开始位置    
95.             //第五个参数pivotXType 为动画在Y 轴相对于物件位置类型    
96.             //第六个参数pivotYValue 为动画相对于物件的Y 坐标的开始位置    
97.             mRotateAnimation.setDuration(3000);    
98.             this.startAnimation(mRotateAnimation);    
99.         }    
100.         return super.onKeyDown(keyCode, event);    
101.     }    
102. }  

[java] view plain copy

1. package com.himi.frameAnimation;  
2. import android.content.Context;  
3. import android.graphics.Bitmap;  
4. import android.graphics.BitmapFactory;  
5. import android.graphics.Canvas;  
6. import android.graphics.Color;   
7. import android.graphics.Paint;   
8. import android.util.Log;  
9. import android.view.KeyEvent;  
10. import android.view.SurfaceHolder;  
11. import android.view.SurfaceView;  
12. import android.view.SurfaceHolder.Callback;  
13. import android.view.animation.Al phaAnimation;  
14. import android.view.animation.Animation;  
15. import android.view.animation.RotateAnimation;  
16. import android.view.animation.ScaleAnimation;   
17. import android.view.animation.TranslateAnimation;  
18. /** 
19.  *@author Himi 
20.  */< span style="margin:0px; padding:0px; border:none; background-color:inherit">  
21. public class MySurfaceViewAnimation extends SurfaceView implements Callback, Runnable {  
22.     private Thread th = new Thread(this);  
23.     private< /span> SurfaceHolder sfh;  
24.     private Canvas canvas;  
25.     private Paint paint;  
26.     private Bitmap bmp;  
27.     ///   
28. private Animation mAlphaAnimation;  
29. private Animation mScaleAnimation;  
30. private Animation mTranslateAnimation;  
31. private Animation mRotateAnimation;  

< li style="border-style:none none none solid; border-left-width:3px; border-left-color:rgb(108,226,108); list-style:decimal-leading-zero outside; line-height:18px; margin:0px!important; padding:0px 3px 0px 10px!important; background-color:rgb(248,248,248)"> public MySurfaceViewAnimation(Context context) {  

32.     super(context);  
33.     Log.v(“Himi”, “MySurfaceView”);  
34.     this.setKeepScreenOn(true);  
35.     bmp = BitmapFactory.decodeResource(getResources(), R.drawable.icon);  
36.     sfh = this.getHolder();  
37.     sfh.addCallback(this);  
38.     paint =  new Paint();  
39.     paint.setAntiAlias(true);  
40.     setFocusable(true);  
41.     setFocusableInTouchMode(true);  
42. //  this.setBackgroundResource(R.drawable.icon);//备注2  
43. }  
44. public void surfaceCreated(SurfaceHolder holder) {  
45.     Log.v(“Himi”, “surfaceCreated”);  
46.     th.start();  
47. }  
48. public void draw() {  
49.     try {  
50.         canvas = sfh.lockCanvas();  
51.         if (canvas != null) {  
52.             canvas.drawColor(Color.BLACK);  
53.             paint.setColor(Color.WHITE);  
54.             canvas.drawText(“方向键↑ 渐变透明度动画效果”, 80, this.getHeight() – 80, paint);  
55.             canvas.drawText(“方向键↓ 渐变尺寸伸缩动画效果”, 80, this.getHeight() – 60, paint);  
56.             canvas.drawText(“方向键← 画面转换位置移动动画效果”,  80, this.getHeight() – 40, paint);  
57.             canvas.drawText(“方向键→ 画面转移旋转动画效果”, 80, this.getHeight() – 20, paint);  
58.             canvas.drawBitmap(bmp, this.getWidth() / 2 – bmp.getWidth() / 2,   
59.                     this.getHeight() / 2 – bmp.getHeight() / 2, paint);  
60.         }  
61.     } catch (Exception e) {  
62.         Log.v(“Himi”, “draw is Error!”);  
63.     } finally {  
64.         sfh.unlockCanvasAndPost(canvas);  
65.     }  
66. }  
67. @Override  
68. public boolean onKeyDown(int keyCode, KeyEvent event) {  
69.     if (keyCode == KeyEvent.KEYCODE_DPAD_UP) {//渐变透明度动画效果  
70.         mAlphaAnimation = new AlphaAnimation(0.1f, 1.0f);  
71.         mAlphaAnimation.setDuration(3000);  
72.         this.startAnimation(mAlphaAnimation);  
73.     } else if (keyCode == KeyEvent.KEYCODE_DPAD_DOWN) {//渐变尺寸伸缩动画效果  
74.         mScaleAnimation = new ScaleAnimation(0.0f, 2.0f,   
75.                 1.5f, 1.5f, Animation.RELATIVE_TO_PARENT,   
76.                 0.5f, Animation.RELATIVE_TO_PARENT, 0.0f) ;  
77.         mScaleAnimation.setDuration(2000);  
78.         this.startAnimation(mScaleAnimation);  
79.     } else if (keyCode == KeyEvent.KEYCODE_DPAD_LEFT) {//画面转换位置移动动画效果  
80.         mTranslateAnimation = new TranslateAnimation(0, 100, 0, 100);  
81.         mTranslateAnimation.setDuration(2000);  
82.         this.startAnimatio n(mTranslateAnimation);  
83.     } else if (keyCode == KeyEvent.KEYCODE_DPAD_RIGHT) {//画面转移旋转动画效果  
84.         mRotateAnimation = new RotateAnimation(0.0f, 360.0f,   
85.                 Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);  
86.         mRotateAnimation.setDuration(3000);  
87.         this.startAnimation(mRotateAnimation);  
88.     }  
89.     return super.onKeyDown(keyCode, event);  
90. }  
91. public void run() {  
92.     // TODO Auto-generated method stub  
93.     while (true) {  
94.         draw();  
95.         try {  
96.             Thread.sleep(100);  
97.         } catch (Exception ex) {  
98.         }  
99.     }  
100. }  
101. public void surfaceChanged(SurfaceHolder holder, int format, int width, int height) {  
102.     Log.v(“Himi”, “surfaceChanged”);  
103. }  
104. public void surfaceDestroyed(SurfaceHolder holder) {  
105.     Log.v(“Himi”, “surfaceDestroyed”);  
106.     }  
107. }  

[java] view plain copy

1. xml version=“1.0” encoding=“utf-8”?>  
2. <LinearLayout xmlns:android=“http://schemas.android.com/apk/res/android”  
3.     android:orientation=“vertical”  
4.     android:layout_width=“fill_parent”  
5.     android:layout_height=“fill_parent”  
6.     >   
7.     <RelativeLayout  
8.             android:layout_width=“fill_parent”  
9.             android:layout_height=“wrap_content”  
10.             android:layout_weight=“1” >  
11.        <com.himi.MySurfaceView android:id=“@+id/view3d”  
12.             android:layout_width=“fill_parent”  
13.             android:layout_height=“fill_parent”/>     
14.     <com.himi.MyView android:id=“@+id/myview”  
15.             android:layout_width=“fill_parent”  
16.             android:layout_height=“fill_parent”/>     
17.     RelativeLayout>     
18. LinearLayout>  

[xhtml]  view plain  copy

1. package com.himi;  
2. import android.content.Context;  
3. import android.graphics.Canvas;  
4. import android.graphics.Color;  
5. import android.graphics.Paint;  
6. import android.util.AttributeSet;  
7. import android.view.KeyEvent;   
8. import android.view.SurfaceHolder;  
9. import android.view.SurfaceView;   
10. import android.view.SurfaceHolde r.Callback;    
11. /** 
12.  *  
13.  * @author Himi 
14.  * 
15.  */  
16. public class MySurfaceView extends SurfaceView implements Callback, Runnable {  
17.     public static MySurfaceView msrv ;//—-备注1  
18.     private int move_x = 2, x = 20;  
19.     private Thread th;  
20.     private SurfaceHolder sfh;  
21.     private Canvas canvas;  
22.     private Paint p;   
23.     public MySurfaceView(Context context, AttributeSet attrs) {   
24.         super(context, attrs);  
25.         msrv=this;  
26.         p = new Paint();   
27.         p.setAntiAlias(true);  
28.         sfh = this.getHolder();  
29.         sfh.addCallback(this);  
30.         th = new Thread(this);  
31.         this.setKeepScreenOn(true);   
32.          this.setFocusable(true);// —-备注2  
33.     }   
34.     public void surfaceCreated(SurfaceHolder holder) {  
35.         th.start();   
36.     }   
37.     public void draw() {  
38.         canvas = sfh.lockCanvas();  
39.         if(canvas!=null){  
40.             canvas.drawColor(Color.WHITE);  
41.             canvas.drawText(“我是   – Surfaceview”, x + move_x, 280, p);  
42.             sfh.unlockCanvasAndPost(canvas);  
43.         }   
44.     }  
45.     private void logic() {    
46.         x += move_x;  
47.         if (x > 200 || x < 80) {  
48.             move_x = -move_x;  
49.         }  
50.     }  
51.     @Override  
52.     public boolean onKeyDown(int key, KeyEvent event) { //备注2  
53.         return super.onKeyDown(key, event);  
54.     }   
55.        
56.     public void run() {  
57.         // TODO Auto-generated method stub  
58.         while (true) {  
59.             draw();  
60.             logic();  
61.             try {  
62.                 Thread.sleep(100);  
63.             } catch (Exception ex) {  
64.             }  
65.         }  
66.     }    
67.     public void surfaceChanged(SurfaceHolder holder, int format, int width,  
68.             int height) {   
69.     }   
70.     public void surfaceDestroyed(SurfaceHolder holder) {   
71.     }  
72. }  

[java] view plain copy

1. package com.himi;  
2. import android.app.Activity;  
3. import android.os.Bundle;   
4. import android.view.KeyEvent;  
5. import android.view.Window;  
6. import android.view.WindowManager;  
7. /** 
8.  *  
9.  * @author Himi 
10.  * 
11.  */  
12. public class MainActivity extends Activity {  
13.     /** Called when the activity is first created. */   
14.     @Override  
15.     public void onCreate(Bundle savedInstanceState) {  
16.         super.onCreate(savedInstanceState);  
17.         this.requestWindowFeature(Window.FEATURE_NO_TITLE);  
18.         this.getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,  
19.                 WindowManager.LayoutParams.FLAG_FULLSCREEN);  
20.         setContentView(R.layout.main);   
21.         MySurfaceView.msrv.setFocusable(false);//备注1  
22.         MyView.mv.setFocusable(true);//备注1  
23.     }  
24.     @Override  
25.     public boolean onKeyDown(int keyCode, KeyEvent event) {//备注2  
26.         return super.onKeyDown(keyCode, event);  
27.     }  
28.       
29. }  

[java] view plain copy