HarmonyOS 鸿蒙Next 手势组合事件

如果需要父子组件所绑定的手势不发生冲突，均可响应，可以使用并行的方式在父组件绑定手势。

ComponentA() {
    ComponentB()
    .gesture(TapGesture({count: 1}))
}
.parallelGesture(TapGesture({count: 1}))

当父组件以.parallelGesture的形式绑定手势时，父组件和子组件所绑定的手势均可触发。

此时，单击组件list区域范围，Column和list的点击手势均会触发。

const MIN_HEIGHT: number = 200; // 最小高度
const MAX_HEIGHT: number = 600; // 最大高度

@Entry
@Component
export struct SlideUpPanelWithGesture {
  @State private boxHeight: number = MIN_HEIGHT; // 控件高度
  private isAtTop: boolean = true; // 滚动内容是否在顶部
  private isAtBottom: boolean = false; // 滚动内容是否在底部
  @State private isDragging: boolean = false; // 是否处于拖动模式
  TAG: string = "SlideUpPanelWithGesture"

  build() {
    Column() {
      // 可滚动内容区域
      List() {
        ForEach(this.createArray(20), (item: number) => {
          ListItem() {
            Text(`内容行 ${item}`).fontSize(18).padding(10);
          }
        });
      }
      .height(this.boxHeight) // 动态高度
      .onWillScroll((offset: number, state: ScrollState) => {
        // 检测是否滚动到顶部或底部
        console.info(this.TAG, "onWillScroll.....")
        this.isAtTop = offset <= 0;
        this.isAtBottom = offset >= this.getMaxScrollOffset();
      })

    }
    .backgroundColor(0xf0f0f0)
    .parallelGesture(
      GestureGroup(GestureMode.Parallel, //并行模式
        PanGesture({ direction: PanDirection.Vertical })
          .onActionUpdate((event: GestureEvent) => {
            if (event) {
              console.info('fu Pan upadte')
            }
          })
      )
    );
  }

  // 判断是否可以进入拖动模式
  private shouldDrag(velocityY: number): boolean {
    // 如果在顶部且向下拉，或者在底部且向上拉，则允许拖动
    return (this.isAtTop && velocityY > 0) || (this.isAtBottom && velocityY < 0);
  }

  // 动态调整控件高度
  private adjustBoxHeight(offset: number) {
    this.boxHeight = Math.max(MIN_HEIGHT, Math.min(MAX_HEIGHT, this.boxHeight + offset));
  }

  // 模拟获取内容可滚动的最大偏移量
  private getMaxScrollOffset(): number {
    return 500; // 假设最大滚动距离
  }

  // 创建虚拟内容
  // 辅助方法：生成固定长度的数组
  private createArray(length: number): number[] {
    const array: number[] = [];
    for (let i = 1; i <= length; i++) {
      array.push(i);
    }
    return array;
  }
}

谢谢，可以达到共存。

还想问下，如果想达到一定程度父子手势切换(即某个状态下为父手势生效，某个状态切为子手势)，本地将并行模式Parallel—》切为了互斥Exclusive。发现他们并没用互斥，还是会并发拿。