【转】Android开发之多点触控

原文地址:http://blog.csdn.net/ch_984326013/article/details/6654270

 

如果您对开发多点触控程序感兴趣的话,那么本文将是一个很好的开始,android应用程序开发中,多点触摸并不是那么的遥不可及,实现起来也很简单,下面,我们先来了解下Android开发多点触控的原理。

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

对于常规的触控操作我们都是使用内部为View的setOnTouchListener()接口实现的onTouchEvent()方法来处理。因此对于onTouchEvent方法的参数MotionEvent我们需要有一定得了解,比如:

event.getAction() //获取触控动作比如ACTION_DOWN
event.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()); //总共按下时花费时间

下面,我们来根据一个项目来讲解如何实现多点触控。

我们先来看看,项目运行效果图:

    

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、到此,项目已经完成,可见多点触控实现起来并不难!单击项目,运行便会得到以上效果。

posted @ 2014-07-03 09:42  佑车道  阅读(192)  评论(0编辑  收藏  举报