多点触摸

其实多点触摸并没有想象中的那么神奇。处理2个手指一般就已经够用，放上3个手指显得有点滑稽，依赖更多手指进行操作绝对不是一个好的主意。         理论上 Android可以处理 多达256 个手指的触摸，大概只有章鱼哥能享受这种技术带来的便利。 就编程人员来说，编写多点触摸和单点触摸的方式几乎一模一样。其奥秘在于MotionEvent不仅可以封装单点触摸的消息，也可以封装多点触摸的消息。
        在处理单点触摸中，我们用到MotionEvent.ACTION_DOWN、ACTION_UP、ACTION_MOVE，然后用一个Switch来分别进行处理。翻开Android文档，我们就可以清楚的知道他们都是一些常量。

ACTION_DOWN     0x00000000         ACTION_UP      0x00000001        ACTION_MOVE      0x00000002

细心看看文档发现还有一些别的常量：

ACTION_POINTER_1_DOWN     0x00000005            ACTION_POINTER_1_UP      0x00000006

ACTION_POINTER_2_DOWN     0x00000105            ACTION_POINTER_2_UP      0x00000106

ACTION_POINTER_3_DOWN     0x00000205            ACTION_POINTER_3_UP      0x00000206

这些常量正是我们用来处理多点触摸的工具。

1. view plaincopy to clipboard
   
2. 
   
3.     public class MultiTouchActivity extends Activity {  
   
4.         /** Called when the activity is first created. */  
   
5.         @Override  
   
6.         public void onCreate(Bundle savedInstanceState) {  
   
7.             super.onCreate(savedInstanceState);  
   
8.             setContentView(R.layout.main);  
   
9.         }  
   
10.         @Override  
    
11.         public boolean onTouchEvent(MotionEvent event){  
    
12.             int action = event.getAction();  
    
13.             switch(action){  
    
14.             case MotionEvent.ACTION_POINTER_1_DOWN:  
    
15.                 showMessage("第一个手指按下");  
    
16.                 break;  
    
17.             case MotionEvent.ACTION_POINTER_1_UP:  
    
18.                 showMessage("第一个手指抬起");  
    
19.                 break;  
    
20.             case MotionEvent.ACTION_POINTER_2_DOWN:  
    
21.                 showMessage("第二个手指按下");  
    
22.                 break;  
    
23.             case MotionEvent.ACTION_POINTER_2_UP:  
    
24.                 showMessage("第二个手指抬起");  
    
25.                 break;  
    
26.             case MotionEvent.ACTION_POINTER_3_DOWN:  
    
27.                 showMessage("第三个手指按下");  
    
28.                 break;  
    
29.             case MotionEvent.ACTION_POINTER_3_UP:  
    
30.                 showMessage("第三个手指抬起");  
    
31.                 break;  
    
32.             }  
    
33.             return true;  
    
34.         }  
    
35.         private void showMessage(String s){  
    
36.             Toast toast = Toast.makeText(getApplicationContext(), s, Toast.LENGTH_SHORT);  
    
37.             toast.show();  
    
38.         }  
    
39.     }  
    
40. 
    
41. view plain
    
42. 
    
43.     public class MultiTouchActivity extends Activity {  
    
44.         /** Called when the activity is first created. */  
    
45.         @Override  
    
46.         public void onCreate(Bundle savedInstanceState) {  
    
47.             super.onCreate(savedInstanceState);  
    
48.             setContentView(R.layout.main);  
    
49.         }  
    
50.         @Override  
    
51.         public boolean onTouchEvent(MotionEvent event){  
    
52.             int action = event.getAction();  
    
53.             switch(action){  
    
54.             case MotionEvent.ACTION_POINTER_1_DOWN:  
    
55.                 showMessage("第一个手指按下");  
    
56.                 break;  
    
57.             case MotionEvent.ACTION_POINTER_1_UP:  
    
58.                 showMessage("第一个手指抬起");  
    
59.                 break;  
    
60.             case MotionEvent.ACTION_POINTER_2_DOWN:  
    
61.                 showMessage("第二个手指按下");  
    
62.                 break;  
    
63.             case MotionEvent.ACTION_POINTER_2_UP:  
    
64.                 showMessage("第二个手指抬起");  
    
65.                 break;  
    
66.             case MotionEvent.ACTION_POINTER_3_DOWN:  
    
67.                 showMessage("第三个手指按下");  
    
68.                 break;  
    
69.             case MotionEvent.ACTION_POINTER_3_UP:  
    
70.                 showMessage("第三个手指抬起");  
    
71.                 break;  
    
72.             }  
    
73.             return true;  
    
74.         }  
    
75.         private void showMessage(String s){  
    
76.             Toast toast = Toast.makeText(getApplicationContext(), s, Toast.LENGTH_SHORT);  
    
77.             toast.show();  
    
78.         }  
    
79.     }  

复制代码

上面的代码和我们处理单点触摸的方式一模一样。借助这个小小的例子，我们看看Android产生多点消息的机制。
情况一：手指1按下 没有出现提示； 手指1 抬起 也没有出现提示；

这是很显然的，因为这时产生的消息是ACTION_DOWN 和 ACTION_UP。

情况二：手指1按下 没有提示；

手指2按下 出现手指2按下的提示；手指2抬起 出现手指2抬起的提示。

情况三：手指1 按下 没有提示；

手指2  按下 出现提示；  
这时 手指1 提起 出现手指1提起的提示；手指1按下 出现手指1按下的提示；

情况四：大家可以放三个手指去尝试下，看看Android 是怎样产生这些消息的。
根据我们实验的结果，可以得到一句话：当屏幕上有一个手指时 可以完美的产生2点触摸的消息。 当屏幕上有2个手指时可以完美的产生3点触摸消息，以此类推……。 所谓的完美就是指你能正确的得到到底是那个手指进行了操作。
这只是一个小小的深入，我们查看文档时，并没有发现ACTION_POINTER_2_MOVE这样的常量。当第二个手指移动时，我们怎么处理这种事件呢？其实，这样的事件常量都是有规律的单点触摸时DOWN 的最后两位是00，UP是01，MOVE是02.多点触摸时，DOWN是05，UP是06， 你可以猜猜MOVE会不会是07呢？再者，POINTER_1 的34位是00， POINTER_2的34位是01，POINTER_3是02。我们几乎可以肯定的说所谓的ACTION_POINTER_2_MOVE就是0x00000107了。

1. view plaincopy to clipboard
   
2. 
   
3.     public class Pointer2DrawActivity extends Activity {  
   
4.         /** Called when the activity is first created. */  
   
5.         ImageView imgView;  
   
6.         Bitmap bitmap;  
   
7.         Canvas canvas;  
   
8.         Paint paint;  
   
9.         private static final int ACTION_POINTER_2_MOVE = 0x00000107;  
   
10.         @Override  
    
11.         public void onCreate(Bundle savedInstanceState) {  
    
12.             super.onCreate(savedInstanceState);  
    
13.             setContentView(R.layout.main);  
    
14.             imgView = (ImageView)findViewById(R.id.imgView);  
    
15.             Display currentDisplay = getWindowManager().getDefaultDisplay();  
    
16.             float dw = currentDisplay.getWidth();  
    
17.             float dh = currentDisplay.getHeight();  
    
18.             bitmap = Bitmap.createBitmap((int)dw, (int)dh, Config.ARGB_8888);  
    
19.             canvas = new Canvas(bitmap);  
    
20.             paint = new Paint();  
    
21.             paint.setColor(Color.GREEN);  
    
22.             imgView.setImageBitmap(bitmap);  
    
23.         }  
    
24.         @Override  
    
25.         public boolean onTouchEvent(MotionEvent event){  
    
26.             int action = event.getAction();  
    
27.             float x = 0;  
    
28.             float y = 0;  
    
29.             if(action == ACTION_POINTER_2_MOVE){  
    
30.                 x = event.getX();  
    
31.                 y = event.getY();  
    
32.                 canvas.drawPoint(x, y, paint);  
    
33.                 imgView.invalidate();  
    
34.             }  
    
35.             return true;  
    
36.         }  
    
37.     }  
    
38. 
    
39. view plain
    
40. 
    
41.     public class Pointer2DrawActivity extends Activity {  
    
42.         /** Called when the activity is first created. */  
    
43.         ImageView imgView;  
    
44.         Bitmap bitmap;  
    
45.         Canvas canvas;  
    
46.         Paint paint;  
    
47.         private static final int ACTION_POINTER_2_MOVE = 0x00000107;  
    
48.         @Override  
    
49.         public void onCreate(Bundle savedInstanceState) {  
    
50.             super.onCreate(savedInstanceState);  
    
51.             setContentView(R.layout.main);  
    
52.             imgView = (ImageView)findViewById(R.id.imgView);  
    
53.             Display currentDisplay = getWindowManager().getDefaultDisplay();  
    
54.             float dw = currentDisplay.getWidth();  
    
55.             float dh = currentDisplay.getHeight();  
    
56.             bitmap = Bitmap.createBitmap((int)dw, (int)dh, Config.ARGB_8888);  
    
57.             canvas = new Canvas(bitmap);  
    
58.             paint = new Paint();  
    
59.             paint.setColor(Color.GREEN);  
    
60.             imgView.setImageBitmap(bitmap);  
    
61.         }  
    
62.         @Override  
    
63.         public boolean onTouchEvent(MotionEvent event){  
    
64.             int action = event.getAction();  
    
65.             float x = 0;  
    
66.             float y = 0;  
    
67.             if(action == ACTION_POINTER_2_MOVE){  
    
68.                 x = event.getX();  
    
69.                 y = event.getY();  
    
70.                 canvas.drawPoint(x, y, paint);  
    
71.                 imgView.invalidate();  
    
72.             }  
    
73.             return true;  
    
74.         }  
    
75.     }  

复制代码

这个神奇的Pointer2Draw想要你的第二个手指绘制一些点。一个手指是什么也绘制不了的

前面写了一个Pointer2Draw的小程序。这个程序的神奇之处在于，你永远也别想绘制出任何东西。原因是根本没有所谓 的0x00000107。下面看看如何正确的处理多点触摸，光靠event.getAction()吃饭的时代已经终结了……
(1)获得屏幕上的Pointer的数目：

1. view plaincopy to clipboard
   
2. 
   
3.     int pointerCount = event.getPointerCount();  
   
4. 
   
5. view plain
   
6. 
   
7.     int pointerCount = event.getPointerCount();  

复制代码

这个函数具体返回值受到物理设备的限制，我费了很大力气将十个手指放到了我的手机上，得到的结果仍然是8 。
(2)得到手指的ID：Android提供了两个掩码方便我们操作 ACTION_POINTER_ID_MASK 0x0000ff00,和ACTION_POINTER_ID_SHIFT   0x00000008。

1. view plaincopy to clipboard
   
2. 
   
3.     if(pointerCount>1){  
   
4.         pointerId = (action & MotionEvent.ACTION_POINTER_ID_MASK)>>>  
   
5.                                 MotionEvent.ACTION_POINTER_ID_SHIFT;  
   
6.     }  
   
7. 
   
8. view plain
   
9. 
   
10.     if(pointerCount>1){  
    
11.         pointerId = (action & MotionEvent.ACTION_POINTER_ID_MASK)>>>  
    
12.                                 MotionEvent.ACTION_POINTER_ID_SHIFT;  
    
13.     }  
    
14. 
    
15. (3)利用ID获得坐标信息：
    
16. view plaincopy to clipboard
    
17. 
    
18.     float x = event.getX(pointerId);//获得第二个手指的坐标   
    
19.     float y = event.getY(pointerId);  
    
20. 
    
21. view plain
    
22. 
    
23.     float x = event.getX(pointerId);//获得第二个手指的坐标  
    
24.     float y = event.getY(pointerId);  
    
25. 
    
26. 下面终于可以让Pointer2Draw运行起来了。
    
27. view plaincopy to clipboard
    
28. 
    
29.     public boolean onTouchEvent(MotionEvent event){  
    
30.         int pointerCount = event.getPointerCount();  
    
31.         int pointerId = 0;  
    
32.         int action = event.getAction();  
    
33.         if(pointerCount>1){  
    
34.             pointerId = (action & MotionEvent.ACTION_POINTER_ID_MASK)>>>  
    
35.                                     MotionEvent.ACTION_POINTER_ID_SHIFT;  
    
36.         }  
    
37.         float x = 0;  
    
38.         float y = 0;  
    
39.         if(pointerId == 1){  
    
40.             x = event.getX(pointerId);  
    
41.             y = event.getY(pointerId);  
    
42.             canvas.drawPoint(x, y, paint);  
    
43.             imgView.invalidate();  
    
44.         }  
    
45.         return true;  
    
46.     }  
    
47. 
    
48. view plain
    
49. 
    
50.     public boolean onTouchEvent(MotionEvent event){  
    
51.         int pointerCount = event.getPointerCount();  
    
52.         int pointerId = 0;  
    
53.         int action = event.getAction();  
    
54.         if(pointerCount>1){  
    
55.             pointerId = (action & MotionEvent.ACTION_POINTER_ID_MASK)>>>  
    
56.                                     MotionEvent.ACTION_POINTER_ID_SHIFT;  
    
57.         }  
    
58.         float x = 0;  
    
59.         float y = 0;  
    
60.         if(pointerId == 1){  
    
61.             x = event.getX(pointerId);  
    
62.             y = event.getY(pointerId);  
    
63.             canvas.drawPoint(x, y, paint);  
    
64.             imgView.invalidate();  
    
65.         }  
    
66.         return true;  
    
67.     }  
    
68. 
    
69. 注意手指的ID是从0开始的，所以第二个手指的ID是1；然而遗憾的是程序只有在第二个手指DOWN和UP时才绘制。当第一个手指不动时，根本没有有效的方法对第二个手指的移动做出反应。然而触摸屏是很敏感的，你发现很难让它不产生 ACTION_MOVE。我们利用Android提供的ACTION_MASK 0x000000ff来改善我们的代码：
    
70. 
    
71. view plaincopy to clipboard
    
72. 
    
73.     public class Pointer2DrawActivity extends Activity implements OnTouchListener{  
    
74.         /** Called when the activity is first created. */  
    
75.         ImageView imgView;  
    
76.         Bitmap bitmap;  
    
77.         Canvas canvas;  
    
78.         Paint paint;  
    
79.         @Override  
    
80.         public void onCreate(Bundle savedInstanceState) {  
    
81.             super.onCreate(savedInstanceState);  
    
82.             setContentView(R.layout.main);  
    
83.             imgView = (ImageView)findViewById(R.id.imgView);  
    
84.             Display currentDisplay = getWindowManager().getDefaultDisplay();  
    
85.             float dw = currentDisplay.getWidth();  
    
86.             float dh = currentDisplay.getHeight();  
    
87.             bitmap = Bitmap.createBitmap((int)dw, (int)dh, Config.ARGB_8888);  
    
88.             canvas = new Canvas(bitmap);  
    
89.             paint = new Paint();  
    
90.             paint.setColor(Color.GREEN);  
    
91.             paint.setStrokeWidth((float) 10.00);//设置笔刷大小，自己的屏幕太犀利了   
    
92.             imgView.setImageBitmap(bitmap);  
    
93.             imgView.setOnTouchListener(this);  
    
94.         }  
    
95.         @Override  
    
96.         public boolean onTouch(View v, MotionEvent event) {  
    
97.             int pointerCount = event.getPointerCount();  
    
98.             int pointerId = 0;  
    
99.             int action = （event.getAction()&MotionEvent.ACTION_MASK） % 5;//统一单点和多点   
    
100.             switch(action){  
     
101.             case MotionEvent.ACTION_DOWN:  
     
102.                 if(pointerCount>1){  
     
103.                     pointerId = (event.getAction()&MotionEvent.ACTION_POINTER_ID_MASK)>>>  
     
104.                                 MotionEvent.ACTION_POINTER_ID_SHIFT;  
     
105.                 }  
     
106.                 break;  
     
107.             case MotionEvent.ACTION_MOVE:  
     
108.                 if(pointerCount == 2){  
     
109.                     float x = event.getX(1);  
     
110.                     float y = event.getY(1);  
     
111.                     canvas.drawPoint((int)x, (int)y, paint);  
     
112.                     imgView.invalidate();  
     
113.                 }  
     
114.                 break;  
     
115.             case MotionEvent.ACTION_UP:  
     
116.                 break;  
     
117.             }  
     
118.        
     
119.             return true;  
     
120.               
     
121.         }  
     
122.     }  
     
123. 
     
124. view plain
     
125. 
     
126.     public class Pointer2DrawActivity extends Activity implements OnTouchListener{  
     
127.         /** Called when the activity is first created. */  
     
128.         ImageView imgView;  
     
129.         Bitmap bitmap;  
     
130.         Canvas canvas;  
     
131.         Paint paint;  
     
132.         @Override  
     
133.         public void onCreate(Bundle savedInstanceState) {  
     
134.             super.onCreate(savedInstanceState);  
     
135.             setContentView(R.layout.main);  
     
136.             imgView = (ImageView)findViewById(R.id.imgView);  
     
137.             Display currentDisplay = getWindowManager().getDefaultDisplay();  
     
138.             float dw = currentDisplay.getWidth();  
     
139.             float dh = currentDisplay.getHeight();  
     
140.             bitmap = Bitmap.createBitmap((int)dw, (int)dh, Config.ARGB_8888);  
     
141.             canvas = new Canvas(bitmap);  
     
142.             paint = new Paint();  
     
143.             paint.setColor(Color.GREEN);  
     
144.             paint.setStrokeWidth((float) 10.00);//设置笔刷大小，自己的屏幕太犀利了  
     
145.             imgView.setImageBitmap(bitmap);  
     
146.             imgView.setOnTouchListener(this);  
     
147.         }  
     
148.         @Override  
     
149.         public boolean onTouch(View v, MotionEvent event) {  
     
150.             int pointerCount = event.getPointerCount();  
     
151.             int pointerId = 0;  
     
152.             int action = （event.getAction()&MotionEvent.ACTION_MASK） % 5;//统一单点和多点  
     
153.             switch(action){  
     
154.             case MotionEvent.ACTION_DOWN:  
     
155.                 if(pointerCount>1){  
     
156.                     pointerId = (event.getAction()&MotionEvent.ACTION_POINTER_ID_MASK)>>>  
     
157.                                 MotionEvent.ACTION_POINTER_ID_SHIFT;  
     
158.                 }  
     
159.                 break;  
     
160.             case MotionEvent.ACTION_MOVE:  
     
161.                 if(pointerCount == 2){  
     
162.                     float x = event.getX(1);  
     
163.                     float y = event.getY(1);  
     
164.                     canvas.drawPoint((int)x, (int)y, paint);  
     
165.                     imgView.invalidate();  
     
166.                 }  
     
167.                 break;  
     
168.             case MotionEvent.ACTION_UP:  
     
169.                 break;  
     
170.             }  

复制代码

•    
•         return true;  
•          
•     }  
• }