**左滑：**y坐标不变，x坐标变小
**右滑：**y坐标不变，x坐标变大
**下滑：**x坐标不变，y坐标变小
**上滑：**x坐标不变，y坐标变大
二、代码实现
======
2.1 坐标获取
MainAbilitySlice实现Component.TouchEventListener接口，重写onTouchEvent方法，在onTouchEvent方法中，我们可以通过方法参数TouchEvent对象获取坐标相关信息
// getPointerPosition()方法的参数指的是手指的索引
//可能存在多个手指同时滑动，比如小米手机三个手指头同时向下滑动截屏
// 目前这里只有一个手指头滑动，所以传入0
MmiPoint pointerPosition = touchEvent.getPointerPosition(0);
// 获取当前x坐标
float x = pointerPosition.getX();
// 获取当前y坐标
float y = pointerPosition.getY();
完整的代码如下，这个代码并未考虑区间范围，只是用来演示坐标的获取
package com.liziba.demo.slice;
import com.liziba.demo.ResourceTable;
import ohos.aafwk.ability.AbilitySlice;
import ohos.aafwk.content.Intent;
import ohos.agp.components.Component;
import ohos.agp.components.DirectionalLayout;
import ohos.agp.components.Text;
import ohos.multimodalinput.event.MmiPoint;
import ohos.multimodalinput.event.TouchEvent;
public class MainAbilitySlice extends AbilitySlice implements Component.TouchEventListener {
/** 文本组件 */
Text text;
@Override
public void onStart(Intent intent) {
super.onStart(intent);
super.setUIContent(ResourceTable.Layout_ability_main);
// 通过id寻找组件对象
// 1、找到布局对象
DirectionalLayout layout = (DirectionalLayout) this.findComponentById(ResourceTable.Id_dl);
// 2、找到文本对象
text = (Text) this.findComponentById(ResourceTable.Id_text_helloworld);
// 3、给整个布局DirectionalLayout添加滑动事件
layout.setTouchEventListener(this);
}
@Override
public void onActive() {
super.onActive();
}
@Override
public void onForeground(Intent intent) {
super.onForeground(intent);
}
/**
* 滑动事件触发后调用的方法
* @param component 滑动事件触发的组件 -- 这里是DirectionalLayout
* @param touchEvent 事件的类型，上面有说到三种按下、滑动、抬起，其实有更多,如下所示
* public static final int CANCEL = 6;
* public static final int HOVER_POINTER_ENTER = 7;
* public static final int HOVER_POINTER_EXIT = 9;
* public static final int HOVER_POINTER_MOVE = 8;
* public static final int NONE = 0;
* public static final int OTHER_POINT_DOWN = 4;
* public static final int OTHER_POINT_UP = 5;
* public static final int POINT_MOVE = 3;
* public static final int PRIMARY_POINT_DOWN = 1;
* public static final int PRIMARY_POINT_UP = 2;
* @return
*/
@Override
public boolean onTouchEvent(Component component, TouchEvent touchEvent) {
// 通过id比较可以验证component组件就是DirectionalLayout
MmiPoint pointerPosition;
float x;
float y;
int id = component.getId();
if (id == ResourceTable.Id_dl) {
// 操作类型
int action = touchEvent.getAction();
if (TouchEvent.PRIMARY_POINT_DOWN == action) {
// 按下操作
// getPointerPosition()方法的参数指的是手指的索引，可能存在多个手指同时滑动，比如小米手机三个手指头同时向下滑动截屏
// 目前这里只有一个手指头滑动，所以传入0
pointerPosition = touchEvent.getPointerPosition(0);
x = pointerPosition.getX();
y = pointerPosition.getY();
text.setText("按下："+ x + "--" + y);
} else if (TouchEvent.POINT_MOVE == action) {
// 滑动操作 过程我们不需要考虑，我们只确定按下时的位置和松开的位置进行比较
pointerPosition = touchEvent.getPointerPosition(0);
x = pointerPosition.getX();
y = pointerPosition.getY();
text.setText("滑动："+ x + "--" + y);
} else if (TouchEvent.PRIMARY_POINT_UP == action) {
// 松开操作
pointerPosition = touchEvent.getPointerPosition(0);
x = pointerPosition.getX();
y = pointerPosition.getY();
text.setText("松开：" + x + "--" + y);
}
}
// 返回值需要修改为true
return true;
}
}
我们通过按下、滑动、松开来测试效果
2.2 判断滑动方向
此时我们在TouchEvent.PRIMARY_POINT_UP == action操作中去判断x和y的变化，我们需要定义四个变量来分别记录起始的x和y的值和结束的x和y的值。
float startX;float startY;float endX;float endY;
注意这里不能放到方法中，需要提取到类的成员变量。
package com.liziba.demo.slice;
import com.liziba.demo.ResourceTable;
import ohos.aafwk.ability.AbilitySlice;
import ohos.aafwk.content.Intent;
import ohos.agp.components.Component;
import ohos.agp.components.DirectionalLayout;
import ohos.agp.components.Text;
import ohos.multimodalinput.event.MmiPoint;
import ohos.multimodalinput.event.TouchEvent;
public class MainAbilitySlice extends AbilitySlice implements Component.TouchEventListener {
/** 文本组件 */
Text text;
@Override
public void onStart(Intent intent) {
super.onStart(intent);
super.setUIContent(ResourceTable.Layout_ability_main);
// 通过id寻找组件对象
// 1、找到布局对象
DirectionalLayout layout = (DirectionalLayout) this.findComponentById(ResourceTable.Id_dl);
// 2、找到文本对象
text = (Text) this.findComponentById(ResourceTable.Id_text_helloworld);
// 3、给整个布局DirectionalLayout添加滑动事件
layout.setTouchEventListener(this);
}
@Override
public void onActive() {
super.onActive();
}
@Override
public void onForeground(Intent intent) {
super.onForeground(intent);
}
float startX;
float startY;
float endX;
float endY;
/**
* 滑动事件触发后调用的方法
* @param component 滑动事件触发的组件 -- 这里是DirectionalLayout
* @param touchEvent 事件的类型，上面有说到三种按下、滑动、抬起，其实有更多,如下所示
* @return
*/
@Override
public boolean onTouchEvent(Component component, TouchEvent touchEvent) {
// 通过id比较可以验证component组件就是DirectionalLayout
MmiPoint pointerPosition;
int id = component.getId();
if (id == ResourceTable.Id_dl) {
// 操作类型
int action = touchEvent.getAction();
if (TouchEvent.PRIMARY_POINT_DOWN == action) {
// 按下操作
// getPointerPosition()方法的参数指的是手指的索引，可能存在多个手指同时滑动，比如小米手机三个手指头同时向下滑动截屏
// 目前这里只有一个手指头滑动，所以传入0
网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。
一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
