理解Android的手势识别提高APP的用户体验

对于触摸屏,其原生的消息无非按下、抬起、移动这几种,我们只需要简单重载onTouch或者设置触摸侦听器setOnTouchListener即可进行处理。不过,为了提高我们的APP的用户体验,有时候我们需要识别用户的手势,Android给我们提供的手势识别工具GestureDetector就可以帮上大忙了。

基础

GestureDetector的工作原理是,当我们接收到用户触摸消息时,将这个消息交给GestureDetector去加工,我们通过设置侦听器获得GestureDetector处理后的手势。

GestureDetector提供了两个侦听器接口,OnGestureListener处理单击类消息,OnDoubleTapListener处理双击类消息。

OnGestureListener的接口有这几个:

// 单击,触摸屏按下时立刻触发

abstract boolean onDown(MotionEvent e);

// 抬起,手指离开触摸屏时触发(长按、滚动、滑动时,不会触发这个手势)

abstract boolean onSingleTapUp(MotionEvent e);

// 短按,触摸屏按下后片刻后抬起,会触发这个手势,如果迅速抬起则不会

abstract void onShowPress(MotionEvent e);

// 长按,触摸屏按下后既不抬起也不移动,过一段时间后触发

abstract void onLongPress(MotionEvent e);

// 滚动,触摸屏按下后移动

abstract boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY);

// 滑动,触摸屏按下后快速移动并抬起,会先触发滚动手势,跟着触发一个滑动手势

abstract boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY);

OnDoubleTapListener的接口有这几个:

// 双击,手指在触摸屏上迅速点击第二下时触发

abstract boolean onDoubleTap(MotionEvent e);

// 双击的按下跟抬起各触发一次

abstract boolean onDoubleTapEvent(MotionEvent e);

// 单击确认,即很快的按下并抬起,但并不连续点击第二下

abstract boolean onSingleTapConfirmed(MotionEvent e);

有时候我们并不需要处理上面所有手势,方便起见,Android提供了另外一个类SimpleOnGestureListener实现了如上接口,我们只需要继承SimpleOnGestureListener然后重载感兴趣的手势即可。

应用

STEP 1: 创建手势侦听对象

复制代码 代码如下:

package noodies.blog.csdn.net;

import android.content.Context;

import android.view.MotionEvent;

import android.view.GestureDetector.SimpleOnGestureListener;

import android.widget.Toast;

public class MyGestureListener extends SimpleOnGestureListener {

private Context mContext;

MyGestureListener(Context context) {

mContext = context;

}

@Override

public boolean onDown(MotionEvent e) {

Toast.makeText(mContext, "DOWN " + e.getAction(), Toast.LENGTH_SHORT).show();

return false;

}

@Override

public void onShowPress(MotionEvent e) {

Toast.makeText(mContext, "SHOW " + e.getAction(), Toast.LENGTH_SHORT).show();

}

@Override

public boolean onSingleTapUp(MotionEvent e) {

Toast.makeText(mContext, "SINGLE UP " + e.getAction(), Toast.LENGTH_SHORT).show();

return false;

}

@Override

public boolean onScroll(MotionEvent e1, MotionEvent e2,

float distanceX, float distanceY) {

Toast.makeText(mContext, "SCROLL " + e2.getAction(), Toast.LENGTH_SHORT).show();

return false;

}

@Override

public void onLongPress(MotionEvent e) {

Toast.makeText(mContext, "LONG " + e.getAction(), Toast.LENGTH_SHORT).show();

}

@Override

public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,

float velocityY) {

Toast.makeText(mContext, "FLING " + e2.getAction(), Toast.LENGTH_SHORT).show();

return false;

}

@Override

public boolean onDoubleTap(MotionEvent e) {

Toast.makeText(mContext, "DOUBLE " + e.getAction(), Toast.LENGTH_SHORT).show();

return false;

}

@Override

public boolean onDoubleTapEvent(MotionEvent e) {

Toast.makeText(mContext, "DOUBLE EVENT " + e.getAction(), Toast.LENGTH_SHORT).show();

return false;

}

@Override

public boolean onSingleTapConfirmed(MotionEvent e) {

Toast.makeText(mContext, "SINGLE CONF " + e.getAction(), Toast.LENGTH_SHORT).show();

return false;

}

}

STEP 2: 设置手势识别

我们可以在Activity里设置手势识别:

复制代码 代码如下:

package noodies.blog.csdn.net;

import android.app.Activity;

import android.os.Bundle;

import android.view.GestureDetector;

import android.view.MotionEvent;

public class GestureTestActivity extends Activity {

private GestureDetector mGestureDetector;

@Override

public void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.main);

mGestureDetector = new GestureDetector(this, new MyGestureListener(this));

}

@Override

public boolean onTouchEvent(MotionEvent event) {

return mGestureDetector.onTouchEvent(event);

}

}

也可以在自定义的View里面设置手势识别:

复制代码 代码如下: 

package noodies.blog.csdn.net;

import android.content.Context;

import android.util.AttributeSet;

import android.view.GestureDetector;

import android.view.MotionEvent;

import android.view.View;

public class MyView extends View {

private GestureDetector mGestureDetector;

public MyView(Context context, AttributeSet attrs) {

super(context, attrs);

mGestureDetector = new GestureDetector(context, new MyGestureListener(context));

setLongClickable(true);

this.setOnTouchListener(new OnTouchListener() {

public boolean onTouch(View v, MotionEvent event) {

return mGestureDetector.onTouchEvent(event);

}

});

}

}

陷阱

对于自定义View,使用手势识别有两处陷阱可能会浪费你的不少时间。

1:View必须设置longClickable为true,否则手势识别无法正确工作,只会返回Down, Show, Long三种手势

2:必须在View的onTouchListener中调用手势识别,而不能像Activity一样重载onTouchEvent,否则同样手势识别无法正确工作

测试结果

下面是各种操作返回的手势序列,数值0表示触摸屏按下,1表示抬起

单击:down 0, single up 1, single conf 0

短按:down 0, show 0, single up 1

长按:down 0, show 0, long 0

双击:down 0, single up 1, double 0, double event 0, down 0, double event 1

滚动:down 0, (show 0), scrool 2...

滑动:down 0, (show 0), scrool 2..., fling 1

时间: 2024-08-30 07:53:30

理解Android的手势识别提高APP的用户体验的相关文章

理解Android的手势识别提高APP的用户体验_Android

对于触摸屏,其原生的消息无非按下.抬起.移动这几种,我们只需要简单重载onTouch或者设置触摸侦听器setOnTouchListener即可进行处理.不过,为了提高我们的APP的用户体验,有时候我们需要识别用户的手势,Android给我们提供的手势识别工具GestureDetector就可以帮上大忙了. 基础 GestureDetector的工作原理是,当我们接收到用户触摸消息时,将这个消息交给GestureDetector去加工,我们通过设置侦听器获得GestureDetector处理后的手

理解Android的手势识别

原文:http://blog.csdn.net/noodies/article/details/6913424 对于触摸屏,其原生的消息无非按下.抬起.移动这几种,我们只需要简单重载onTouch或者设置触摸侦听器setOnTouchListener即可进行处理.不过,为了提高我们的APP的用户体验,有时候我们需要识别用户的手势,Android给我们提供的手势识别工具GestureDetector就可以帮上大忙了. 基础 GestureDetector的工作原理是,当我们接收到用户触摸消息时,将

《移动App测试的22条军规》——第23章,第5节测试微信App的用户体验

23.5 测试微信App的用户体验 我们可以选择对微信App的横屏显示功能,是否遵守操作系统的设计规范,页面中使用Webview的功能,以及微信App的辅助功能进行测试. (1)当对微信App的横屏功能进行测试时,我们首先需要打开横屏显示的设置(如图23.10所示),然后进行横屏显示的测试(如图23.11所示). 开启横屏模式之后即可验证微信App在各页面对于横屏显示的支持了 这里给大家展示几个关于微信App横屏显示的问题. "Discover"(发现)页面可以横屏显示,但是进入&qu

《移动App测试的22条军规》—App测试综合案例分析23.5节测试微信App的用户体验

23.5 测试微信App的用户体验我们可以选择对微信App的横屏显示功能,是否遵守操作系统的设计规范,页面中使用Webview的功能,以及微信App的辅助功能进行测试. (1)当对微信App的横屏功能进行测试时,我们首先需要打开横屏显示的设置(如图23.10所示),然后进行横屏显示的测试(如图23.11所示). 这里给大家展示几个关于微信App横屏显示的问题."Discover"(发现)页面可以横屏显示,但是进入"Scan QR Code"(扫一扫)功能,却只能竖屏

怎样提高网站的用户体验度

现在有不少的新网站像雨后春笋一样的冒出来,相对于我们站长在同类型的网站中竞争更加是一天比一天大既然竞争越来越大我们站长就应该思考如何在众多网站中能够脱颖而出获得较高的排名和权重,今天我们就要结合一些比较实用的方法和经验来说说网站SEO优化. 我们站长都知道SEO优化对于一个网站来说是非常重要的一个操作步骤,而且对于网站SEO优化也是一个长期的事情网站优化就相当于网站的推广和运营维护,所以我们想要网站很好的发展是离不开SEO优化的,既然我们都知道优化这么重要那么我们该如何去做优化才能够把网站权重和

浅析如何提高站点的用户体验

搜索引擎的目标用户是谁?相比不用我说大家都知道,搜索引擎的客户是用户,那么搜索引擎如何让获得更多的用户,归根到底就是提高用户的友好体验.作为SEOer很多人可能会舍本逐末的为了搜索引擎而做优化.其实这是一个很大的误解.我们应该以致力于提高用户的友好体验为目标.下面笔者将从几个方面阐述如何提高用户的友好体验. 万变不离其中,内容是一个站点的灵魂 对于站点,有一个丰富的内容就能使你的访客能在你的站点获得愉悦的最基本条件.作为一个网站应该致力于给访客提供新鲜且高质量的内容.用户进入你的站点就是要获得资

如何打造一款拼车APP的用户体验?

  今次的译文是我最喜欢的一类小菜,篇幅简短,实战性强.原文作者是Frog的一名交互设计师,讲述了她与朋友在共同设计开发拼车服务Ridejoy 的iPhone客户端的过程中所遇到的一些挑战以及相关的解决方案.前戏到这里,进入正文. Ridejoy拼车服务在Web端上线运营了几个月之后,大家对当前的用户基础有了比较清晰的认知.而对于Ridejoy的iPhone应用来说,我们希望它不仅仅是网站的移植版本,它所能带来的应该是更符合移动上下文环境的全新用户体验. 基于这样的产品思路,我们识别出了三个关键

Android 4.0 Holo界面获用户体验奖

不可否认Android 4.0 Ice Cream Sandwich的UI设计是成功的,相比之前做了相当大的改进.在Android系统的使用者体验总监Matias Duarte带领下,开发团队为我们带来了一套不必再使用第三方皮肤的UI.就是这款名为Holo的全新UI,在帕森设计学院获得了的2012年用户体验奖.帕森设计学院为了庆祝获奖,谷歌集中展示了他们最有名的一系列广告以及Holo的最初设计灵感,当然还有Holo的最终结晶--Galaxy Nexus.Android 4.0 Holo界面And

烟台SEO:如何提高网站的用户体验度

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 最近烟台seo一直在不断拜访各个地区的seo及网络推广的博客网站,看到很多精彩或不好的网站文章,烟台seo-王沂周一般都对站长留言.然而却突然发现很多网站根本无法留言,即使留言了,但提示你的评论正在审核中.最近有很多朋友一直再问如何提高用户的体验度. 今天烟台seo结合自己的实际经验,总结了快速提高用户体验度的真谛:seo的根本是什么?seo