Android监测手指上下左右滑动屏幕
在开发android程序时，有时会需要监测手指滑动屏幕，当手指朝上下左右不同方向滑动时做出不同的响应，那怎么去实现呢？
利用提供的手势监测器就可以很方便的实现，直接上代码（已测试通过）
public class CbMainActivity extends Activity implements
android.view.GestureDetector.OnGestureListener
//定义手势检测器实例
protected void onCreate(Bundle savedInstanceState)
super.onCreate(savedInstanceState);
setContentView(R.layout.cb_main);
//创建手势检测器
detector = new GestureDetector(this,this);
//将该activity上的触碰事件交给GestureDetector处理
public boolean onTouchEvent(MotionEvent me){
return detector.onTouchEvent(me);
public boolean onDown(MotionEvent arg0) {
* 滑屏监测
public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,
float velocityY) {
float minMove = 120;
//最小滑动距离
float minVelocity = 0;
//最小滑动速度
float beginX = e1.getX();
float endX = e2.getX();
float beginY = e1.getY();
float endY = e2.getY();
if(beginX-endX&minMove&&Math.abs(velocityX)&minVelocity){
Toast.makeText(this,velocityX+&左滑&,Toast.LENGTH_SHORT).show();
}else if(endX-beginX&minMove&&Math.abs(velocityX)&minVelocity){
Toast.makeText(this,velocityX+&右滑&,Toast.LENGTH_SHORT).show();
}else if(beginY-endY&minMove&&Math.abs(velocityY)&minVelocity){
Toast.makeText(this,velocityX+&上滑&,Toast.LENGTH_SHORT).show();
}else if(endY-beginY&minMove&&Math.abs(velocityY)&minVelocity){
Toast.makeText(this,velocityX+&下滑&,Toast.LENGTH_SHORT).show();
public void onShowPress(MotionEvent arg0) {
// TODO Auto-generated method stub
public boolean onSingleTapUp(MotionEvent arg0) {
// TODO Auto-generated method stub
public void onLongPress(MotionEvent arg0) {
// TODO Auto-generated method stub
public boolean onScroll(MotionEvent e1, MotionEvent e2, float velocityX,
float velocityY) {如何设置让屏幕的菜单可以向一个方向循环滑动？？
来自 社区电脑版
貌似没办法，入手10天，还没发现
来自 vivo乐园
桌面设置里面有没有。？
来自 vivo乐园
个性搭配界面按一下设置键，然后进设置，把循环滑屏打开
926.jpg (425.16 KB, 下载次数: 8)
20:40 上传
931.jpg (135.91 KB, 下载次数: 10)
20:40 上传
来自 vivo乐园
个性搭配界面按一下设置键，然后进设置，把循环滑屏打开
太感谢了，设置好了
来自 社区电脑版
如何设置让屏幕的菜单可以向一个方向循环滑动？？
在手机个性搭配里，点第一个虚拟键可以设置
来自 vivo乐园
来自 社区电脑版
太感谢了，设置好了
嗯。。以后记住我啊
来自 vivo乐园
嗯。。以后记住我啊
506.jpg (431.22 KB, 下载次数: 10)
07:45 上传
貌似没有啊，求解。
来自 vivo乐园
貌似没有啊，求解。
我也没找到，下面没有那几个选项
来自 vivo乐园
24小时全国服务热线
400-678-9688
公众号：vivo智能手机
生活号：vivo智能手机
公众号：vivo智能手机
生活号：vivo智能手机
保存二维码再吸金!SE推出《最终幻想:全员勇者》钥匙扣
再吸金!SE推出《最终幻想:全员勇者》钥匙扣
再吸金!SE推出《最终幻想:全员勇者》钥匙扣
再吸金!SE推出《最终幻想:全员勇者》钥匙扣
再吸金!SE推出《最终幻想:全员勇者》钥匙扣
再吸金!SE推出《最终幻想:全员勇者》钥匙扣
再吸金!SE推出《最终幻想:全员勇者》钥匙扣
再吸金!SE推出《最终幻想:全员勇者》钥匙扣
威锋网7月10日消锋网7月10日消息，《植物大战僵尸2》 如今...
威锋网7月10日消息，《植物大...
近日，开发商 Esquilax Games ..
说到方块游戏，相信有很多朋友应该还会记得 Gavina Games 早...
威锋网7月10日消息，《植物大...
近日，开发商 Esquilax Games ..
说到方块游戏，相信有很多朋友应该还会记得 Gavina Games 早...
再吸金!SE推出《最终幻想:全员勇者》钥匙扣
再吸金!SE推出《最终幻想:全员勇者》钥匙扣
再吸金!SE推出《最终幻想:全员勇者》钥匙扣
再吸金!SE推出《最终幻想:全员勇者》钥匙扣
再吸金!SE推出《最终幻想:全员勇者》钥匙扣
再吸金!SE推出《最终幻想:全员勇者》钥匙扣
再吸金!SE推出《最终幻想:全员勇者》钥匙扣
再吸金!SE推出《最终幻想:全员勇者》钥匙扣
您需要通过验证再能继续浏览 3秒后开始验证
威锋旗下产品
Hi~我是威威！
　粤公网安备 11号
新三板上市公司威锋科技（836555）
增值电信业务经营许可证：
Powered by Discuz!在 SegmentFault，解决技术问题
每个月，我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。
一线的工程师、著名开源项目的作者们，都在这里：
获取验证码
已有账号？
问题对人有帮助，内容完整，我也想知道答案
问题没有实际价值，缺少关键内容，没有改进余地
当我使用手机浏览器或者微信浏览器打开网页的时候，上下滑动页面，页面就会出现黑色的空白(如图所示)。我应该怎么做才能禁止滑动。因为他现在和我的上下滑动手势冲突了，无法进行滑动操作。
来源: 微信开放平台问答
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
自问自答。事件监听添加禁止。
&script type='text/javascript'&
document.querySelector('body').addEventListener('touchstart', function (ev) {
event.preventDefault();
顺便说一下preventDefault()。
该方法将通知 Web 浏览器不要执行与事件关联的默认动作（如果存在这样的动作）。例如，如果 type 属性是 "submit"，在事件传播的任意阶段可以调用任意的事件句柄，通过调用该方法，可以阻止提交表单。注意，如果 Event 对象的 cancelable 属性是 fasle，那么就没有默认动作，或者不能阻止默认动作。无论哪种情况，调用该方法都没有作用。
换句话说，就是将这个元素的专属动作禁止。我见过有一些插件是这么写的。
$(document).on($('a'),'click',function(event){
event.preventDefault();
目的就是禁止的跳转。也就说明了event.preventDefault();可以禁止a元素的专属动作。
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
我按照你的代码 ，做了测试。
微信浏览器 是不能上下滑动了。
但是 ， 现在遇到个问题。
现在 页面里面也无法滚动了。
你那边有遇到这样的问题吗？？
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
大神 把你的代码复制上为什么不好使啊？求指导
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
&meta name="x5-fullscreen" content="true"&
&meta name="full-screen" content="yes"&
一直不太建议为了一些体验的问题来使用全局监听touch事件，这会让页面里的其他元素的一些属性出现问题。加上这两个meta放在head里，可以让微信，qq，uc浏览器使用全屏模式，全屏模式里，浏览器是不会上下左右滑动出现背景的。
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
你可以监听页面滑动的距离，当滑动到顶部的时候，你就把滑动的距离用一个变量接收到，然后用transform:translateY(-y);（y就是那个变量的值）意思就是你滑动到顶部了，滑动一点距离，你就把网页上移一点距离，这样子，那个背景就不会显示出来了（感觉应该可以实现吧，只是可能会出现不流畅的效果，没有亲测过）
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
张鑫旭大神的这篇博客给的方法很好用，推荐
该答案已被忽略，原因：
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
楼上有说“禁止touch默认事件”太粗暴，这导致div里面不能滚动，跟touch相关的事件都失效了。当你需要div内部内滑动，但是滑动到边缘时禁止滑动（禁止浏览器的滑动前进与后退功能触发），那么只需要滑动方向与滑动距离即可，距离：
div.addEventListener("touchstart",function(e){
scroll_start = e.changedTouches[0].clientX;
div.addEventListener("touchmove",function(e){
// 判断滑动的方向，只在滑动到边缘且用户继续往左滑动时禁止默认事件
if(div.scrollLeft===0&&e.changedTouches[0].clientX-scroll_start&0){
e.preventDefault && e.preventDefault();
e.returnValue =
e.stopPropagation && e.stopPropagation();
判断滑动的方向，只在滑动到边缘且用户继续往左滑动时禁止默认事件。
该答案已被忽略，原因：
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
亲测有效，替换overscroll(document.querySelector('你需要滚动的元素'));
该答案已被忽略，原因：
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
这个问题我是通过iscroll.js插件配合css实现的，选择body里的所有内容进行滚动，同时加上属性myScroll = new IScroll('#wrapper',{
bounce: false,
还要加上document.addEventListener('touchmove', function (e) { e.preventDefault(); }, isPassive() ? {
capture: false,
passive: false
} : false);
该答案已被忽略，原因：
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
如果是没有滚动条的页面可以 禁止滑动事件$('body').on('touchmove', function (event) {
event.preventDefault();
该答案已被忽略，原因：
同步到新浪微博
分享到微博？
关闭理由：
删除理由：
忽略理由：
推广（招聘、广告、SEO 等）方面的内容
与已有问题重复（请编辑该提问指向已有相同问题）
答非所问，不符合答题要求
宜作评论而非答案
带有人身攻击、辱骂、仇恨等违反条款的内容
无法获得确切结果的问题
非开发直接相关的问题
非技术提问的讨论型问题
其他原因（请补充说明）
我要该，理由是：}