Android GestureDetector手势滑动使用实例讲解_Android

Gesture在 ViewGroup中使用

GestureDetector类可以让我们快速的处理手势事件，如点击，滑动等。
使用GestureDetector分三步：
1. 定义GestureDetector类
2. 初始化手势类，同时设置手势监听
3. 将touch事件交给gesture处理

先来了解一下如何使用，后面会有示例：

package com.example.y2222.myview;

import android.content.Context;
import android.util.AttributeSet;
import android.util.Log;
import android.view.GestureDetector;
import android.view.MotionEvent;
import android.widget.LinearLayout;

/**
 * Created by raise.yang on 2016/06/29.
 */
public class GestureDemoView extends LinearLayout {
 //1,定义GestureDetector类
 private GestureDetector m_gestureDetector;

 public GestureDemoView(Context context, AttributeSet attrs) {
  this(context, attrs, 0);
 }

 public GestureDemoView(Context context, AttributeSet attrs, int defStyleAttr) {
  super(context, attrs, defStyleAttr);
  //设置为可点击
  setClickable(true);
  //2,初始化手势类，同时设置手势监听
  m_gestureDetector = new GestureDetector(context, onGestureListener);
  //双击监听-一般很少用到
  m_gestureDetector.setOnDoubleTapListener(onDoubleTapListener);
 }

 @Override
 public boolean onTouchEvent(MotionEvent event) {
  //3,将touch事件交给gesture处理
  m_gestureDetector.onTouchEvent(event);
  return super.onTouchEvent(event);
 }

 //初始化手势监听对象，使用GestureDetector.OnGestureListener的实现抽象类，因为实际开发中好多方法用不上
 private final GestureDetector.OnGestureListener onGestureListener = new GestureDetector.SimpleOnGestureListener() {
  @Override
  public boolean onSingleTapUp(MotionEvent e) {
   Log.d("GestureDemoView", "onSingleTapUp() ");
   return super.onSingleTapUp(e);
  }

  @Override
  public void onLongPress(MotionEvent e) {
   Log.d("GestureDemoView", "onLongPress() ");
   super.onLongPress(e);
  }

  @Override
  public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY) {
   Log.d("GestureDemoView", "onScroll() distanceX = " + distanceX);
   return super.onScroll(e1, e2, distanceX, distanceY);
  }

  @Override
  public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) {
   Log.d("GestureDemoView", "onFling() velocityX = " + velocityX);
   return super.onFling(e1, e2, velocityX, velocityY);
  }

  @Override
  public void onShowPress(MotionEvent e) {
   Log.d("GestureDemoView", "onShowPress() ");
   super.onShowPress(e);
  }

  @Override
  public boolean onDown(MotionEvent e) {
   Log.d("GestureDemoView", "onDown() ");
   return super.onDown(e);
  }

  @Override
  public boolean onDoubleTap(MotionEvent e) {
   Log.d("GestureDemoView", "onDoubleTap() ");
   return super.onDoubleTap(e);
  }

  @Override
  public boolean onDoubleTapEvent(MotionEvent e) {
   Log.d("GestureDemoView", "onDoubleTapEvent() ");
   return super.onDoubleTapEvent(e);
  }

  @Override
  public boolean onSingleTapConfirmed(MotionEvent e) {
   Log.d("GestureDemoView", "onSingleTapConfirmed() ");
   return super.onSingleTapConfirmed(e);
  }

  @Override
  public boolean onContextClick(MotionEvent e) {
   Log.d("GestureDemoView", "onContextClick() ");
   return super.onContextClick(e);
  }
 };
 private final GestureDetector.OnDoubleTapListener onDoubleTapListener = new GestureDetector.OnDoubleTapListener() {
  @Override
  public boolean onSingleTapConfirmed(MotionEvent e) {
   Log.d("GestureDemoView", "onSingleTapConfirmed() OnDoubleTapListener");
   return false;
  }

  @Override
  public boolean onDoubleTap(MotionEvent e) {
   Log.d("GestureDemoView", "onDoubleTap() OnDoubleTapListener");
   return false;
  }

  @Override
  public boolean onDoubleTapEvent(MotionEvent e) {
   Log.d("GestureDemoView", "onDoubleTapEvent() OnDoubleTapListener");
   return false;
  }
 };

}

注意：setClickable(true);一定要加，不然只会收到下例3个事件，被这个整了好长时间才找到原因.(⊙﹏⊙)b

对于单击，双击，拖动等事件调用见下图：

根据上图，每个方法大致都调用了，说明几个容易弄混的回调方法
1. onScroll()
public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY)
e1：滑动事件的起点（也就是说onDown()的时候）
e2：当前滑动位置点(手指的位置)
distanceX：上次滑动(调用onScroll)到这次滑动的X轴的距离px，不是e1点到e2点的X轴的距离
distanceY：上次滑动(调用onScroll)到这次滑动的Y轴的距离px，不是e1点到e2点的Y轴的距离
2. onFling()
public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY)
e1：拖动动事件的起点（也就是说onDown()的时候）
e2：onFling()调用时，手指的位置
velocityX：X轴上每秒滑动像素值
velocityY：Y轴上每秒滑动像素值
注意：当拖动速率velocityX或velocityY超过ViewConfiguration.getMinimumFlingVelocity()最小拖动速率时，才会调用onFling()，也就是如果只拖动一点，或是慢慢的拖动，是不会触发该方法。
对应源码：

  if ((Math.abs(velocityY) > mMinimumFlingVelocity)
      || (Math.abs(velocityX) > mMinimumFlingVelocity)){
     handled = mListener.onFling(mCurrentDownEvent, ev, velocityX, velocityY);
    }

实践：使用GestureDetector实现左滑删除

在很多ListView中都有该效果，现在自己实现下，顺便熟悉GestureDetector的使用。
效果图：

GestureDemoView.java：

package com.example.y2222.myview;

import android.content.Context;
import android.util.AttributeSet;
import android.util.Log;
import android.view.GestureDetector;
import android.view.LayoutInflater;
import android.view.MotionEvent;
import android.widget.LinearLayout;

import com.example.y2222.myapplication.R;

/**
 * Created by raise.yang on 2016/06/29.
 */
public class GestureDemoView extends LinearLayout {
 //1,定义GestureDetector类
 private GestureDetector m_gestureDetector;

 private int m_max_scrollX;

 public GestureDemoView(Context context, AttributeSet attrs) {
  this(context, attrs, 0);
 }

 public GestureDemoView(Context context, AttributeSet attrs, int defStyleAttr) {
  super(context, attrs, defStyleAttr);
  //设置为可点击
  setClickable(true);
  //2,初始化手势类，同时设置手势监听
  m_gestureDetector = new GestureDetector(context, onGestureListener);

  LayoutInflater.from(context).inflate(R.layout.view_gesture, this);
 }

 @Override
 public boolean onTouchEvent(MotionEvent event) {
  //3,将touch事件交给gesture处理
  m_gestureDetector.onTouchEvent(event);
  if (event.getAction() == MotionEvent.ACTION_UP) {
   // GestureDetector没有处理up事件的方法，只能在这里处理了。
   int scrollX = getScrollX();
   if (scrollX > m_max_scrollX / 2) {
    show_right_view();
   } else {
    hide_right_view();
   }
  }
  return super.onTouchEvent(event);
 }

 @Override
 protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
  super.onMeasure(widthMeasureSpec, heightMeasureSpec);
  int childCount = getChildCount();
  for (int i = 0; i < childCount; i++) {
   //测量子view的宽高，？不测量，右侧布局会不显示，这里有点疑问
   measureChild(getChildAt(i), widthMeasureSpec, heightMeasureSpec);
   if (i == 1) {
    m_max_scrollX = getChildAt(i).getMeasuredWidth();
   }
  }
 }

 //初始化手势监听对象，使用GestureDetector.OnGestureListener的实现抽象类，因为实际开发中好多方法用不上
 private final GestureDetector.OnGestureListener onGestureListener = new GestureDetector.SimpleOnGestureListener() {

  @Override
  public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY) {
   Log.d("GestureDemoView", "onScroll() distanceX = " + distanceX + " getScrollX = " + getScrollX() + " max_scrollX = " + m_max_scrollX);
   int scrollX = getScrollX();
   int minScrollX = -scrollX;
   int maxScrollY = m_max_scrollX - scrollX;
   // 对滑动的距离边界控制
   if (distanceX > maxScrollY) {
    distanceX = maxScrollY;
   } else if (distanceX < minScrollX) {
    distanceX = minScrollX;
   }
   scrollBy((int) distanceX, 0);
   return true;
  }

  @Override
  public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) {
   Log.d("GestureDemoView", "onFling() velocityX = " + velocityX);
   if (velocityX < 0) {
    //快速向左滑动
    show_right_view();
   } else {
    hide_right_view();
   }
   return super.onFling(e1, e2, velocityX, velocityY);
  }
 };

 private void show_right_view() {
  scrollTo(m_max_scrollX, 0);
 }

 private void hide_right_view() {
  scrollTo(0, 0);
 }

}

 view_gesture.xml

<?xml version="1.0" encoding="utf-8"?>
<merge xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  android:orientation="horizontal">

 <TextView
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  android:gravity="center"
  android:text="左侧布局"/>

 <LinearLayout
  android:layout_width="wrap_content"
  android:layout_height="match_parent"
  android:orientation="horizontal"
  >

  <Button
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:text="收藏"/>

  <Button
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:text="删除"/>
 </LinearLayout>
</merge>

xml文件中根标签使用<merge>，可减少一层view树嵌套，并且使用getChildCount()能得到我们想要的子view个数。

关于<merge>标签的使用，详见郭神的blog:http://blog.csdn.net/guolin_blog/article/details/43376527 

实现也很简单，在scroll和fling的时候，得到滑动距离或滑动速度，再调用view自己的scrollTo()或scrollBy()滑动内部元素即可。
从效果图中，当滑动到一半松手时，立即滑动到最左边，完全没有动画，这样的体验很差，所以还需优化。关于滑动时增加动画效果，可以使用Scroller类完成，准备下期补上。

Gesture在 View中使用

和在viewgroup中一样，在view中，同样是经过三步来实现：
1. 定义GestureDetector类
2. 初始化手势类，同时设置手势监听
3. 将touch事件交给gesture处理
举个荔枝：
做了一个小球跟随手指移动的效果，先绘制小球，当手指放在小球上滑动时，会调用onScroll()，在这个方法中，修改圆心的位置进行重绘，这样小球就能移动了。
这里有2个难点：
1. 如何判断手指落在了小球上;
2. 滑动到边界时，不能超过边界；

效果图：

GestureView.java代码：

package com.example.y2222.myview;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.util.AttributeSet;
import android.view.GestureDetector;
import android.view.MotionEvent;
import android.view.View;

/**
 * Created by raise.yang on 2016/07/05.
 */
public class GestureView extends View {

 private GestureDetector m_gestureDetector;
 private Paint m_paint;
 //小球的中心点
 private float centerX;
 private float centerY;
 //小球的半径
 private int radius;
 //是否touch在小球上
 private boolean touch_bool;

 public GestureView(Context context, AttributeSet attrs) {
  this(context, attrs, 0);
 }

 public GestureView(Context context, AttributeSet attrs, int defStyleAttr) {
  super(context, attrs, defStyleAttr);
  // 初始画笔
  m_paint = new Paint(Paint.ANTI_ALIAS_FLAG);
  m_paint.setColor(getResources().getColor(android.R.color.holo_blue_light));
  //设置为可点击
  setClickable(true);
  //2,初始化手势类，同时设置手势监听
  m_gestureDetector = new GestureDetector(context, onGestureListener);
  radius = 50;
 }

 @Override
 public boolean onTouchEvent(MotionEvent event) {
  //3,将touch事件交给gesture处理
  m_gestureDetector.onTouchEvent(event);
  if (event.getAction() == MotionEvent.ACTION_DOWN) {
   //判断手指落在了小球上
   if (getDistanceByPoint((int) centerX, (int) centerY, (int) event.getX(), (int) event.getY()) < radius) {
    touch_bool = true;
   } else {
    touch_bool = false;
   }
  }
  return super.onTouchEvent(event);
 }

 @Override
 protected void onSizeChanged(int w, int h, int oldw, int oldh) {
  // 默认圆心在中心点
  if (w > 0) {
   centerX = w / 2;
  }
  if (h > 0) {
   centerY = h / 2;
  }
 }

 @Override
 protected void onDraw(Canvas canvas) {
  canvas.drawCircle(centerX, centerY, radius, m_paint);
 }

 GestureDetector.OnGestureListener onGestureListener = new GestureDetector.SimpleOnGestureListener() {
  @Override
  public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY) {
   if (touch_bool) {
    centerY -= distanceY;
    centerX -= distanceX;
    //处理边界问题
    if (centerX < radius) {
     centerX = radius;
    } else if (centerX > getWidth() - radius) {
     centerX = getWidth() - radius;
    }
    if (centerY < radius) {
     centerY = radius;
    } else if (centerY > getHeight() - radius) {
     centerY = getHeight() - radius;
    }
    //修改圆心后，通知重绘
    postInvalidate();
   }
   return true;
  }
 };

 /**
  * 计算两点间的距离
  */
 private int getDistanceByPoint(int x1, int y1, int x2, int y2) {
  double temp = Math.abs((x2 - x1) * (x2 - x1) - (y2 - y1) * (y2 - y1));
  return (int) Math.sqrt(temp);
 }

}

在处理问题1时，我设置了一个boolean值，在用户触摸的时候去判断，当前点和圆心点的距离是否小于半径，若小于，说明在圆内。这样在滑动的时候，就去判断一下，是否需要滑动小球。
控制边界，其实就是控制圆心点的坐标，只要保证落在（radius,radius）,（getWidth()-radius,getHeight()-radius）两点矩形中即可。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

以上是小编为您精心准备的的内容，在的博客、问答、公众号、人物、课程等栏目也有的相关内容，欢迎继续使用右上角搜索按钮进行搜索android
gesturedetector、gesturedetector用法、gesturedetector 过时、scalegesturedetector、gesturedetector 无效，以便于您获取更多的相关知识。

时间： 2024-10-23 15:25:31

Android GestureDetector手势滑动使用实例讲解_Android的相关文章

Android GestureDetector手势滑动使用实例讲解

Gesture在 ViewGroup中使用 GestureDetector类可以让我们快速的处理手势事件,如点击,滑动等. 使用GestureDetector分三步: 1. 定义GestureDetector类 2. 初始化手势类,同时设置手势监听 3. 将touch事件交给gesture处理 先来了解一下如何使用,后面会有示例: package com.example.y2222.myview; import android.content.Context; import android.ut

Android：下拉刷新+加载更多+滑动删除实例讲解_Android

         小伙伴们在逛淘宝或者是各种app上,都可以看到这样的功能,下拉刷新和加载更多以及滑动删除,刷新,指刷洗之后使之变新,比喻突破旧的而创造出新的,比如在手机上浏览新闻的时候,使用下拉刷新的功能,我们可以第一时间掌握最新消息,加载更多是什么nie,简单来说就是在网页上逛淘宝的时候,我们可以点击下一页来满足我们更多的需求,但是在手机端就不一样了,没有上下页,怎么办nie,方法总比困难多,细心的小伙伴可能会发现,在手机端中,有加载更多来满足我们的要求,其实加载更多也是分页的一种体现.小伙

Android实现手势滑动多点触摸缩放平移图片效果(二)

上一篇已经带大家实现了自由的放大缩小图片,简单介绍了下Matrix:具体请参考:Android实现手势滑动多点触摸缩放平移图片效果,本篇继续完善我们的ImageView. 首先加入放大后的移动. 1.自由的进行移动 我们在onTouchEvent里面,加上移动的代码,当然了,必须长或宽大于屏幕才可以移动~~~ @Override public boolean onTouch(View v, MotionEvent event) { mScaleGestureDetector.onTouchEve

Android实现手势滑动多点触摸缩放平移图片效果_Android

现在app中,图片预览功能肯定是少不了的,用户基本已经形成条件反射,看到小图,点击看大图,看到大图两个手指开始进行放大,放大后,开始移动到指定部位.一.概述想要做到图片支持多点触控,自由的进行缩放.平移,需要了解几个知识点:Matrix , GestureDetector , ScaleGestureDetector 以及事件分发机制,ps:不会咋办,不会你懂的.1.Matrix 矩阵,看深入了都是3维矩阵的乘啊什么的,怪麻烦的~~ 其实这么了解下就行了: Matrix数据结构:3维矩阵:内部存

Android实现手势滑动多点触摸放大缩小图片效果_Android

网上文章虽多,但是这种效果少之又少,我真诚的献上以供大家参考 实现原理:自定义ImageView对此控件进行相应的layout(动态布局). 这里你要明白几个方法执行的流程: 首先ImageView是继承自View的子类.onLayout方法:是一个回调方法.该方法会在在View中的layout方法中执行,在执行layout方法前面会首先执行setFrame方法.setFrame方法:判断我们的View是否发生变化,如果发生变化,那么将最新的l,t,r,b传递给View,然后刷新进行动态更新UI

Android 常见的四种对话框实例讲解_Android

1.对话框通知(Dialog Notification) 当你的应用需要显示一个进度条或需要用户对信息进行确认时,可以使用对话框来完成. 下面代码将打开一个如图所示的对话框: public void click1(View view) { AlertDialog.Builder builder = new Builder(this); builder.setTitle("工学1号馆"); builder.setIcon(R.drawable.ic_launcher); builder.

Android 对话框 Dialog使用实例讲解_Android

对话框 Dialog 什么是对话框 对话框是在当前的页面之上弹出的小窗口, 用于显示一些重要的提示信息, 提示用户的输入,确认信息,或显示某种状态.如 : 显示进度条对话框, 退出提示. 对话框的特点: 1, 当前界面弹出的小窗口. 2, 用户要与它进行交互, 可以接收用户输入的信息, 也可以反馈信息给用户. 常用对话框: 1, 普通对话框 AlertDialog 2, 进度条对话框 ProgressDialog 3, 日期对话框 DatePickerDialog 4, 时间对话框 TimePi

Android Studio应用开发集成百度语音合成使用方法实例讲解_Android

首先,语音合成是指将文本信息转换成声音.意思就是将文本转化为声音,让你的应用开口说话.国内在业内比较有名的第三方语音合成平台有百度语音和科大讯飞. 本文集成的是百度语音合成,其主要特点是: 完全永久免费 业界首创完全永久免费新形式,为开发者提供最流畅最自然的语音合成服务.完全免费,永久使用,彻底摆脱限制. 离线在线融合模式 SDK可以根据当前网络状况,自动判断使用本地引擎还是云端引擎进行语音合成,再也不用担心流量消耗! 多语言多音色可选 中文普通话.中英文混读.男声.女声任你选,更支持语速.音调

安卓开发使用GestureDetector手势滑动界面

用惯了苹果的人都知道在在APP中只需要手指左右滑动就可以进行页面的转换,但是在Android中大部分软件还只是使用返回键来进行界面的更替,其实Android很早很早以前就支持手势去更新操作,只是很多APP中没有使用到GestureDetector,下面就简单说说通过GestureDetector来进行界面的更替,下面只给出关键代码,直接使用即可. GestureDetector  detector = new GestureDetector(this, new GestureDetector.O