正文  UI设计 > 手势操作 >

Android触摸屏的手势识别

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

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

基础

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

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

OnGestureListener的接口有这几个:

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

1abstract boolean onDown(MotionEvent e);

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

1abstract boolean onSingleTapUp(MotionEvent e);

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

1abstract void onShowPress(MotionEvent e);

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

1abstract void onLongPress(MotionEvent e);

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

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

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

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

OnDoubleTapListener的接口有这几个:

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

1abstract boolean onDoubleTap(MotionEvent e);

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

1abstract boolean onDoubleTapEvent(MotionEvent e);

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

1abstract boolean onSingleTapConfirmed(MotionEvent e);

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

应用

STEP 1: 创建手势侦听对象

001packagenoodies.blog.csdn.net;

002

003importandroid.content.Context;

004

005importandroid.view.MotionEvent;

006

007importandroid.view.GestureDetector.SimpleOnGestureListener;

008

009importandroid.widget.Toast;

010

011public class MyGestureListener extendsSimpleOnGestureListener {

012

013 privateContext mContext;

014

015 MyGestureListener(Context context) {

016

017 mContext = context;

018

019 }

020

021

022

023 @Override

024

025 public booleanonDown(MotionEvent e) {

026

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

028

029 returnfalse;

030

031 }

032

033

034

035 @Override

036

037 public voidonShowPress(MotionEvent e) {

038

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

040

041 }

042

043

044

045 @Override

046

047 public booleanonSingleTapUp(MotionEvent e) {

048

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

050

051 returnfalse;

052

053 }

054

055

056

057 @Override

058

059 public booleanonScroll(MotionEvent e1, MotionEvent e2,

060

061 float distanceX, floatdistanceY) {

062

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

064

065 returnfalse;

066

067 }

068

069

070

071 @Override

072

073 public voidonLongPress(MotionEvent e) {

074

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

076

077 }

078

079

080

081 @Override

082

083 public boolean onFling(MotionEvent e1, MotionEvent e2, floatvelocityX,

084

085 floatvelocityY) {

086

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

088

089 returnfalse;

090

091 }

092

093

094

095 @Override

096

097 public booleanonDoubleTap(MotionEvent e) {

098

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

100

101 returnfalse;

102

103 }

104

105

106

107 @Override

108

109 public booleanonDoubleTapEvent(MotionEvent e) {

110

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

112

113 returnfalse;

114

115 }

116

117

118

119 @Override

120

121 public booleanonSingleTapConfirmed(MotionEvent e) {

122

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

124

125 returnfalse;

126

127 }

128

129}

STEP 2: 设置手势识别

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

01packagenoodies.blog.csdn.net;

02

03 importandroid.app.Activity;

04

05importandroid.os.Bundle;

06

07importandroid.view.GestureDetector;

08

09importandroid.view.MotionEvent;

10

11public class GestureTestActivity extendsActivity {

12

13 privateGestureDetector mGestureDetector;

14

15 @Override

16

17 public voidonCreate(Bundle savedInstanceState) {

18

19 super.onCreate(savedInstanceState);

20

21 setContentView(R.layout.main);

22

23 mGestureDetector = new GestureDetector(this, newMyGestureListener(this));

24

25 }

26

27

28

29 @Override

30

31 public booleanonTouchEvent(MotionEvent event) {

32

33 returnmGestureDetector.onTouchEvent(event);

34

35 }

36

37}

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

01packagenoodies.blog.csdn.net;

02

03importandroid.content.Context;

04importandroid.util.AttributeSet;

05importandroid.view.GestureDetector;

06importandroid.view.MotionEvent;

07importandroid.view.View;

08

09

10public class MyView extendsView {

11

12 privateGestureDetector mGestureDetector;

13

14 publicMyView(Context context, AttributeSet attrs) {

15 super(context, attrs);

16 mGestureDetector = new GestureDetector(context, newMyGestureListener(context));

17 setLongClickable(true);

18

19 this.setOnTouchListener(newOnTouchListener() {

20 public booleanonTouch(View v, MotionEvent event) {

21 returnmGestureDetector.onTouchEvent(event);

22

23 }

24 });

25

26 }

27

28}

陷阱

对于自定义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