Android學習指南之二十五：Android動畫的實現 下

       本節講解使用SurfaceView組件繪制動畫的方法。SurfaceView類作為View類的子類，進行繪圖時能夠比一般的View組件更快，所以我們在Android游戲、視頻等對流暢度和幀速要求較高的應用中經常會見到SurfaceView的身影。

       本文通過實例講解的方式來介紹SurfaceView的使用方法，此實例實現的是一個能發送莫爾斯碼的燈塔。下面是詳細步驟，代碼中的注釋可以幫助大家理解。

       1、創建項目Lesson25_Morse，啟動Activity名字叫MainActivity.java。

       2、創建一個莫爾斯碼的工具類Morse.java。

1. package basic.android.lesson37;   
2.   
3. import java.util.HashMap;   
4. import java.util.Map;   
5.   
6. public class Morse {   
7.   
8.     public static Map<STRING string ,> standardMorseCharactersMap = new HashMap</STRING><STRING string ,>();   
9.   
10.     static {   
11.         standardMorseCharactersMap.put("a", ".-");   
12.         standardMorseCharactersMap.put("b", "-...");   
13.         standardMorseCharactersMap.put("c", "-.-.");   
14.         standardMorseCharactersMap.put("d", "-..");   
15.         standardMorseCharactersMap.put("e", ".");   
16.         standardMorseCharactersMap.put("f", "..-.");   
17.         standardMorseCharactersMap.put("g", "--.");   
18.         standardMorseCharactersMap.put("h", "....");   
19.         standardMorseCharactersMap.put("i", "..");   
20.         standardMorseCharactersMap.put("j", ".---");   
21.         standardMorseCharactersMap.put("k", "-.-");   
22.         standardMorseCharactersMap.put("l", ".-..");   
23.         standardMorseCharactersMap.put("m", "--");   
24.         standardMorseCharactersMap.put("n", "-.");   
25.         standardMorseCharactersMap.put("o", "---");   
26.         standardMorseCharactersMap.put("p", ".--.");   
27.         standardMorseCharactersMap.put("q", "--.-");   
28.         standardMorseCharactersMap.put("r", ".-.");   
29.         standardMorseCharactersMap.put("s", "...");   
30.         standardMorseCharactersMap.put("t", "-");   
31.         standardMorseCharactersMap.put("u", "..-");   
32.         standardMorseCharactersMap.put("v", "...-");   
33.         standardMorseCharactersMap.put("w", ".--");   
34.         standardMorseCharactersMap.put("x", "-..-");   
35.         standardMorseCharactersMap.put("y", "-.--");   
36.         standardMorseCharactersMap.put("z", "--..");   
37.   
38.         standardMorseCharactersMap.put("0", "-----");   
39.         standardMorseCharactersMap.put("1", ".----");   
40.         standardMorseCharactersMap.put("2", "..---");   
41.         standardMorseCharactersMap.put("3", "...--");   
42.         standardMorseCharactersMap.put("4", "....-");   
43.         standardMorseCharactersMap.put("5", ".....");   
44.         standardMorseCharactersMap.put("6", "-....");   
45.         standardMorseCharactersMap.put("7", "--...");   
46.         standardMorseCharactersMap.put("8", "---..");   
47.         standardMorseCharactersMap.put("9", "----.");   
48.   
49.         standardMorseCharactersMap.put(".", ".-.-.-");   
50.         standardMorseCharactersMap.put("-", "-....-");   
51.         standardMorseCharactersMap.put(",", "--..--");   
52.         standardMorseCharactersMap.put("?", "..--..");   
53.         standardMorseCharactersMap.put("/", "-..-.");   
54.         standardMorseCharactersMap.put(";", "-.-.-.");   
55.         standardMorseCharactersMap.put("(", "-.--.");   
56.         standardMorseCharactersMap.put(")", "-.--.-");   
57.         standardMorseCharactersMap.put("@", ".--.-.");   
58.         standardMorseCharactersMap.put("*", "...-.-");   
59.         standardMorseCharactersMap.put("+", ".-.-.");   
60.         standardMorseCharactersMap.put("%", ".-...");   
61.         standardMorseCharactersMap.put("\\", "---...");  
62.         standardMorseCharactersMap.put("\"", ".-..-.");   
63.         standardMorseCharactersMap.put("'", ".----.");   
64.         standardMorseCharactersMap.put("!", "=---.");   
65.         standardMorseCharactersMap.put("$", "...-..-");   
66.         standardMorseCharactersMap.put(" ", "/");   
67.     }   
68.   
69.     public static String morseEncoder(String input) {   
70.         String output = "";   
71.         for (char c : input.toCharArray()) {   
72.             output += standardMorseCharactersMap.get(String.valueOf(c)) + " ";   
73.         }   
74.         return output;   
75.     }   
76.   
77.     public static void main(String[] args) {   
78.         String input = "yao mu yang";   
79.         String output = Morse.morseEncoder(input);   
80.         System.out.println(output);   
81.     }   
82.   
83. }</STRING>  

       3、布局文件main.xml 的內容如下：

1. <?xml version="1.0" encoding="utf-8"?>  
2. <LINEARLAYOUT xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/LinearLayout01" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent">  
3.   
4.     <TEXTVIEW android:id="@+id/TextView01" android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="輸入:">  
5.     </TEXTVIEW>  
6.   
7.     <EDITTEXT android:id="@+id/EditText01" android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="">  
8.     </EDITTEXT>  
9.   
10.     <BUTTON type=submit android:id="@+id/Button01" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="轉換">  
11.     </BUTTON>  
12.   
13.     <TEXTVIEW android:id="@+id/TextView02" android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="輸出:">  
14.     </TEXTVIEW>  
15.   
16.     <EDITTEXT android:id="@+id/EditText02" android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="" android:editable="false">  
17.     </EDITTEXT>    
18.   
19.     <BUTTON type=submit android:id="@+id/Button02" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="發送信號">  
20.     </BUTTON>  
21. </LINEARLAYOUT>  

       4、MainActivity.java的內容如下：

1. package basic.android.lesson37;   
2.   
3. import android.app.Activity;   
4. import android.content.Context;   
5. import android.graphics.Canvas;   
6. import android.graphics.Color;   
7. import android.graphics.Paint;   
8. import android.os.Bundle;   
9. import android.util.Log;   
10. import android.view.SurfaceHolder;   
11. import android.view.SurfaceView;   
12. import android.view.View;   
13. import android.widget.Button;   
14. import android.widget.EditText;   
15. import android.widget.LinearLayout;   
16.   
17. public class MainActivity extends Activity {   
18.      private LinearLayout layout;   
19.   
20.      //莫爾斯碼數組變量   
21.       char[] chars;   
22.      //莫爾斯碼數組計數變量   
23.       int count = 0;   
24.      //開關標志   
25.       boolean flag = false;   
26.      //循環標志   
27.       boolean loop = false;   
28.   
29.      @Override  
30.      public void onCreate(Bundle savedInstanceState) {   
31.      super.onCreate(savedInstanceState);   
32.      setContentView(R.layout.main);   
33.   
34.      // 定義UI組件   
35.      final Button b1 = (Button) findViewById(R.id.Button01);   
36.      final Button b2 = (Button) findViewById(R.id.Button02);   
37.   
38.      final EditText et1 = (EditText) findViewById(R.id.EditText01);   
39.      final EditText et2 = (EditText) findViewById(R.id.EditText02);   
40.   
41.      layout = (LinearLayout) findViewById(R.id.LinearLayout01);   
42.   
43.      // 單擊轉換按鈕，轉換莫爾斯碼   
44.      b1.setOnClickListener(new View.OnClickListener(){   
45.   
46.      @Override  
47.      public void onClick(View v) {   
48.          String text = Morse.morseEncoder(et1.getText().toString());   
49.          et2.setText(text);   
50.      }   
51.      });   
52.   
53.      // 單擊發送信號按鈕，把莫爾斯碼用燈信號的方式發送出去   
54.      b2.setOnClickListener(new View.OnClickListener() {   
55.   
56.         @Override  
57.         public void onClick(View v) {   
58.             //當morse碼文本框中有內容的時候就發送燈信號   
59.             if (et2.getText() != null && et2.getText().toString().length() > 0) {   
60.                 //把莫爾斯碼拆解成一個一個字符   
61.                 chars = et2.getText().toString().toCharArray();   
62.                 //計數   
63.                 count = chars.length;   
64.                 //創建SurfaceView   
65.                 LightView light = new LightView(MainActivity.this);   
66.                 //把SurfaceView動態加入Activity   
67.                 layout.addView(light);   
68.             }   
69.         }   
70.     });   
71.     }   
72.   
73.     // 信號燈   
74.     class LightView extends SurfaceView {   
75.   
76.        //聲明 surfaceHolder 對象   
77.        SurfaceHolder holder;   
78.   
79.        // 構造方法   
80.        public LightView(Context context) {   
81.            super(context);   
82.   
83.            // 從 SurfaceView 中獲取 SurfaceHolder對象   
84.            holder = this.getHolder();   
85.            // addCallback 對象   
86.            holder.addCallback(new SurfaceHolder.Callback() { //創建SurfaceHolder.Callback匿名內部類   
87.   
88.               //在SurfaceHolder.Callback內部類的內部創建它所需要的線程內部類   
89.               class LightThread implements Runnable {   
90.   
91.                   @Override  
92.                   public void run() {   
93.   
94.                      while (loop) {   
95.   
96.                         if (count > 0) {   
97.                             Log.i("yao", "" + count);   
98.                             String s = String.valueOf(chars[chars.length - count]);   
99.                             // 鎖定canvas,開始繪圖   
100.                             Canvas canvas = holder.lockCanvas(null);   
101.   
102.                             Paint paint = new Paint();   
103.                             paint.setAntiAlias(true);   
104.   
105.                             //清屏幕   
106.                             paint.setColor(Color.BLACK);   
107.                             canvas.drawRect(0, 0, 480, 480, paint);                                                            
108.   
109.                             //標志位是真的時候關一下燈   
110.                             if(flag){   
111.                                 sleep(2);   
112.                                 paint.setColor(Color.BLACK);   
113.                             }else{ //為假的時候就亮燈   
114.                                 // di 亮2個時間點   
115.                                 if (s.equalsIgnoreCase(".")) {   
116.                                     sleep(2);   
117.                                     paint.setColor(Color.YELLOW);   
118.                                 } else if(s.equalsIgnoreCase("-")) {   
119.                                     // dah 亮4個時間點   
120.                                     sleep(4);   
121.                                     paint.setColor(Color.YELLOW);   
122.                                 }else if(s.equalsIgnoreCase(" ")){   
123.                                     // 空格 亮2個時間點   
124.                                     sleep(2);   
125.                                     paint.setColor(Color.BLACK);   
126.                                 }else if(s.equalsIgnoreCase("/")){   
127.                                     // 單詞之間的空白亮2個時間點   
128.                                     sleep(2);   
129.                                     paint.setColor(Color.BLACK);   
130.                                 }else{   
131.                                     // 出問題的時候亮紅燈   
132.                                     sleep(2);   
133.                                     paint.setColor(Color.RED);   
134.                                 }   
135.                                 count--;   
136.                             }   
137.                             //繪制燈光   
138.                             canvas.drawCircle(250.0f, 200.0f, 100, paint);   
139.   
140.                             //標准位開關   
141.                             flag = !flag;      
142.   
143.                             // 釋放canvas,繪圖完畢   
144.                             holder.unlockCanvasAndPost(canvas);   
145.                         }   
146.   
147.                      }   
148.   
149.                   }   
150.   
151.                   //休眠   
152.                   public void sleep(int time){   
153.                      try {   
154.                          Thread.sleep(time*80);   
155.                      } catch (Exception e) {   
156.                         //no nothing   
157.                      }   
158.                  }   
159.               }   
160.   
161.               @Override  
162.               public void surfaceChanged(SurfaceHolder holder, int format, int width, int height) {   
163.                 // do nothing   
164.               }   
165.   
166.               @Override  
167.               public void surfaceCreated(SurfaceHolder holder) {   
168.                  //在SurfaceView被創建的時候執行   
169.                  new Thread(new LightThread()).start();   
170.               }   
171.   
172.               @Override  
173.               public void surfaceDestroyed(SurfaceHolder holder) {   
174.                  loop = false;   
175.               }   
176.           });   
177.   
178.           loop = true;   
179.   
180.         }   
181.     }  
182. }  

       5、編譯並運行程序，查看結果：

       好了，本講就到這裡，下次再見。