其实多点触摸并没有想象中的那么神奇。处理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
这些常量正是我们用来处理多点触摸的工具
01.public class MultiTouchActivity extends Activity {
02./** Called when the activity is first created. */
03.@Override
04.public void onCreate(Bundle savedInstanceState) {
05.super.onCreate(savedInstanceState);
06.setContentView(R.layout.main);
07.}
08.@Override
09.public boolean onTouchEvent(MotionEvent event){
10.int action = event.getAction();
11.switch(action){
12.case MotionEvent.ACTION_POINTER_1_DOWN:
13.showMessage("第一个手指按下");
14.break;
15.case MotionEvent.ACTION_POINTER_1_UP:
16.showMessage("第一个手指抬起");
17.break;
18.case MotionEvent.ACTION_POINTER_2_DOWN:
19.showMessage("第二个手指按下");
20.break;
21.case MotionEvent.ACTION_POINTER_2_UP:
22.showMessage("第二个手指抬起");
23.break;
24.case MotionEvent.ACTION_POINTER_3_DOWN:
25.showMessage("第三个手指按下");
26.break;
27.case MotionEvent.ACTION_POINTER_3_UP:
28.showMessage("第三个手指抬起");
29.break;
30.}
31.return true;
32.}
33.private void showMessage(String s){
34.Toast toast = Toast.makeText(getApplicationContext(), s, Toast.LENGTH_SHORT);
35.toast.show();
36.}
37.}
复制代码上面的代码和我们处理单点触摸的方式一模一样。借助这个小小的例子,我们看看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了。
01.public class Pointer2DrawActivity extends Activity {
02./** Called when the activity is first created. */
03.ImageView imgView;
04.Bitmap bitmap;
05.Canvas canvas;
06.Paint paint;
07.private static final int ACTION_POINTER_2_MOVE = 0x00000107;
08.@Override
09.public void onCreate(Bundle savedInstanceState) {
10.super.onCreate(savedInstanceState);
11.setContentView(R.layout.main);
12.imgView = (ImageView)findViewById(R.id.imgView);
13.Display currentDisplay = getWindowManager().getDefaultDisplay();
14.float dw = currentDisplay.getWidth();
15.float dh = currentDisplay.getHeight();
16.bitmap = Bitmap.createBitmap((int)dw, (int)dh, Config.ARGB_8888);
17.canvas = new Canvas(bitmap);
18.paint = new Paint();
19.paint.setColor(Color.GREEN);
20.imgView.setImageBitmap(bitmap);
21.}
22.@Override
23.public boolean onTouchEvent(MotionEvent event){
24.int action = event.getAction();
25.float x = 0;
26.float y = 0;
27.if(action == ACTION_POINTER_2_MOVE){
28.x = event.getX();
29.y = event.getY();
30.canvas.drawPoint(x, y, paint);
31.imgView.invalidate();
32.}
33.return true;
34.}
35.}
复制代码这个神奇的Pointer2Draw想要你的第二个手指绘制一些点。一个手指是什么也绘制不了的……
前面写了一个Pointer2Draw的小程序。这个程序的神奇之处在于,你永远也别想绘制出任何东西。原因是根本没有所谓 的0x00000107。下面看看如何正确的处理多点触摸,光靠event.getAction()吃饭的时代已经终结了
01.int pointerCount = event.getPointerCount();
02.
03.int pointerCount = event.getPointerCount();
复制代码这个函数具体返回值受到物理设备的限制,我费了很大力气将十个手指放到了我的手机上,得到的结果仍然是8。
(2)得到手指的ID:Android提供了两个掩码方便我们操作ACTION_POINTER_ID_MASK 0x0000ff00,和ACTION_POINTER_ID_SHIFT 0x00000008。
01.if(pointerCount>1){
02.pointerId = (action & MotionEvent.ACTION_POINTER_ID_MASK)>>>
03.MotionEvent.ACTION_POINTER_ID_SHIFT;
04.}
05.
06.if(pointerCount>1){
07.pointerId = (action & MotionEvent.ACTION_POINTER_ID_MASK)>>>
08.MotionEvent.ACTION_POINTER_ID_SHIFT;
09.}
复制代码(3)利用ID获得坐标信息:
01.float x = event.getX(pointerId);//获得第二个手指的坐标
02.float y = event.getY(pointerId);
03.
04.float x = event.getX(pointerId);//获得第二个手指的坐标
05.float y = event.getY(pointerId);
复制代码下面终于可以让Pointer2Draw运行起来了
01.public class Pointer2DrawActivity extends Activity implements OnTouchListener{
02./** Called when the activity is first created. */
03.ImageView imgView;
04.Bitmap bitmap;
05.Canvas canvas;
06.Paint paint;
07.@Override
08.public void onCreate(Bundle savedInstanceState) {
09.super.onCreate(savedInstanceState);
10.setContentView(R.layout.main);
11.imgView = (ImageView)findViewById(R.id.imgView);
12.Display currentDisplay = getWindowManager().getDefaultDisplay();
13.float dw = currentDisplay.getWidth();
14.float dh = currentDisplay.getHeight();
15.bitmap = Bitmap.createBitmap((int)dw, (int)dh, Config.ARGB_8888);
16.canvas = new Canvas(bitmap);
17.paint = new Paint();
18.paint.setColor(Color.GREEN);
19.paint.setStrokeWidth((float) 10.00);//设置笔刷大小,自己的屏幕太犀利了
20.imgView.setImageBitmap(bitmap);
21.imgView.setOnTouchListener(this);
22.}
23.@Override
24.public boolean onTouch(View v, MotionEvent event) {
25.int pointerCount = event.getPointerCount();
26.int pointerId = 0;
27.int action = (event.getAction()&MotionEvent.ACTION_MASK) % 5;//统一单点和多点
28.switch(action){
29.case MotionEvent.ACTION_DOWN:
30.if(pointerCount>1){
31.pointerId = (event.getAction()&MotionEvent.ACTION_POINTER_ID_MASK)>>>
32.MotionEvent.ACTION_POINTER_ID_SHIFT;
33.}
34.break;
35.case MotionEvent.ACTION_MOVE:
36.if(pointerCount == 2){
37.float x = event.getX(1);
38.float y = event.getY(1);
39.canvas.drawPoint((int)x, (int)y, paint);
40.imgView.invalidate();
41.}
42.break;
43.case MotionEvent.ACTION_UP:
44.break;
45.}
46.
47.return true;
48.
49.}
50.}
复制代码好了,Pointer2Draw终于按照想要的方式运行了。
在进入手势操作前,先来看看一些处理触摸时遗漏了的要点--VelocityTracker。顾名思义,VelocityTracker就是速度跟踪的意思。我们可以获得触摸点的坐标,根据按下的时间可以简单的计算出速度的大小。但是这样会令我们的代码混乱。Android直接提供了一种方式来方便我们获得触摸的速度。
01.public class VelocityTrackerActivityActivity extends Activity {
02./** Called when the activity is first created. */
03.TextView textView;
04.private VelocityTracker vTracker = null;
05.@Override
06.public void onCreate(Bundle savedInstanceState) {
07.super.onCreate(savedInstanceState);
08.setContentView(R.layout.main);
09.textView = (TextView)findViewById(R.id.textView);
10.}
11.
12.@Override
13.public boolean onTouchEvent(MotionEvent event){
14.int action = event.getAction();
15.switch(action){
16.case MotionEvent.ACTION_DOWN:
17.if(vTracker == null){
18.vTracker = VelocityTracker.obtain();
19.}else{
20.vTracker.clear();
21.}
22.vTracker.addMovement(event);
23.break;
24.case MotionEvent.ACTION_MOVE:
25.vTracker.addMovement(event);
26.vTracker.computeCurrentVelocity(1000);
27.textView.setText("the x velocity is "+vTracker.getXVelocity());
28.textView.append("the y velocity is "+vTracker.getYVelocity());
29.break;
30.case MotionEvent.ACTION_UP:
31.case MotionEvent.ACTION_CANCEL:
32.vTracker.recycle();
33.break;
34.}
35.event.recycle();
36.return true;
37.}
38.}
复制代码VelocityTracker不仅可以处理单点的速度,也可以获得多点的速度。这和处理多点触摸的方式是一样的,传入一个ID就可以了。VelocityTracker获得的速度是有正负之分,computerCurrentVelocity()可以设置单位。1000 表示每秒多少像素(pix/second),1代表每微秒多少像素(pix/millisecond)。