Android手机查看相册,只需轻轻的手指一滑就ok?看似简单的动作背后却有很深的奥秘,这里设计到手势识别。

首先,在Android系统中,每一次手势交互都会依照以下顺序执行。

  1. 接触接触屏一刹那,触发一个MotionEvent事件。

  2. 该事件被OnTouchListener监听,在其onTouch()方法里获得该MotionEvent对象。

  3. 通过GestureDetector(手势识别器)转发次MotionEvent对象至OnGestureListener。

  4. OnGestureListener获得该对象,听根据该对象封装的的信息,做出合适的反馈。

  这个顺序可以说就是手势交互的原理,下面一同来了解一下MotionEvent、GestureDetector和OnGestureListener。

  MotionEvent: 这个类用于封装手势、触摸笔、轨迹球等等的动作事件。其内部封装了两个重要的属性X和Y,这两个属性分别用于记录横轴和纵轴的坐标。

  GestureDetector: 识别各种手势。

  OnGestureListener: 这是一个手势交互的监听接口,其中提供了多个抽象方法,并根据GestureDetector的手势识别结果调用相对应的方法。

下面通过一个实例来看一下:

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/image"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:layout_gravity="center"/>
 </LinearLayout>


布局文件很简单,就是一个ImageView。

之后开始我们的Activity,因为要监听触摸屏的触摸事件和手势时间,所以该Activity必须实现OnTouchListener和OnGestureListener两个接口,并重写其中的方法。具体代码如下:

package com.lyc;
import android.app.Activity;
 import android.gesture.GestureOverlayView;
 import android.gesture.GestureOverlayView.OnGestureListener;
 import android.os.Bundle;
 import android.view.GestureDetector;
 import android.view.MotionEvent;
 import android.view.View;
 import android.view.View.OnTouchListener;
 import android.widget.ImageView;public class ImageTest extends Activity implements OnTouchListener, android.view.GestureDetector.OnGestureListener{
    
  
  //创建一个识别手势的GestureDetector  的对象
  private GestureDetector gestureDetector = new GestureDetector(this);
  //定义一个数组,用于存放照片
  int[] image = new int[]{R.drawable.mov005,R.drawable.image1,R.drawable.image2};
  private  int i;
  private ImageView lv;
  @Override
     public void onCreate(Bundle savedInstanceState) {
         super.onCreate(savedInstanceState);
         setContentView(R.layout.main);
        
         lv = (ImageView) findViewById(R.id.image);
         lv.setImageResource(image[i]);
         lv.setOnTouchListener(this);
         lv.setLongClickable(true);
         gestureDetector.setIsLongpressEnabled(true);
        
     }
  
  
  //切换下一个图片的方法
  public void  goNext(){
   i++;
   i = Math.abs(i%image.length);
   lv.setImageResource(image[i]);
  }
  
  //切换上一个图片
  public void goPrevious(){
   i--;
   i = Math.abs(i%image.length);
   lv.setImageResource(image[i]);
  }  
public boolean onTouch(View v, MotionEvent event) {
   // TODO Auto-generated method stub
   gestureDetector.onTouchEvent(event);
   return true;
  }public boolean onDown(MotionEvent e) {
   // TODO Auto-generated method stub
   return false;
  }  //在抛掷动作时被调用
  public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,
    float velocityY) {
   // TODO Auto-generated method stub
   if(velocityX<0){
    goNext();
   }else if(velocityX>0){
    goPrevious();
   }
   return false;
  }public void onLongPress(MotionEvent e) {
   // TODO Auto-generated method stub
   
  }public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX,
    float distanceY) {
   // TODO Auto-generated method stub
 //  if(distanceX<0){
 //   goNext();
 //  }else if(distanceX>0){
 //   goPrevious();
 //  }
   return false;
  }public void onShowPress(MotionEvent e) {
   // TODO Auto-generated method stub
   
  }public boolean onSingleTapUp(MotionEvent e) {
   // TODO Auto-generated method stub
   return false;
  }
 }


  • 按下(onDown): 刚刚手指接触到触摸屏的那一刹那,就是触的那一下。
  • 抛掷(onFling): 手指在触摸屏上迅速移动,并松开的动作。
  • 长按(onLongPress): 手指按在持续一段时间,并且没有松开。
  • 滚动(onScroll): 手指在触摸屏上滑动。
  • 按住(onShowPress): 手指按在触摸屏上,它的时间范围在按下起效,在长按之前。
  • 抬起(onSingleTapUp):手指离开触摸屏的那一刹那。
  • 任何手势动作都会先执行一次按下(onDown)动作。
  • 长按(onLongPress)动作前一定会执行一次按住(onShowPress)动作。
  • 按住(onShowPress)动作和按下(onDown)动作之后都会执行一次抬起(onSingleTapUp)动作。
  • 长按(onLongPress)、滚动(onScroll)和抛掷(onFling)动作之后都不会执行抬起(onSingleTapUp)动作。