当滑动(fling)比移动(scroll)有更高的效率时,为什么要让用户使用scroll操作呢?在面积很小而数据又很多的移动设备上,要显示远在后面的那些内容scroll是很困难的,这种情况下fling更适合。

注:scroll表示手指滑动多少距离,界面跟着显示多少距离,而fling是根据你的滑动方向与轻重,还会自动滑动一段距离。

filing 手势在android交互设计中应用非常广泛:电子书的滑动翻页、ListView滑动删除item、滑动解锁等。所以如何检测用户的fling手势是非 常重要的。但是我们如何获得fling消息呢?如何知道fling的方向,从哪里开始从哪里结束?又如何确定当前手势是fling 而不是scroll?

在我最近的项目Room5中就面临这样的问题,这是一个已经有了的ios项目,现在要做一个android版本。

在 我们处理滑动动画之前,我们需要检测fling事件,对初学者而言,这要比看上去复杂一些。这是因为touch、scroll、fling三个事件之间并 没有明显的界限。scroll总是发生在fling之前,而touch总是发生在scroll之前,滑动屏幕(fling)总是需要先触摸屏幕 (touch)并且在屏幕上移动(scroll)。我们如何知道滑动(fling)没有被touch事件拦截呢?答案是使用几个关于手势 (gesture)处理的类。

我写了一个演示这几个类是如何配合使用的例子程序,你可以在这里得到完整的源码:https://github.com/ericacooksey/FlingDemo 这个demo描述了捕捉fling事件的整个过程。下面是运行apk之后初始界面的截图:

当接收到touch,scroll或者fling事件,事件的名称会显示在界面上,最近发生的显示在最上面。下面是某一次从上往下划动(fling)时,界面上输出的文字:

这幅图给了你关于事件流的一个大概认识:view收到了好几个scroll 事件,每个scroll事件之前都伴随着一个touch事件。scroll事件过程中y轴方向上的速度飞快增长,直到最终fling事件被触发。让我们来看看关键代码, 这里

首 先,我们实现了View.OnTouchListener来拦截view的touch事件。我这里暂时省略了对滑动速度追踪的代码(省略号),我们将在后 面讨论。这里主要是实现了touch事件触发的时候将会调用的回到方法,将此方法注册给相应的view(这里为TextView),下面是代码片段。

 mTouchListener = new VelocityTrackingTouchListener();
// Initialize the TextView which will be used to display the logged events
mTextView = (TextView) findViewById(R.id.mytextview);
mTextView.setOnTouchListener(mTouchListener);
private class VelocityTrackingTouchListener implements View.OnTouchListener {
@Override
public boolean onTouch(View view, MotionEvent motionEvent) {
......
mGestureDetector.onTouchEvent(motionEvent);
return true;
}
}

mGestureDetector 是GestureDetector的实例。onTouch回调方法在将事件派发给view之前接收到了touch事件。任何可能跟touch事件相关的事 件(比如Click)都会被这个回调方法拦截。我们将touch事件交给GestureDetector,因此这里的作用其实就是在将touch事件传递 下去之前,将MotionEvent传递给GestureDetector的onTouchEvent方法,先判断当前到底是什么手势。下面是声明 GestureDetector变量的代码片段:

 // Instantiate a gesture listener to consume scroll and fling events
FlingDetector flingDetector = new FlingDetector();
// Pass the FlingDetector to mGestureDetector to receive the appropriate callbacks
mGestureDetector = new GestureDetector(this, flingDetector);
 

其中FlingDetector是我们继承自SimpleOnGestureListener的一个类。使用SimpleOnGestureListener的好处是它完成了所有对GestureDetector.OnGestureListener所有接口的空实现,因此我们只需重写需要的回调方法。

 private class FlingDetector extends GestureDetector.SimpleOnGestureListener {
public FlingDetector() {
super();
}
@Override
public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,
float velocityY) {
updateText("in onFling");
return true;
}
@Override
public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY) {
updateText(String.format("onScroll velocity = (%f, %f)", mTouchListener.xVelocity, mTouchListener.yVelocity));
return false;
}
}
 

作为总结,下面是对上面一系列过程的回顾:

(1)view所注册的OnTouchListener拦截了touch事件。

(2)OnTouchListener的回调方法onTouch(View view, MotionEvent motionEvent)将MotionEvent传递给了GestureDetector。

(3)实现一个OnGestureListener,并将他注册给GestureDetector,这样OnGestureListener中处理具体手势的回调方法就能被触发。

注 意OnGestureListener的每个方法都会返回一个boolean值,这个返回值表示当前方法结束之后,MotionEvent是否被“消费” 掉,也就是说是否继续传递下去,true表示被消费掉,反之则没有,可以继续传递。回想上面我们提到的filing发生在scroll之后,scroll 发生在touch之后,而我们希望接收到fling手势,因此我们在onScroll中返回false,在fling中返回true。

但是 现在问题是如果我们希望一个view既可以scroll也可以fling怎么办?比如一个账单界面我们希望sroll查看账单而用fling操作表示 swipe-to-pay。如果你参考上面的fling事件的截图会发现onScroll在onFLing触发之前发生了5次。因此如果我们响应 onScroll事件,那么用户在fling操作的时候会感到不自然,因为scroll的对我们预期的交互产生了干扰。

我们可以直接忽略掉 scroll,将onScroll中的实现留为空,但是这样的话,如果用户手指慢慢滑动查看后面的内容就得不到响应。最好是能在scroll的时候判断这 个scroll是否会导致fling的发生。这种情况下android的VelocityTracker 就派上用场了。先来瞄一眼scroll的时候的手势输出日志:

让我们将这张图中(只有scroll事件的截图)y方向上的速度和上一张图(产生了fling事件的截图)y方向上的速度做一个对比。之所以用y速度是因为两次实验中我们都是从上到下的滑动。

Scroll y-velocity Fling y-velocity
65 30085
140 23359
424 13787
660 10414
847 7449

如你所见, 产生了fling事件的滚动(scroll)事件中y-velocity要比没有产生fling的滚动(scroll)高很多。我们在OnTouchListener的实现中跟踪速度,每收到一个触摸事件就将之添加给 mVelocityTracker

 switch (action) {
case MotionEvent.ACTION_DOWN:
if (mVelocityTracker == null) {
// Retrieve a new VelocityTracker object to watch the velocity of a motion.
mVelocityTracker = VelocityTracker.obtain();
} else {
// Reset the velocity tracker back to its initial state.
mVelocityTracker.clear();
}
// Add a user's movement to the tracker.
mVelocityTracker.addMovement(motionEvent);
break;
case MotionEvent.ACTION_MOVE:
mVelocityTracker.addMovement(motionEvent);
// When you want to determine the velocity, call
// computeCurrentVelocity(). Then call getXVelocity()
// and getYVelocity() to retrieve the velocity for each pointer ID.
mVelocityTracker.computeCurrentVelocity(1000);
// Log velocity of pixels per second
xVelocity = mVelocityTracker.getXVelocity(pointerId);
yVelocity = mVelocityTracker.getYVelocity(pointerId);
break;
case MotionEvent.ACTION_CANCEL:
// Return a VelocityTracker object back to be re-used by others.
mVelocityTracker.recycle();
break;
}
 

然后再将触摸事件传递给FlingDetector去分析,在FlingDetector打印出mVelocityTracker的速度以及对应的状态(scroll还是fling),经过多次实验可以找到一个合理的决定scroll是否会导致fling的临界值。从事判断是否相应onScroll。

【转】android手势处理揭秘的更多相关文章

  1. Android 手势水平监听判断

    package com.zihao.ui; import com.zihao.R; import android.os.Bundle; import android.app.Activity; imp ...

  2. Android手势锁实现

    最终效果如下 整体思路 a.自定义了一个RelativeLayout(GestureLockViewGroup)在里面会根据传入的每行的个数,生成多个GestureLockView(就是上面一个个小圈 ...

  3. Android手势源码浅析-----手势绘制(GestureOverlayView)

    Android手势源码浅析-----手势绘制(GestureOverlayView)

  4. Android 手势检测实战 打造支持缩放平移的图片预览效果(下)

    转载请标明出处:http://blog.csdn.net/lmj623565791/article/details/39480503,本文出自:[张鸿洋的博客] 上一篇已经带大家实现了自由的放大缩小图 ...

  5. Android手势滑动Tab

    Android手势滑动Tab //MainActivity.java public class MainActivity extends TabActivity { ; ; ; private Ges ...

  6. Android 手势操作识别

    (转自:http://jcodecraeer.com/a/anzhuokaifa/androidkaifa/2012/1020/448.html) 首先,在Android系统中,每一次手势交互都会依照 ...

  7. android手势创建及识别

    使用一些浏览器或者输入法应用时会有一些手势操作,还可以自定义手势.这些神奇的操作是怎么做的呢?这一篇重点记录手势的识别和创建.这篇的内容使用到的是android.gesture包,具体的例子参考的是S ...

  8. Android手势解锁, 九宫格解锁

    给大家介绍一个很好用的手势解锁控件ShapleLocker, 废话不多先上效果图: 这是一个第三方库, 可自己根据UI需求替换图标: 圆圈, 小箭头等等.. github地址: http://pane ...

  9. Android手势操作

    xml文件 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:to ...

随机推荐

  1. win7系统清除USBSTOR记录

    方法一 1.Win+R,出现运行窗口,如图所示: 2.在输入框中输入“regedit”,如图所示: 3.进入后,点击编辑-查找,查找输入框中输入“USBSTOR”(为了加快查找速度,可以只选择“项”) ...

  2. 通过html字符串连接组合并调用javascript函数

    ----通过字符串连接并调用javascript函数-- var t_html = $("#Photo").html(); var n_html = "<a id= ...

  3. 分布式缓存系统 Memcached 数据存储slab与hashtable

    缓存数据以item为基本单元,以双链表形式存放在对应级别大小的slabclass结构的chunk中.同时该item还存放在链式hashtable中bucket中,用于提供快速查找的索引. 首先是理解缓 ...

  4. HUSTOJ 昆虫繁殖(递推)

    昆虫繁殖 时间限制: 1 Sec  内存限制: 128 MB提交: 25  解决: 16[提交][状态][讨论版][命题人:quanxing] 题目描述 科学家在热带森林中发现了一种特殊的昆虫,这种昆 ...

  5. Docker - 避免启动container后运行shell脚本执行完成后docker退出container

    问题 最近在使用 Dockerfile 启动容器,发现使用Dockerfile调用容器里面的shell,当shell执行完成以后,docker会退出容器. 分析 Docker 在执行shell的时候, ...

  6. USB接线图

    一.简介 通用串行总线(英文:Universal Serial Bus,简称USB)是连接外部装置的一个串口汇流排标准,在计算机上使用广泛,但也可以用在机顶盒和游戏机上,补充标准On-The-Go( ...

  7. FPGA SD 卡 之 乒乓操作 、同步fifo

    这里记录一个实际的需要使用乒乓操作的例子:读sd卡数据的时,在spi的模式下.发送单数据块的读取命令,在回应之后会有 512字节的数据.使用乒乓操作,可以用两个八位的寄存器,就可以完成连续的512字节 ...

  8. vs2017发布web项目

    1.webform项目发布 1.右键选择项目. 2.选择自定义. 3.“配置文件名称”,发布后生成在项目中记录此次发布选择的配置信息文件名,下次发布默认为此次选择的配置信息,可以删除,随便填一个. 4 ...

  9. Python Twisted系列教程12:改进诗歌下载服务器

    作者:dave@http://krondo.com/a-poetry-transformation-server/  译者:杨晓伟(采用意译) 你可以从这里从头阅读这个系列. 新的服务器实现 这里我们 ...

  10. 简单的HTTP服务实现

    最近因工作需要为外部公司提供http服务,由于内容比较少,同时为了方便安装,就想着自己写一个简单的服务器. 思路是将一个Http服务器嵌入一个Windows Service程序中,于是在网上找了很多资 ...