Android開發實例之多點觸控程序

       智能終端設備的多點觸控操作為我們帶來了種種炫酷體驗，這也使得很多Android開發者都對多點觸控程序的開發感興趣。實際上多點觸控程序的實現並不是那麼遙不可及，而是比較容易。本文就主要通過一個實例具體講解多點觸控程序的實現。

       首先來了解一下Android中多點觸控的原理。

       Android多點觸控在本質上需要LCD驅動和程序本身設計上支持，目前市面上HTC、Motorola和Samsung等知名廠商只要使用電容屏觸控原理的手機均可以支持多點觸控Multitouch技術，對於網頁縮放、手勢操作上有更好的用戶體驗。 在Android平台上事件均使用了MotionEvent對象方式處理，比如開始觸控時會觸發ACTION_DOWN，而移動操作時為ACTION_MOVE，最終放開手指時觸發ACTION_UP事件。當然還有用戶無規則的操作可能觸發ACTION_CANCEL這個動作。

       對於常規的觸控操作我們都是使用內部為View的setOnTouchListener()接口實現的onTouchEvent()方法來處理。因此對於onTouchEvent方法的參數MotionEvent我們需要有一定得了解，比如：

1. event.getAction() //獲取觸控動作比如ACTION_DOWN   
2. event.getPointerCount(); //獲取觸控點的數量，比如2則可能是兩個手指同時按壓屏幕   
3. event.getPointerId(nID); //對於每個觸控的點的細節，我們可以通過一個循環執行getPointerId方法獲取索引   
4. event.getX(nID); //獲取第nID個觸控點的x位置   
5. event.getY(nID); //獲取第nID個點觸控的y位置   
6. event.getPressure(nID); //LCD可以感應出用戶的手指壓力，當然具體的級別由驅動和物理硬件決定的   
7. event.getDownTime() //按下開始時間   
8. event.getEventTime() // 事件結束時間   
9. event.getEventTime()-event.getDownTime()); //總共按下時花費時間  

      下面，我們根據一個項目來講解如何實現多點觸控。

      在上代碼之前先來看看此實例的運行效果圖：

       以下是實現步驟：

       1、創建一個Android項目，命名為MultitouchVisible。

       2、在該項目內，新建一個view，繼承SurfaceView，並實現了Callback接口，這裡我們命名該類為MyView.java，下面是該類地具體實現代碼：

1. public class MyView extends SurfaceView implements SurfaceHolder.Callback{   
2.     MultitouchVisible father;   
3.        
4.     private static final int MAX_TOUCHPOINTS = 10;     
5.     private static final String START_TEXT = "請隨便觸摸屏幕進行測試";     
6.     private Paint textPaint = new Paint();     
7.     private Paint touchPaints[] = new Paint[MAX_TOUCHPOINTS];     
8.     private int colors[] = new int[MAX_TOUCHPOINTS];     
9.     private int width, height;     
10. //  private float scale = 1.0f;     
11.        
12.     public MyView(MultitouchVisible father) {   
13.         super(father);   
14.         // TODO Auto-generated constructor stub   
15.         this.father=father;   
16.         SurfaceHolder holder = getHolder();     
17.         holder.addCallback(this);     
18.         setFocusable(true); // 確保我們的View能獲得輸入焦點     
19.         setFocusableInTouchMode(true); // 確保能接收到觸屏事件     
20.         init();     
21.     }   
22.      private void init() {     
23.          // 初始化10個不同顏色的畫筆     
24.          textPaint.setColor(Color.WHITE);     
25.          colors[0] = Color.BLUE;     
26.          colors[1] = Color.RED;     
27.          colors[2] = Color.GREEN;     
28.          colors[3] = Color.YELLOW;     
29.          colors[4] = Color.CYAN;     
30.          colors[5] = Color.MAGENTA;     
31.          colors[6] = Color.DKGRAY;     
32.          colors[7] = Color.WHITE;     
33.          colors[8] = Color.LTGRAY;     
34.          colors[9] = Color.GRAY;     
35.          for (int i = 0; i < MAX_TOUCHPOINTS; i++) {   
36.              touchPaints[i] = new Paint();     
37.              touchPaints[i].setColor(colors[i]);    
38.          }    
39.     }     
40.      /*    
41.     * 處理觸屏事件    
42.      */     
43.      @Override     
44.      public boolean onTouchEvent(MotionEvent event) {    
45.         // 獲得屏幕觸點數量     
46.          int pointerCount = event.getPointerCount();    
47.          if (pointerCount > MAX_TOUCHPOINTS) {     
48.              pointerCount = MAX_TOUCHPOINTS;     
49.              }     
50.          // 鎖定Canvas,開始進行相應的界面處理     
51.          Canvas c = getHolder().lockCanvas();     
52.         if (c != null) {     
53.             c.drawColor(Color.BLACK);     
54.             if (event.getAction() == MotionEvent.ACTION_UP) {     
55.                   // 當手離開屏幕時，清屏     
56.                  }    
57.             else {     
58.                  // 先在屏幕上畫一個十字，然後畫一個圓     
59.                  for (int i = 0; i < pointerCount; i++) {     
60.                     // 獲取一個觸點的坐標，然後開始繪制     
61.                      int id = event.getPointerId(i);     
62.                      int x = (int) event.getX(i);     
63.                      int y = (int) event.getY(i);     
64.                      drawCrosshairsAndText(x, y, touchPaints[id], i, id, c);     
65.                  }     
66.                  for (int i = 0; i < pointerCount; i++) {     
67.                      int id = event.getPointerId(i);     
68.                      int x = (int) event.getX(i);     
69.                      int y = (int) event.getY(i);     
70.                      drawCircle(x, y, touchPaints[id], c);    
71.                  }   
72.             }   
73.             // 畫完後，unlock     
74.              getHolder().unlockCanvasAndPost(c);    
75.         }   
76.         return true;    
77.     }     
78.      /**    
79.      * 畫十字及坐標信息    
80.      */     
81.      private void drawCrosshairsAndText(int x, int y, Paint paint, int ptr,int id, Canvas c) {    
82.          c.drawLine(0, y, width, y, paint);     
83.          c.drawLine(x, 0, x, height, paint);     
84.          int textY = (int) (5 + 20 * ptr);     
85.          c.drawText("x" + ptr + "=" + x, 10 , textY, textPaint);     
86.          c.drawText("y" + ptr + "=" + y, 70 , textY, textPaint);     
87.          c.drawText("id" + ptr + "=" + id, width - 55 , textY, textPaint);    
88.      }     
89.     /**    
90.      * 畫圓    
91.     */     
92.      private void drawCircle(int x, int y, Paint paint, Canvas c) {     
93.          c.drawCircle(x, y, 40 , paint);     
94.      }     
95.     @Override  
96.     public void surfaceChanged(SurfaceHolder holder, int format, int width,   
97.             int height) {   
98.         // TODO Auto-generated method stub   
99.         this.width = width;     
100.         this.height = height;     
101.         textPaint.setTextSize(14);     
102.         Canvas c = getHolder().lockCanvas();     
103.         if (c != null) {    
104.             // 背景黑色     
105.             c.drawColor(Color.BLACK);     
106.             float tWidth = textPaint.measureText(START_TEXT);     
107.             c.drawText(START_TEXT, width / 2 - tWidth / 2, height / 2, textPaint);     
108.             getHolder().unlockCanvasAndPost(c);     
109.         }     
110.     }   
111.     @Override  
112.     public void surfaceCreated(SurfaceHolder holder) {   
113.         // TODO Auto-generated method stub   
114.            
115.     }   
116.   
117.     @Override  
118.     public void surfaceDestroyed(SurfaceHolder holder) {   
119.         // TODO Auto-generated method stub   
120.            
121.     }   
122. }  

      3、修改主Activity類，把該view放到setContentView()中顯示，具體實現如下：

1. public class MultitouchVisible extends Activity {   
2.     /** Called when the activity is first created. */  
3.     @Override  
4.     public void onCreate(Bundle savedInstanceState) {   
5.         super.onCreate(savedInstanceState);   
6.         //隱藏標題欄     
7.         requestWindowFeature(Window.FEATURE_NO_TITLE);     
8.         //設置成全屏     
9.         getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,     
10.         WindowManager.LayoutParams.FLAG_FULLSCREEN);     
11.         //設置為上面的MTView     
12.         setContentView(new MyView(this));     
13.     }   
14. }  

       4、到此，項目已經完成，可見多點觸控實現起來並不難！運行此實例程序就能得到如上面效果圖中的界面。