Android图片查看器

最新推荐文章于 2024-03-23 09:34:02 发布

原创最新推荐文章于 2024-03-23 09:34:02 发布 · 472 阅读

1 ·

CC 4.0 BY-SA版权

Android基础专栏收录该内容

85 篇文章

订阅专栏

本文深入解析了Android系统中手势识别的工作原理，包括MotionEvent事件触发、GestureDetector手势识别器及OnGestureListener监听接口的作用机制，并提供了一个切换图片的示例程序。

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;
}