判断手指滑动方向 -- Android 学习之路

通过onTouchEvent 事件实现判断手指滑动方向

今天在做2048的时候遇到的一个知识点，这里做一下总结

用到的知识点

Android屏幕坐标系

常用的触发事件

判断滑动方向

获取手指触屏时的坐标

Android 屏幕坐标系

看张图 一目了然：



整个屏幕就是一个坐标系 ，左上角是 0.0 右下角是 X轴最大值和Y轴的最大值

常用的触屏事件

MotionEvent.ACTION_DOWN: 这个按下手指时触发的

MotionEvent.ACTION_MOVE: 移动时触发 ，我测试发现 按着不动也会触发

MotionEvent.ACTION_UP: 抬起时触发

MotionEvent.ACTION_CANCEL: 取消触发事件 这个系统 不会自动调用 由代码来执行

这里我只用到了按下(MotionEvent.ACTION_DOWN)和抬起(MotionEvent.ACTION_UP)

判断滑动方向

先来看一张右划轨迹图



通过上面这个图可以看出滑动轨迹 ，我可以通过 比较 X轴和Y轴的移动距离 来判断是沿哪个轴移动的，哪个轴上的移动距离大就是沿哪个轴移动，拿上面这个右划动 示例：X轴的移动距离明显比Y轴大 ，所以得出是沿X轴移动 那么不是左划就是右划 ，那具体是左还是右呢，我可以让抬起时的X坐标减去 按下时的坐标 8-4 =4 是正数 那么就是 右划动 相反 负数就是左滑动

贴代码

package com.skymxc.demo.toucheventdemo;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.util.Log;
import android.view.MotionEvent;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity {

private float downX ;    //按下时 的X坐标
private float downY ;    //按下时 的Y坐标
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
}

/**
* 触屏事件
* @param event
* @return
*/
@Override
public boolean onTouchEvent(MotionEvent event) {
String action = "";
//在触发时回去到起始坐标
float x= event.getX();
float y = event.getY();
switch (event.getAction()){
case MotionEvent.ACTION_DOWN:
//将按下时的坐标存储
downX = x;
downY = y;
Log.e("Tag","=======按下时X："+x);
Log.e("Tag","=======按下时Y："+y);
break;
case MotionEvent.ACTION_UP:
Log.e("Tag","=======抬起时X："+x);
Log.e("Tag","=======抬起时Y："+y);

//获取到距离差
float dx= x-downX;
float dy = y-downY;
//防止是按下也判断
if (Math.abs(dx)>8&&Math.abs(dy)>8) {
//通过距离差判断方向
int orientation = getOrientation(dx, dy);
switch (orientation) {
case 'r':
action = "右";
break;
case 'l':
action = "左";
break;
case 't':
action = "上";
break;
case 'b':
action = "下";
break;
}
Toast.makeText(MainActivity.this, "向" + action + "滑动", Toast.LENGTH_SHORT).show();
}
break;
}
return super.onTouchEvent(event);
}

/**
* 根据距离差判断 滑动方向
* @param dx X轴的距离差
* @param dy Y轴的距离差
* @return 滑动的方向
*/
private int getOrientation(float dx, float dy) {
Log.e("Tag","========X轴距离差："+dx);
Log.e("Tag","========Y轴距离差："+dy);
if (Math.abs(dx)>Math.abs(dy)){
//X轴移动
return dx>0?'r':'l';
}else{
//Y轴移动
return dy>0?'b':'t';
}
}

}

项目地址：https://github.com/sky-mxc/TouchEvent

暂时就这些吧。哪里不对的地方，欢迎指正