Android手势学习之单点手势

最后更新：2012-03-20

参考自：《Android移动开发一本就够》

说在前面，很早时，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：

/** * To use this class: * <ul> *  <li>Create an instance of the {@code GestureDetector} for your {@link View} *  <li>In the {@link View#onTouchEvent(MotionEvent)} method ensure you call *          {@link #onTouchEvent(MotionEvent)}. The methods defined in your callback *          will be executed when the events occur. * </ul>**/

上面那个ensure让我觉得应该检查下是不是实现了。然后，结果就出来了。哈哈。太不小心了。

关于判断手势效果的代码：

Toast.makeText(getApplicationContext(), msg, Toast.LENGTH_SHORT); if (e1.getX() - e2.getX() > 120) {            this.mFlipper.setInAnimation(AnimationUtils.loadAnimation(this, R.anim.push_left_in));            this.mFlipper.setOutAnimation(AnimationUtils.loadAnimation(this, R.anim.push_left_out));this.mFlipper.showNext(); return true; }

1.上面触发事件时，我写有Toast提醒代码，但是实际上，用户看不到。

2.第二上面判断手势距离要求120px有点大长了。

下面学习下其中起到关键作用的另外一个类。ViewFlipper.

ViewFlipper的类继承关系如下：

ViewFlipper->ViewAnimator->FrameLayout->ViewGroup->View->Object

看一下类描述：（中文翻译来自Android中文翻译组)

/** * Simple {@link ViewAnimator} that will animate between two or more views * that have been added to it.  Only one child is shown at a time.  If * requested, can automatically flip between each child at a regular interval. *被添加到ViewFlipper中的两个或两个以上的视图之间将执行一个简单的ViewAnimator动画。

一次仅能显示一个子视图。如果需要，可以设置间隔时间使子视图像幻灯片一样自动显示。

（译者注：com.example.android.apis.view/Animation_2.java包含该类示例程序） * @attr ref android.R.styleable#ViewFlipper_flipInterval * @attr ref android.R.styleable#ViewFlipper_autoStart */

经过使用SimpleOnGestureListener类后的全部Java代码如下：

package me.banxi.slideapp;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.view.animation.AnimationUtils;import android.widget.ImageView;import android.widget.Toast;import android.widget.ViewFlipper;public class SlideAndGestureActivity extends Activity {private ViewFlipper mFlipper;private GestureDetector mDetector;    /** Called when the activity is first created. */    @Override    public void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.slide);                mDetector = new GestureDetector(getApplicationContext(),new FlingListener());        mFlipper = (ViewFlipper)findViewById(R.id.viewFlipper1);                mFlipper.addView(addTextView(R.drawable.one));        mFlipper.addView(addTextView(R.drawable.two));        mFlipper.addView(addTextView(R.drawable.three));        mFlipper.addView(addTextView(R.drawable.four));        mFlipper.addView(addTextView(R.drawable.five));            }        private View addTextView(int resId){    ImageView view = new ImageView(this);    view.setImageResource(resId);    return view;    }    @Overridepublic boolean onTouchEvent(MotionEvent event) {return mDetector.onTouchEvent(event);}private class FlingListener extends GestureDetector.SimpleOnGestureListener{@Overridepublic boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,float velocityY) {String msg = "e1:"+e1.getX()+","+e1.getY()+"e2:"+e2.getX()+","+e2.getY();Log.i("MotionSlide", msg);        if (e1.getX() - e2.getX() > 120) {            mFlipper.setInAnimation(AnimationUtils.loadAnimation(getApplicationContext(), R.anim.push_left_in));            mFlipper.setOutAnimation(AnimationUtils.loadAnimation(getApplicationContext(), R.anim.push_left_out));            mFlipper.showNext();            return true;        } else if (e1.getX() - e2.getX() < -120) {            mFlipper.setInAnimation(AnimationUtils.loadAnimation(getApplicationContext(), R.anim.push_right_in));            mFlipper.setOutAnimation(AnimationUtils.loadAnimation(getApplicationContext(), R.anim.push_right_out));            mFlipper.showPrevious();            return true;        }        return false;}}}

在实际的项目开发中会遇到这样一样问题。

比如。上面例子添加的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做了如下处理。

button.setOnTouchListener(new OnTouchListener() {@Overridepublic boolean onTouch(View v, MotionEvent event) {      return mDetector.onTouchEvent(event);}});

gridView.setOnTouchListener(new OnTouchListener() {@Overridepublic boolean onTouch(View v, MotionEvent event) {return mDetector.onTouchEvent(event);}});

我想，因为Fliing这样事件不仅仅是ACTION_MOVE他还有开始的OnDown等等一系列事件组合起来的。

更多相关文章

随机推荐