现在的位置: 首页 > 综合 > 正文

Android开发之多点触控

2014年02月15日 ⁄ 综合 ⁄ 共 9750字 ⁄ 字号 评论关闭

转自: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我们需要有一定得了解,比如:

  1. event.getAction() //获取触控动作比如ACTION_DOWN  
  2. event.getPointerCount(); //获取触控点的数量,比如2则可能是两个手指同时按压屏幕  
  3. event.getPointerId(nID); //对于每个触控的点的细节,我们可以通过一个循环执行getPointerId方法获取索引  
  4. event.getX(nID); //获取第nID个触控点的x位置  
  5. event.getY(nID); //获取第nID个点触控的y位置  
  6. event.getPressure(nID); //LCD可以感应出用户的手指压力,当然具体的级别由驱动和物理硬件决定的  
  7. event.getDownTime() //按下开始时间  
  8. event.getEventTime() // 事件结束时间  
  9. 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、到此,项目已经完成,可见多点触控实现起来并不难!单击项目,运行便会得到以上效果

抱歉!评论已关闭.