首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 移动开发 > Android >

Android开发学习 : 多点抚摸

2012-07-15 
Android开发学习 : 多点触摸其实多点触摸并没有想象中的那么神奇。处理2个手指一般就已经够用,放上3个手指

Android开发学习 : 多点触摸
其实多点触摸并没有想象中的那么神奇。处理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)。

热点排行