OpenHarmony实战开发-如何实现组合手势

最新推荐文章于 2024-08-24 21:50:48 发布

码牛程序猿

最新推荐文章于 2024-08-24 21:50:48 发布

阅读量944

点赞数 10

分类专栏： HarmonyOS 鸿蒙工程师鸿蒙文章标签：华为鸿蒙开发 harmonyos 鸿蒙应用开发鸿蒙 HarmonyOS 鸿蒙系统

本文链接：https://blog.csdn.net/2401_82546228/article/details/138292149

版权

本文详细介绍了鸿蒙系统中GestureGroup的使用，区分了顺序识别、并行识别和互斥识别三种手势模式，通过实例展示了如何在长按和拖动等手势配合下实现特定功能，如位置调整。同时提供了鸿蒙开发的相关资源链接。

摘要由CSDN通过智能技术生成

组合手势由多种单一手势组合而成，通过在GestureGroup中使用不同的GestureMode来声明该组合手势的类型，支持顺序识别、并行识别和互斥识别三种类型。

GestureGroup(mode:GestureMode, gesture:GestureType[])

mode：为GestureMode枚举类。用于声明该组合手势的类型。
gesture：由多个手势组合而成的数组。用于声明组合成该组合手势的各个手势。

顺序识别

顺序识别组合手势对应的GestureMode为Sequence。顺序识别组合手势将按照手势的注册顺序识别手势，直到所有的手势识别成功。当顺序识别组合手势中有一个手势识别失败时，所有的手势识别失败。顺序识别手势组仅有最后一个手势可以响应onActionEnd。

以一个由长按手势和拖动手势组合而成的连续手势为例：

在一个Column组件上绑定了translate属性，通过修改该属性可以设置组件的位置移动。然后在该组件上绑定LongPressGesture和PanGesture组合而成的Sequence组合手势。当触发LongPressGesture时，更新显示的数字。当长按后进行拖动时，根据拖动手势的回调函数，实现组件的拖动。

// xxx.ets
@Entry
@Component
struct Index {
   
  @State offsetX: number = 0;
  @State offsetY: number = 0;
  @State count: number = 0;
  @State positionX: number = 0;
  @State positionY: number = 0;
  @State borderStyles: BorderStyle = BorderStyle.Solid

  build() {
   
    Column() {
   
      Text('sequence gesture\n' + 'LongPress onAction:' + this.count + '\nPanGesture offset:\nX: ' + this.offsetX + '\n' + 'Y: ' + this.offsetY)
        .fontSize(28)
    }
    // 绑定translate属性可以实现组件的位置移动
    .translate({
    x: this.offsetX, y: this.offsetY, z: 0 })
    .height(250)
    .width(300)
    //以下组合手势为顺序识别，当长按手势事件未正常触发时不会触发拖动手势事件
    .gesture(
      // 声明该组合手势的类型为Sequence类型
      GestureGroup(GestureMode.Sequence,
        // 该组合手势第一个触发的手势为长按手势，且长按手势可多次响应
        LongPressGesture({
    repeat: true })
          // 当长按手