HarmonyOS 多层级手势事件控制咨询

组件A和组件B是兄弟组件,两个是叠在一起的全屏大小的组件,上方的组件B有两个子组件C和D。目前想要的效果是组件D自身响应手势,组件C将手势透传到下方的组件A。

HarmonyOS
1天前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
put_get

可以给组件C设置属性.hitTestBehavior(HitTestMode.None)将手势透传给父组件B,再给组件B也设置属性.hitTestBehavior(HitTestMode.None)将手势透传给兄弟组件A,代码如下:

@Entry
@Component
struct Index {
  build() {
    Stack() {
      Row()
        .height('100%')
        .width('100%')
        .backgroundColor(Color.Red)
        .gesture(
          TapGesture()
            .onAction((event: GestureEvent | undefined) => {
              if (event) {
                console.log('TAG== Red')
              }
            }))
      Column() {
        Row()
          .height('40%')
          .width('90%')
          .backgroundColor(Color.Green)
          .hitTestBehavior(HitTestMode.None)
          .gesture(
            TapGesture()
              .onAction((event: GestureEvent | undefined) => {
                if (event) {
                  console.log('TAG== Green')
                }
              }))
        Row()
          .height('40%')
          .width('90%')
          .backgroundColor(Color.Blue)
          .gesture(
            TapGesture()
              .onAction((event: GestureEvent | undefined) => {
                if (event) {
                  console.log('TAG== Blue')
                }
              }))
      }
      .hitTestBehavior(HitTestMode.None)
      .gesture(
        TapGesture()
          .onAction((event: GestureEvent | undefined) => {
            if (event) {
              console.log('TAG== Row')
            }
          }))
    }
    .width('100%')
    .height('100%')
  }
}
分享
微博
QQ
微信
回复
1天前
相关问题
HarmonyOS CustomDialog显示层级如何控制
34浏览 • 1回复 待解决
如何控制CustomDialog显示层级
689浏览 • 1回复 待解决
har 包多层依赖打包问题咨询
320浏览 • 1回复 待解决
HarmonyOS 手势事件上报问题
106浏览 • 1回复 待解决
HarmonyOS 如何从子组件控制手势分发
472浏览 • 1回复 待解决
HarmonyOS 事件独占控制问题
365浏览 • 1回复 待解决
HarmonyOS 事件传递最佳实践咨询
66浏览 • 1回复 待解决