Android图片查看器

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）动作。