首先,在Android系统中,每一次手势交互都会依照以下顺序执行。
-
接触接触屏一刹那,触发一个MotionEvent事件。
-
该事件被OnTouchListener监听,在其onTouch()方法里获得该MotionEvent对象。
-
通过GestureDetector(手势识别器)转发次MotionEvent对象至OnGestureListener。
-
OnGestureListener获得该对象,听根据该对象封装的的信息,做出合适的反馈。
这个顺序可以说就是手势交互的原理,下面一同来了解一下MotionEvent、GestureDetector和OnGestureListener。
MotionEvent: 这个类用于封装手势、触摸笔、轨迹球等等的动作事件。其内部封装了两个重要的属性X和Y,这两个属性分别用于记录横轴和纵轴的坐标。
GestureDetector: 识别各种手势。
OnGestureListener: 这是一个手势交互的监听接口,其中提供了多个抽象方法,并根据GestureDetector的手势识别结果调用相对应的方法。
下面我再通过一个切换图片的代码示例,演示一下手势交互的实现,让大伙对上面的执行顺序,以及各手势动作的区分有一个更加深刻的了解和记忆。
首先,提供一个只有ImageView的布局文件——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>
然后,完成我们的Activity,因为要监听触摸屏的触摸事件和手势时间,所以该Activity必须实现OnTouchListener和OnGestureListener两个接口,并重写其中的方法。具体代码如下:
package com.example.gesture;
import android.app.Activity;
import android.os.Bundle;
import android.util.Log;
import android.view.GestureDetector;
import android.view.GestureDetector.OnGestureListener;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnTouchListener;
import android.widget.ImageView;
public class MainActivity extends Activity implements OnTouchListener, OnGestureListener {
//创建一个用于识别收拾的GestureDetector对象waiyuwu.blogcn.com
private GestureDetector detector = new GestureDetector(this);
//定义一个数组,用于放漂亮的女孩
int[] girls = new int[]{R.drawable.a1, R.drawable.a2, R.drawable.a3,R.drawable.a4,R.drawable.a5};
//定义数组下标,以方便观看各个女孩
private int index = 1;
private ImageView image;
private int alpha = 255;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
image = (ImageView)findViewById(R.id.image);
//设置一个初始显示的girl吧
image.setImageResource(girls[index]);
//监听这个ImageView组件上的触摸屏时间
image.setOnTouchListener(this);
//下面两个要记得设哦,不然就没法处理轻触以外的事件了,例如抛掷动作。
image.setLongClickable(true);
detector.setIsLongpressEnabled(true);
}
//用于呼喊下一个女孩的方法
public void goNext(){
index++;
//这句话是求余,取int类型的绝对值,这样就能形成一个循环,让图片循环显示
index = Math.abs(index % girls.length);
image.setImageResource(girls[index]);
}
//重写OnTouchListener的onTouch方法
//此方法在触摸屏被触摸,即发生触摸事件(接触和抚摸两个事件,挺形象)的时候被调用。
//触摸和移动的过程中不断地被调用
@Override
public boolean onTouch(View v, MotionEvent event) {
Log.v("aa", "此方法在触摸屏被触摸 ");
detector.onTouchEvent(event);
return true;
}
//在按下动作时被调用 (只要手指刚碰到屏幕就会被调用 第一个被调用)
@Override
public boolean onDown(MotionEvent e) {
Log.v("aa", "在按下动作时被调用 ");
return false;
}
//在抛掷动作时被调用
@Override
public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) {
Log.v("aa", "velocityX------|"+velocityX);
Log.v("aa", "velocityY------|"+velocityY);
if(velocityY > 0){
Log.v("aa", "树立方向有速度");
}
//velocityX表示横向的移动,根据手指移动的方向切换女孩
//手从右向左滑动
if(velocityX < 0 && Math.abs(velocityY) < Math.abs(velocityX) ){
goNext();
//手从左向右滑动
}else if(velocityX > 0 && Math.abs(velocityY) < Math.abs(velocityX)){
goPrevious();
//手指从上往下滑动
}else if(velocityY > 0 && Math.abs(velocityX) < Math.abs(velocityY)){
Log.v("aa", "手指从上往下滑动");
alpha-=20;
if(alpha < 0){
alpha = 0;
}
image.setAlpha(alpha);
//手指从下往上滑动
}else if(velocityY < 0 && Math.abs(velocityX) < Math.abs(velocityY)){
Log.v("aa", "手指从下往上滑动");
alpha+=20;
if( 255 < alpha ){
alpha = 255;
}
image.setAlpha(alpha);
}
return false;
}
//用户呼唤上一个女孩的方法
public void goPrevious(){
index--;
index = Math.abs(index % girls.length);
image.setImageResource(girls[index]);
}
//在长按时被调用
@Override
public void onLongPress(MotionEvent e) {
Log.v("aa", "长按图片");
}
//在滚动时调用 (这个在你手在屏幕上滑动(无论左右移动,)只在移动的过程中不断调用)
@Override
public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY) {
Log.v("aa", "在滚动时调用 ");
return false;
}
//在按住时被调用 这个长按,短按(轻点都会被调用)
@Override
public void onShowPress(MotionEvent e) {
Log.v("aa", "在按住时被调用 ");
}
//在抬起时被调用 这个长按(不会被调用),短按(会被调用)
@Override
public boolean onSingleTapUp(MotionEvent e) {
Log.v("aa", "在抬起时被调用 ");
return false;
}
}
这里面的滑动手机会产生速度(velocityX横向速度,velocityY纵向速度)根据速度的比较,根据速度的绝对值和是否为负值可以分为8个区域,可以为每个区域设置不同的操作,我这里只是做了四个,绿色分割的。看图
1.按下(onDown): 刚刚手指接触到触摸屏的那一刹那,就是触的那 一下。
2.抛掷(onFling): 手指在触摸屏上迅速移动,并松开的动作。
3.长按(onLongPress): 手指按在持续一段时间,并且没有松开。
4。滚动(onScroll): 手指在触摸屏上滑动。
5.按住(onShowPress): 手指按在触摸屏上,它的时间范围在按下起效,在长按之前。
6.抬起(onSingleTapUp):手指离开触摸屏的那一刹那。
任何手势动作都会先执行一次按下(onDown)动作。
7.长按(onLongPress)动作前一定会执行一次按住(onShowPress)动作。
8.按住(onShowPress)动作和按下(onDown)动作之后都会执行一次抬起(onSingleTapUp)动作。
9.长按(onLongPress)、滚动(onScroll)和抛掷(onFling)动作之后都不会执行抬起(onSingleTapUp)动作。