HarmonyOS（鸿蒙）——滑动事件之上、下、左、右滑动

本文已收录于专栏

❤️《鸿蒙开发》❤️

欢迎各位关注、三连博主的文章及专栏，每周定期更新1-5篇基础文章，共勉！

---

目录

一、简述

二、代码实现

2.1 坐标获取

2.2 判断滑动方向

2.3 总结

---

一、简述

滑动事件有多个步骤组成，它不是一个简单的事件，它需要多个动作来共同完成，滑动根据方向不同分为向上滑动、向下滑动、向左滑动和向右滑动。在现如今移动互联网和短视频等行业的迅猛发展，滑动事件大家都非常的熟悉，尤其是抖音、快手这些快餐式的娱乐小视频，一滑就停不下来。
日常生活中，我们经常使用坐标系来确定位置，在手机中也是如此，手机的坐标系是三维立体空间，分为x、y、z轴，以屏幕左上角为坐标轴原点，水平方向为x轴，竖直方向为y轴，垂直于屏幕方向为z轴。z轴我们平时使用的相对较少。

在手机滑动过程中，我们通过记录手指按下时的坐标和松开时手指的坐标，计算坐标的差值就可以判断是属于左滑、右滑、上滑、下滑等操作。由于我们滑动的过程中，不可能完全在保证x或y的坐标不变，也就是说手指比较粗滑动快，无论向左、向右、向上、向下滑动都会有一定的误差，而这个误差范围内我们是可以视为一个方向的滑动，因此滑动是在被允许的区间范围内发生。
​

注意下面所有的不变，都是在区间范围内的不变，假如被允许的区间是5，起始位置0，那么结束位置在+5和-5这个范围之内滑动，都是可以视为不变的。
左滑：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.multimo