HarmonyOS应用中实现复杂手势识别的方法有哪些？

Question

HarmonyOS应用中实现复杂手势识别的方法有哪些？

Answer 1

在 HarmonyOS 中，可以使用手势控件如 SwipeGesture 实现特定手势识别。对于区分左滑和右滑，可以实现 onAction(event:(event: GestureEvent) => void)监听，回调对象 GestureEvent 可以区分左右。例如，offsetX number 手势事件偏移量 X，单位为 vp，用于 PanGesture 手势触发场景，从左向右滑动 offsetX 为正，反之为负。

以下是一个在 HarmonyOS Next 中使用 SwipeGesture 实现左右滑动手势识别的例子：

import { SwipeGesture, Direction } from '@ohos.app.ability.UIExtension';

@Entry
@Component
struct GestureExample {
  @ message: string = '';

  build() {
    Column() {
      Text(this.message).fontSize(20);
      SwipeGesture({ direction: Direction.Horizontal })
       .onAction((event: GestureEvent) => {
          if (event.offsetX > 0) {
            this.message = '向右滑动';
          } else {
            this.message = '向左滑动';
          }
        })
       .width('100%').height('100%');
    }
  }
}

在这个例子中，通过 SwipeGesture 监听水平方向的滑动手势，根据手势事件的偏移量判断是向左滑动还是向右滑动，并更新页面上的文本显示。