Android Gestures/手勢


Android提供了特殊型別的觸控屏事件,如掐,雙擊,捲動,長按和退縮。這些都被稱為手勢。

Android提供GestureDetector類接收移動事件,並告訴我們,這些事件是否有對應手勢。要使用它,需要建立GestureDetector物件,然後擴充套件另一個類GestureDetector.SimpleOnGestureListener充當監聽器,並覆蓋一些方法。它的語法如下:

GestureDetector myG;
myG = new GestureDetector(this,new Gesture());

   class Gesture extends GestureDetector.SimpleOnGestureListener{
   public boolean onSingleTapUp(MotionEvent ev) {
   }
   public void onLongPress(MotionEvent ev) {
   }  
   public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX,
   float distanceY) {
   }
   public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,
   float velocityY) {
   }
}
}

處理捏手勢

Android提供ScaleGestureDetector類來處理如:捏等手勢。為了使用它,需要範例化這個類的一個物件。它的語法如下:

ScaleGestureDetector SGD;
SGD = new ScaleGestureDetector(this,new ScaleListener());

第一個引數是上下文,第二個引數是事件偵聽器。必須定義事件偵聽器並覆蓋 onTouchEvent 函式,使其工作。它的語法如下:

public boolean onTouchEvent(MotionEvent ev) {
   SGD.onTouchEvent(ev);
   return true;
}
private class ScaleListener extends ScaleGestureDetector.SimpleOnScaleGestureListener {
   @Override
   public boolean onScale(ScaleGestureDetector detector) {
      float scale = detector.getScaleFactor();
      return true;
   }
}

除了捏手勢,還有其它方法 avaialible 通知的詳細資訊的觸控事件。它們如下:

Sr.No Method & description
1 getEventTime()
此方法得到正被處理的當前事件的事件時間..
2 getFocusX()
這種方法得到的X坐標當前手勢的焦點
3 getFocusY()
這個方法得到當前手勢的焦點的Y坐標
4 getTimeDelta()
此方法返回在先前接受縮放事件和當前縮放事件之間的毫秒的時間差
5 isInProgress()
如果刻度手勢正在進行此方法返回true..
6 onTouchEvent(MotionEvent event)
此方法接受MotionEvents並排程事件在適當的時候

例子

這裡有一個例子演示如何使用ScaleGestureDetector類。它建立了一個基本的應用程式,放大和捏縮小。

為了試驗這個例子,可以在實際裝置或模擬器,觸控屏啟用執行此程式。

Steps 描述
1 使用Android Studio建立Android應用程式,並將它命名為:Gestures。在建立這個專案,確保目標SDK編譯在Android SDK的最新版本和使用更高階別的API
2 修改src/MainActivity.java檔案新增必要的程式碼
3 修改res/layout/activity_main新增相應的XML元件
4 修改res/values/string.xml 新增必要的字串
5 執行應用程式並選擇執行Android的裝置,並在其上安裝的應用和驗證結果

以下是修改後的主活動檔案的內容 src/com.yiibai.gestures/MainActivity.java.

package com.example.gestures;

import android.app.Activity;
import android.graphics.Matrix;
import android.os.Bundle;
import android.view.Menu;
import android.view.MotionEvent;
import android.view.ScaleGestureDetector;
import android.widget.ImageView;

public class MainActivity extends Activity {

   private ImageView img;
   private Matrix matrix = new Matrix();
   private float scale = 1f;
   private ScaleGestureDetector SGD;
   @Override
   protected void onCreate(Bundle savedInstanceState) {
      super.onCreate(savedInstanceState);
      setContentView(R.layout.activity_main);
      img = (ImageView)findViewById(R.id.imageView1);
      SGD = new ScaleGestureDetector(this,new ScaleListener());
   }

   @Override
   public boolean onTouchEvent(MotionEvent ev) {
      SGD.onTouchEvent(ev);
      return true;
   }

   private class ScaleListener extends ScaleGestureDetector.
   SimpleOnScaleGestureListener {
   @Override
   public boolean onScale(ScaleGestureDetector detector) {
      scale *= detector.getScaleFactor();
      scale = Math.max(0.1f, Math.min(scale, 5.0f));
      matrix.setScale(scale, scale);
      img.setImageMatrix(matrix);
      return true;
   }
}

   @Override
   public boolean onCreateOptionsMenu(Menu menu) {
      // Inflate the menu; this adds items to the action bar if it is present.
      getMenuInflater().inflate(R.menu.main, menu);
      return true;
   }

}

以下是XML的經修改 res/layout/activity_main.xml. 的內容

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
   xmlns:tools="http://schemas.android.com/tools"
   android:layout_width="match_parent"
   android:layout_height="match_parent"
   android:paddingBottom="@dimen/activity_vertical_margin"
   android:paddingLeft="@dimen/activity_horizontal_margin"
   android:paddingRight="@dimen/activity_horizontal_margin"
   android:paddingTop="@dimen/activity_vertical_margin"
   tools:context=".MainActivity" >

   <TextView
      android:id="@+id/textView1"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="@string/hello_world" />

   <ImageView
      android:id="@+id/imageView1"
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      android:layout_below="@+id/textView1"
      android:scaleType="matrix"
      android:src="@android:drawable/sym_def_app_icon" />

</RelativeLayout>

以下是 res/values/string.xml. 的內容

<?xml version="1.0" encoding="utf-8"?>
<resources>

   <string name="app_name">Gestures</string>
   <string name="action_settings">Settings</string>
   <string name="hello_world">Pinch to zoom in or out!</string>

</resources>

以下是 AndroidManifest.xml 檔案的內容

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
   package="com.yiibai.gestures"
   android:versionCode="1"
   android:versionName="1.0" >

   <uses-sdk
      android:minSdkVersion="8"
      android:targetSdkVersion="17" />

   <application
      android:allowBackup="true"
      android:icon="@drawable/ic_launcher"
      android:label="@string/app_name"
      android:theme="@style/AppTheme" >
      <activity
         android:name="com.yiibai.gestures.MainActivity"
         android:label="@string/app_name" >
         <intent-filter>
            <action android:name="android.intent.action.MAIN" />

            <category android:name="android.intent.category.LAUNCHER" />
         </intent-filter>
      </activity>
   </application>

</manifest>

讓我們試著執行Gestures應用程式。我假設已經連線實際Android的移動裝置到計算機。啟動應用程式之前,會顯示如下視窗,選擇要執行Android的應用程式的選項。

Android Gestures Tutorial

選擇移動裝置作為一個選項,然後檢查移動裝置將顯示預設螢幕:

Android Gestures Tutorial

現在只是把兩個手指放在android螢幕,並且將它們分開的一部分,會看到Android的影象縮大。這顯示在下面的圖片:

Android Gestures Tutorial

現在,再次將兩個手指在螢幕的Android,並嘗試關閉它們,會看到Android的影象現在縮小。這顯示在下面的圖片:

Android Gestures Tutorial