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_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()); //總共按下時花費時間
複製代碼

  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 {
<span style="color: #008000;">  /** Called when the activity is first created. */</span>
<span style="color: #008000;">  @Override</span>
  public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.main);
  } 
?
<span style="color: #008000;"> @Override</span>
 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點觸摸消息,以此類推……。所謂的完美就是指你能正確的得到到底是那個手指進行了操作。

  案例二

複製代碼
public class Pointer2DrawActivity extends Activity implements OnTouchListener{ 
/** Called when the activity is first created. */ 
  ImageView imgView; 
  Bitmap bitmap; 
  Canvas canvas; 
  Paint paint; 
  @Override 
  public void onCreate(Bundle savedInstanceState) { 
    super.onCreate(savedInstanceState); 
    setContentView(R.layout.main); 
    imgView = (ImageView)findViewById(R.id.imgView); 
    Display currentDisplay = getWindowManager().getDefaultDisplay(); 
    float dw = currentDisplay.getWidth(); 
    float dh = currentDisplay.getHeight(); 
    bitmap = Bitmap.createBitmap((int)dw, (int)dh, Config.ARGB_8888); 
    canvas = new Canvas(bitmap); 
    paint = new Paint(); 
    paint.setColor(Color.GREEN); 
    paint.setStrokeWidth((float) 10.00);//設置筆刷大小,自己的屏幕太犀利了 
    imgView.setImageBitmap(bitmap); 
    imgView.setOnTouchListener(this); 
  } 
  @Override 
  public boolean onTouch(View v, MotionEvent event) { 
    int pointerCount = event.getPointerCount(); 
    int pointerId = 0; 
    int action = (event.getAction()&MotionEvent.ACTION_MASK) % 5;//統一單點和多點 
    switch(action){ 
      case MotionEvent.ACTION_DOWN: 
        if(pointerCount>1){ 
          pointerId = (event.getAction()&MotionEvent.ACTION_POINTER_ID_MASK)>>> MotionEvent.ACTION_POINTER_ID_SHIFT; 
        } 
        break; 
      case MotionEvent.ACTION_MOVE: 
        if(pointerCount == 2){ 
          float x = event.getX(1); 
          float y = event.getY(1); 
          canvas.drawPoint((int)x, (int)y, paint); 
          imgView.invalidate(); 
        } 
        break; 
      case MotionEvent.ACTION_UP: 
        break; 
    } 

    return true; 
  } 
}
複製代碼

  案例三

複製代碼
public class GameView2X extends GameView implements SurfaceHolder.Callback {
 
     private float oldDist;
     private PointF midPoint = new PointF();
     private boolean isZoom = false;
 
     public GameView2X(Context context, AttributeSet attrs) {
         super(context, attrs);
 
     }
 
     public boolean onTouchEvent(MotionEvent event) {
 
         switch (event.getAction() & MotionEvent.ACTION_MASK) {
         case MotionEvent.ACTION_DOWN:
             super.actionDown(event);
             break;
         case MotionEvent.ACTION_POINTER_UP:
             isZoom = false;
             break;
         /**
          * API原文是 A non-primary pointer has gone down.
          * 翻譯過來就是:非第一個點按下
        */
         case MotionEvent.ACTION_POINTER_DOWN:
             oldDist = spacing(event);
             midPoint(midPoint, event);
             isZoom = true;
             break;
         case MotionEvent.ACTION_MOVE:
             if (isZoom) {
                 float newDist = 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;
         }
 
         return true;
     }
 
     private float spacing(MotionEvent event) {
         float x = event.getX(0) - event.getX(1);
         float y = event.getY(0) - event.getY(1);
         return FloatMath.sqrt(x * x + y * y);
     }
 
     private void midPoint(PointF point, MotionEvent event) {
         float x = event.getX(0) + event.getX(1);
         float y = event.getY(0) + event.getY(1);
         point.set(x / 2, y / 2);
     }
 }
複製代碼

  案例四(圖片的放大和縮小)

複製代碼
public class TouchActivity extends Activity {  
      
    private static final int NONE = 0;  
    private static final int MOVE = 1;  
    private static final int ZOOM = 2;  
      
    private static final int ROTATION = 1;  
      
    private int mode = NONE;  
    private Matrix matrix = new Matrix();  
    private Matrix savedMatrix = new Matrix();  
    private PointF start = new PointF();  
    private PointF mid = new PointF();  
    private float s = 0;  
    private float oldDistance;  
    private int rotate = NONE;  
    @Override  
    public void onCreate(Bundle savedInstanceState) {  
        super.onCreate(savedInstanceState);  
        setContentView(R.layout.main);  
          
        ImageView imageView = (ImageView)findViewById(R.id.imageView);  
        imageView.setOnTouchListener(new OnTouchListener()  
        {  
  
            @Override  
            public boolean onTouch(View view, MotionEvent event) {  
                ImageView imageView = (ImageView)view;  
                switch (event.getAction()&MotionEvent.ACTION_MASK) {  
                case MotionEvent.ACTION_DOWN:  
                    savedMatrix.set(matrix);  
                    start.set(event.getX(), event.getY());  
                    mode = MOVE;  
                    rotate = NONE;  
                    break;  
                case MotionEvent.ACTION_UP:  
                case MotionEvent.ACTION_POINTER_UP:  
                    mode = NONE;  
                    break;  
                case MotionEvent.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;  
                    }  
                case MotionEvent.ACTION_MOVE:  
                    if (mode == MOVE)  
                    {  
                        if(rotate == NONE) {  
                            savedMatrix.set(matrix);  
                            mid.set(event.getX(), event.getY());  
                            rotate = ROTATION;  
                        }  
                        else {  
                            matrix.set(savedMatrix);  
                            double a = Math.atan((mid.y-start.y)/(mid.x-start.x));  
                            double b = 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);  
                            }  
                            else if ((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;  
                        }  
                    }  
                    else if(mode == ZOOM)  
                    {  
                        float newDistance;  
                        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);  
                return true;  
            }  
              
        });  
    }  
}  
複製代碼

  main.xml文件如下:

複製代碼
<?xml version="1.0" encoding="utf-8"?>  
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
    android:orientation="vertical"  
    android:layout_width="fill_parent"  
    android:layout_height="fill_parent"  
    >  
<ImageView android:id="@+id/imageView"  
            android:layout_width="fill_parent"  
            android:layout_height="fill_parent"  
            android:src="@drawable/img"  
            android:scaleType="matrix" >  
</ImageView>  
</LinearLayout>  
複製代碼
發佈了90 篇原創文章 · 獲贊 57 · 訪問量 82萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章