说在前面,很早时,android就开始有支持单点手势(单点触控),到android2.2开始支持多点触控.
不同的动作序列合起来表示不同的手势。比如Fling手势包括三个过程:将手指按触在屏幕上,然后快速扫过,最后
抬起手指,并且在抬起手指仍然在运动(也就是说抬起手指前,运动的速度并不会减少).每一个步操作都会触发相应的事件。
在View控件内,开发人员可以像处理普通的单击事件时使用setOnClickListener()和setOnLongClickListener()
方法一样处理手势。onTouchEvent()回调方法用于探测View区域内的用户动作。
onTouchEvent()回调方法只接收一个参数。MotionEvent对象。MotionEvent对象包含在View内触发的所有类型动作
的细节,通过收集和分析连续的MotionEvent对象,开发人员可以确定产生了何种手势。你可以使用MotionEvent数据
来识别的探测任何你能想像的手势。不过你也可以使用Android SDK 内置的手势探测器来探测普通的用户动作。
android目前拥有两个不同的类用于手势探测。
(1) GestureDetector类可以用于探测一般的单点触控手势。
(2) ScaleGestureDetector可以用来探测多点缩放操作手势。
除了普通的方向性手势,你还可以使用API level 4中引入的android.gesture包中的GestureOverlayView来识别命令手势。
下面主要是处理普通单点触控手势
API level 1中引入的GestureDetector类可以用来探测单个手势。GestureDetector类所支持的单指手势包括以下几种。
onDown:当用户第一次按触屏幕时触发。
onShowPress:当用户按触屏幕,并且在抬起或移动手指之前触发:用于显示显示地指示按触事件确已探测到。
onSingleTapUp:作为单击(sinlge-tap)事件的一部分,在用户从触屏上抬起手指(使用抬起MotionEvent)时触发。
onSingleTabConfirmed:单击事件发生时调用。
onDoubleTab:双击(double-tap)事件发生时调用。
onDoubleTabEvent:在任何双击手势发生时调用,包括按下(down),移动,或抬起(up)MotionEvent.
onLongPress:与onSingleTapUp类似,但只在用户保持按触状态且不移动一定时间,并且不是标准的单击操作时调用。
onScroll:用户按下手指并且匀速移动手指后,在抬起手指前调用。通常也称为 拖曳 (dragging).
onFling:在用户按下并且加速移动手指后,在抬起手指前调用,通常也称为"拂动(flick)手势。
提示:你可以使用GestureDetector.SimpleOnGestureListener类来监听由GestureDetector识别的任何手势。
实例:在Android中实现图片左右滑动效果。
参考来自:
http://www.cnblogs.com/hanyonglu/archive/2012/02/13/2349827.html
原文比较详细,在此不转。注意的一点就是,为了不带那些不用的方法,可以继承SimpleOnGestureListener类。
说一下,我个人的感受。
1.受到一些网上不正确的文章,实习OnTouchListener了。
结果,本来应该重写GestureDetector.OnGestureListener接口的
onTouchEvent方法时,实现了onTouch()方法,害我老是看不到效果,这里弄,那里查,结果,找了开始那本书学习。
系统学习之后,然后我看源代码。发现了GestureDetector类这样的javadoc:
1
/**
2
* To use this class:
3
* <ul>
4
* <li>Create an instance of the {@code GestureDetector} for your {@link View}
5
* <li>In the {@link View#onTouchEvent(MotionEvent)} method ensure you call
6
* {@link #onTouchEvent(MotionEvent)}. The methods defined in your callback
7
* will be executed when the events occur.
8
* </ul>
9
**/
上面那个ensure让我觉得应该检查下是不是实现了。然后,结果就出来了。哈哈。太不小心了。
关于判断手势效果的代码:
1
Toast.makeText(getApplicationContext(), msg, Toast.LENGTH_SHORT);
2
if (e1.getX() - e2.getX() > 120) {
3
this.mFlipper.setInAnimation(AnimationUtils.loadAnimation(this, R.anim.push_left_in));
4
this.mFlipper.setOutAnimation(AnimationUtils.loadAnimation(this, R.anim.push_left_out));
5
this.mFlipper.showNext();
6
return true;
7
}
1.上面触发事件时,我写有Toast提醒代码,但是实际上,用户看不到。
2.第二 上面判断手势距离要求120px有点大长了。
下面学习下其中起到关键作用的另外一个类。ViewFlipper.
ViewFlipper的类继承关系如下:
ViewFlipper->ViewAnimator->FrameLayout->ViewGroup->View->Object
看一下类描述:(中文翻译来自Android中文翻译组)
1
/**
2
* Simple {@link ViewAnimator} that will animate between two or more views
3
* that have been added to it. Only one child is shown at a time. If
4
* requested, can automatically flip between each child at a regular interval.
5
*
6
被添加到ViewFlipper中的两个或两个以上的视图之间将执行一个简单的ViewAnimator动画。
1
一次仅能显示一个子视图。如果需要,可以设置间隔时间使子视图像幻灯片一样自动显示。
1
(译者注:com.example.android.apis.view/Animation_2.java包含该类示例程序)
2
3
* @attr ref android.R.styleable#ViewFlipper_flipInterval
4
* @attr ref android.R.styleable#ViewFlipper_autoStart
5
*/
经过使用SimpleOnGestureListener类后的全部Java代码如下:
01
package me.banxi.slideapp;
02
03
import android.app.Activity;
04
import android.os.Bundle;
05
import android.util.Log;
06
import android.view.GestureDetector;
07
import android.view.GestureDetector.OnGestureListener;
08
import android.view.MotionEvent;
09
import android.view.View;
10
import android.view.View.OnTouchListener;
11
import android.view.animation.AnimationUtils;
12
import android.widget.ImageView;
13
import android.widget.Toast;
14
import android.widget.ViewFlipper;
15
16
public class SlideAndGestureActivity extends Activity {
17
private ViewFlipper mFlipper;
18
private GestureDetector mDetector;
19
/** Called when the activity is first created. */
20
@Override
21
public void onCreate(Bundle savedInstanceState) {
22
super.onCreate(savedInstanceState);
23
setContentView(R.layout.slide);
24
25
mDetector = new GestureDetector(getApplicationContext(),new FlingListener());
26
mFlipper = (ViewFlipper )findViewById(R.id.viewFlipper1);
27
28
mFlipper.addView(addTextView(R.drawable.one));
29
mFlipper.addView(addTextView(R.drawable.two));
30
mFlipper.addView(addTextView(R.drawable.three));
31
mFlipper.addView(addTextView(R.drawable.four));
32
mFlipper.addView(addTextView(R.drawable.five));
33
34
}
35
36
private View addTextView(int resId){
37
ImageView view = new ImageView(this);
38
view.setImageResource(resId);
39
return view;
40
}
41
42
@Override
43
public boolean onTouchEvent(MotionEvent event) {
44
return mDetector.onTouchEvent(event);
45
}
46
47
private class FlingListener extends GestureDetector.SimpleOnGestureListener{
48
@Override
49
public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,
50
float velocityY) {
51
String msg = "e1:"+e1.getX()+","+e1.getY()+"e2:"+e2.getX()+","+e2.getY();
52
Log.i("MotionSlide", msg);
53
if (e1.getX() - e2.getX() > 120) {
54
mFlipper.setInAnimation(AnimationUtils.loadAnimation(getApplicationContext(), R.anim.push_left_in));
55
mFlipper.setOutAnimation(AnimationUtils.loadAnimation(getApplicationContext(), R.anim.push_left_out));
56
mFlipper.showNext();
57
return true;
58
} else if (e1.getX() - e2.getX() < -120) {
59
mFlipper.setInAnimation(AnimationUtils.loadAnimation(getApplicationContext(), R.anim.push_right_in));
60
mFlipper.setOutAnimation(AnimationUtils.loadAnimation(getApplicationContext(), R.anim.push_right_out));
61
mFlipper.showPrevious();
62
return true;
63
}
64
return false;
65
}
66
67
}
68
69
}
在实际的项目开发中会遇到这样一样问题。
比如。上面 例子添加的ImageView默认也许不处理事件。所以 可以 正常的滑动。
但是在我的实际的开发中,的发现如ViewFlipper上面有一个GridView,GridView上面排列有Button.然后滑动手势
的事件就不会传播到ViewFlipper中去埃于是我开始是在GridView上面 设置 一个margin
在margin区域里滑动事件 就会传递给ViwFlipper。(严格来说应该是mDetecotor.onTouchEvent()中去。
然后我就在想这个事件 传播的问题,然后我想到因为其实主要调用mDetecotor的时候,
也是在Activity中的OnTouchEvent(MotionEvent)方法 中。
中将这个MotionEvent事件以这样return mDetector.onTouchEvent(event)方法处理返回 。
于是 想在button中事件中的ACTION_MOVE中也调用mDetector.OnTouchEvent()
但是结果 不行。后来我就不区分ACTION_MOVE等等了。
于是,最后,我在对button和gridView做了如下处理。
1
button.setOnTouchListener(new OnTouchListener() {
2
@Override
3
public boolean onTouch(View v, MotionEvent event) {
4
return mDetector.onTouchEvent(event);
5
6
}
7
});
1
gridView.setOnTouchListener(new OnTouchListener() {
2
@Override
3
public boolean onTouch(View v, MotionEvent event) {
4
return mDetector.onTouchEvent(event);
5
}
6
});
我想,因为Fliing这样事件不仅仅是ACTION_MOVE他还有开始的OnDown等等一系列事件组合起来的。