Android多点触控技术

1 简介

Android多点触控在本质上需要LCD驱动和程序本身设计上支持，目前市面上HTC、Motorola和Samsung等知名厂商只要使用电容屏触控原理的手机均可以支持多点触控Multitouch技术，对于网页缩放、手势操作上有更好的用户体验。在Android平台上事件均使用了MotionEvent对象方式处理，比如开始触控时会触发ACTION_DOWN，而移动操作时为 ACTION_MOVE，最终放开手指时触发ACTION_UP事件。当然还有用户无规则的操作可能触发ACTION_CANCEL这个动作。

需要注意的是：Android的多点触控功能需要运行在Android 2.0版本以上。

首先Android开发网提醒大家多点触控需要LCD驱动和应用软件两个支持才能实现，所以部分比较老的，比如Android 2.0以前或在北美上市的手机可能无法支持多点触控在固件上，由于Apple专利原因在欧洲和亚太地区的Android 2.0以后的新款机型固件均已经在屏幕驱动中支持，同时模拟器也无法实现多点触控的测试。

2 实现步骤

　　1）第一种情况是直接重载Activity中的onTouchEvent方法。

　　对于onTouchEvent方法的参数MotionEvent,我们可以详细处理来实现对多点触控的了解，比如

event.getAction()//获取触控动作比如ACTION_DOWNevent.getPointerCount();//获取触控点的数量，比如2则可能是两个手指同时按压屏幕event.getPointerId(nID);//对于每个触控的点的细节，我们可以通过一个循环执行getPointerId方法获取索引event.getX(nID);//获取第nID个触控点的x位置event.getY(nID);//获取第nID个点触控的y位置event.getPressure(nID);//LCD可以感应出用户的手指压力，当然具体的级别由驱动和物理硬件决定的event.getDownTime()//按下开始时间event.getEventTime()//事件结束时间event.getEventTime()-event.getDownTime());//总共按下时花费时间

　　2）第二种情况是实现一个OnTouchListener的方法，来设置View的侦听属性,然后实现onTouch(View view, MotionEvent event)的方法，就可以获取触屏的感应事件了。

　　在该事件中，有两个参数可以用来获取对触摸的控制，这两个参数分别为：MotionEvent.getAction()和MotionEvent.ACTION_MASK，前者用于对单点触控进行操作，后者用于对多点触控进行操作，对于单点触控，由MotionEvent.getAction()可以得到以下几种事件：ACTION_DOWN、ACTION_UP，而对于多点触控，由MotionEvent.ACTION_MASK，我们可以得到：ACTION_POINTER_DOWN、ACTION_POINTER_UP，都是MotionEvent中的常量，可以直接调用。而有些常量则是单点和多点共用的，如：ACTION_MOVE，因此在按下时，必须标记单点与多点触控的区别。

　　3)注意：android2.2中onTouchEvent(MotionEvent event) 这里可以用event.getActionMasked()表示用于多点触控检测点。而在1.6和2.1中并没有event.getActionMasked()这个方法，其实他就是把event.getAction()& MotionEvent.ACTION_MASK封装了一下。

3 案例

　　案例一

public class MultiTouchActivity extends Activity { 　　 /** Called when the activity is first created. */  　　 @Override  　　 public void onCreate(Bundle savedInstanceState) { 　　　　 super .onCreate(savedInstanceState); 　　　　setContentView(R.layout.main); 　　}

　 @Override  　 public boolean onTouchEvent(MotionEvent event){ 　　　 int action = event.getAction(); 　　　 switch (action){ 　　　　　 case MotionEvent.ACTION_POINTER_1_DOWN: 　　　　　　　showMessage( "第一个手指按下" ); 　　　　　　　 break ; 　　　　　 case MotionEvent.ACTION_POINTER_1_UP: 　　　　　　　showMessage( "第一个手指抬起" ); 　　　　　　　 break ; 　　　　　 case MotionEvent.ACTION_POINTER_2_DOWN: 　　　　　　　showMessage( "第二个手指按下" ); 　　　　　　　 break ; 　　　　　 case MotionEvent.ACTION_POINTER_2_UP: 　　　　　　　showMessage( "第二个手指抬起" ); 　　　　　　　 break ; 　　　　　 case MotionEvent.ACTION_POINTER_3_DOWN: 　　　　　　　showMessage( "第三个手指按下" ); 　　　　　　　 break ; 　　　　　 case MotionEvent.ACTION_POINTER_3_UP: 　　　　　　　showMessage( "第三个手指抬起" ); 　　　　　　　 break ; 　　　} 　　　 return true ; 　}

　　 private void showMessage(String s){ 　　　　Toast toast = Toast.makeText(getApplicationContext(), s, Toast.LENGTH_SHORT); 　　　　toast.show(); 　　} }

　　实测效果如下：

　　情况一：手指1按下没有出现提示；手指1 抬起也没有出现提示；这是很显然的，因为这时产生的消息是ACTION_DOWN 和 ACTION_UP。
　　情况二：手指1按下没有提示；手指2按下出现手指2按下的提示；手指2抬起出现手指2抬起的提示。
　　情况三：手指1按下没有提示；手指2 按下出现提示；这时手指1提起出现手指1提起的提示；手指1按下出现手指1按下的提示；
　　情况四：大家可以放三个手指去尝试下，看看Android 是怎样产生这些消息的。
　　根据实验的结果，可以得到一句话：当屏幕上有一个手指时可以完美的产生2点触摸的消息；当屏幕上有2个手指时可以完美的产生3点触摸消息，以此类推……。所谓的完美就是指你能正确的得到到底是那个手指进行了操作。

　　案例二

publicclassPointer2DrawActivityextendsActivityimplementsOnTouchListener{/**Calledwhentheactivityisfirstcreated.*/　　ImageViewimgView;　　Bitmapbitmap;　　Canvascanvas;　　Paintpaint;　　@Override　　publicvoidonCreate(BundlesavedInstanceState){　　　　super.onCreate(savedInstanceState);　　　　setContentView(R.layout.main);　　　　imgView=(ImageView)findViewById(R.id.imgView);　　　　DisplaycurrentDisplay=getWindowManager().getDefaultDisplay();　　　　floatdw=currentDisplay.getWidth();　　　　floatdh=currentDisplay.getHeight();　　　　bitmap=Bitmap.createBitmap((int)dw,(int)dh,Config.ARGB_8888);　　　　canvas=newCanvas(bitmap);　　　　paint=newPaint();　　　　paint.setColor(Color.GREEN);　　　　paint.setStrokeWidth((float)10.00);//设置笔刷大小，自己的屏幕太犀利了　　　　imgView.setImageBitmap(bitmap);　　　　imgView.setOnTouchListener(this);　　}　　@Override　　publicbooleanonTouch(Viewv,MotionEventevent){　　　　intpointerCount=event.getPointerCount();　　　　intpointerId=0;　　　　intaction=（event.getAction()&MotionEvent.ACTION_MASK）%5;//统一单点和多点　　　　switch(action){　　　　　　caseMotionEvent.ACTION_DOWN:　　　　　　　　if(pointerCount>1){　　　　　　　　　　pointerId=(event.getAction()&MotionEvent.ACTION_POINTER_ID_MASK)>>>MotionEvent.ACTION_POINTER_ID_SHIFT;　　　　　　　　}　　　　　　　　break;　　　　　　caseMotionEvent.ACTION_MOVE:　　　　　　　　if(pointerCount==2){　　　　　　　　　　floatx=event.getX(1);　　　　　　　　　　floaty=event.getY(1);　　　　　　　　　　canvas.drawPoint((int)x,(int)y,paint);　　　　　　　　　　imgView.invalidate();　　　　　　　　}　　　　　　　　break;　　　　　　caseMotionEvent.ACTION_UP:　　　　　　　　break;　　　　}　　　　returntrue;　　}}

　　案例三

publicclassGameView2XextendsGameViewimplementsSurfaceHolder.Callback{privatefloatoldDist;privatePointFmidPoint=newPointF();privatebooleanisZoom=false;publicGameView2X(Contextcontext,AttributeSetattrs){super(context,attrs);}publicbooleanonTouchEvent(MotionEventevent){switch(event.getAction()&MotionEvent.ACTION_MASK){caseMotionEvent.ACTION_DOWN:super.actionDown(event);break;caseMotionEvent.ACTION_POINTER_UP:isZoom=false;break;/***API原文是Anon-primarypointerhasgonedown.*翻译过来就是：非第一个点按下*/caseMotionEvent.ACTION_POINTER_DOWN:oldDist=spacing(event);midPoint(midPoint,event);isZoom=true;break;caseMotionEvent.ACTION_MOVE:if(isZoom){floatnewDist=spacing(event);/***表示新的距离比两个手指刚触碰的距离大*(+10个像素用来延迟一下放大，不然稍微动一点像素,也放大，感觉也太快了。)*/if(newDist+10>oldDist){super.getGameThread().getGameDraw().checkXY((int)midPoint.x,(int)midPoint.y);super.getGameThread().getGameDraw().setIsZoom(true);}/***表示新的距离比两个手指刚触碰的距离小*/if(newDist+10<oldDist){super.getGameThread().getGameDraw().setIsZoom(false);GameDraw.newX=0;GameDraw.newY=0;}}super.actionMove(event);break;}returntrue;}privatefloatspacing(MotionEventevent){floatx=event.getX(0)-event.getX(1);floaty=event.getY(0)-event.getY(1);returnFloatMath.sqrt(x*x+y*y);}privatevoidmidPoint(PointFpoint,MotionEventevent){floatx=event.getX(0)+event.getX(1);floaty=event.getY(0)+event.getY(1);point.set(x/2,y/2);}}

　　案例四（图片的放大和缩小）

publicclassTouchActivityextendsActivity{privatestaticfinalintNONE=0;privatestaticfinalintMOVE=1;privatestaticfinalintZOOM=2;privatestaticfinalintROTATION=1;privateintmode=NONE;privateMatrixmatrix=newMatrix();privateMatrixsavedMatrix=newMatrix();privatePointFstart=newPointF();privatePointFmid=newPointF();privatefloats=0;privatefloatoldDistance;privateintrotate=NONE;@OverridepublicvoidonCreate(BundlesavedInstanceState){super.onCreate(savedInstanceState);setContentView(R.layout.main);ImageViewimageView=(ImageView)findViewById(R.id.imageView);imageView.setOnTouchListener(newOnTouchListener(){@OverridepublicbooleanonTouch(Viewview,MotionEventevent){ImageViewimageView=(ImageView)view;switch(event.getAction()&MotionEvent.ACTION_MASK){caseMotionEvent.ACTION_DOWN:savedMatrix.set(matrix);start.set(event.getX(),event.getY());mode=MOVE;rotate=NONE;break;caseMotionEvent.ACTION_UP:caseMotionEvent.ACTION_POINTER_UP:mode=NONE;break;caseMotionEvent.ACTION_POINTER_DOWN:oldDistance=(float)Math.sqrt((event.getX(0)-event.getX(1))*(event.getX(0)-event.getX(1))+(event.getY(0)-event.getY(1))*(event.getY(0)-event.getY(1)));if(oldDistance>10f){savedMatrix.set(matrix);mid.set((event.getX(0)+event.getX(1))/2,(event.getY(0)+event.getY(1))/2);mode=ZOOM;}caseMotionEvent.ACTION_MOVE:if(mode==MOVE){if(rotate==NONE){savedMatrix.set(matrix);mid.set(event.getX(),event.getY());rotate=ROTATION;}else{matrix.set(savedMatrix);doublea=Math.atan((mid.y-start.y)/(mid.x-start.x));doubleb=Math.atan((event.getY()-mid.y)/(event.getX()-mid.x));if((b-a<Math.PI/2&&b-a>Math.PI/18)||((b+Math.PI)%Math.PI-a<Math.PI/2&&(b+Math.PI)%Math.PI-a>Math.PI/18)){matrix.postScale((float)0.9,(float)0.9);}elseif((a-b<Math.PI/2&&a-b>Math.PI/18)||((a+Math.PI)%Math.PI-b<Math.PI/2&&(a+Math.PI)%Math.PI-b>Math.PI/18)){matrix.postScale((float)1.1,(float)1.1);}start.set(event.getX(),event.getY());rotate=NONE;}}elseif(mode==ZOOM){floatnewDistance;newDistance=(float)Math.sqrt((event.getX(0)-event.getX(1))*(event.getX(0)-event.getX(1))+(event.getY(0)-event.getY(1))*(event.getY(0)-event.getY(1)));if(newDistance>10f){matrix.set(savedMatrix);matrix.postScale(newDistance/oldDistance,newDistance/oldDistance,mid.x,mid.y);oldDistance=newDistance;savedMatrix.set(matrix);}}break;}imageView.setImageMatrix(matrix);returntrue;}});}}

　　main.xml文件如下：

<?xmlversion="1.0"encoding="utf-8"?><LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"android:orientation="vertical"android:layout_width="fill_parent"android:layout_height="fill_parent"><ImageViewandroid:id="@+id/imageView"android:layout_width="fill_parent"android:layout_height="fill_parent"android:src="@drawable/img"android:scaleType="matrix"></ImageView></LinearLayout>

Android(安卓)多点触控技术

Android多点触控技术

更多相关文章

随机推荐