如何实现事件透传,你会吗?

​例如在一个Stack中,有两个兄弟组件,组件A被组件B盖住,用户点击组件B时能否将点击事件透传至组件A,触发组件A的onClick回调而不触发组件B的onClick回调。

HarmonyOS
2024-01-21 12:56:02
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
荣光因缘来

组件B设置hitTestBehavior属性为HitTestMode.None即可。

代码示例

@Entry 
@Component 
struct StackExample { 
  build() { 
    Stack({ alignContent: Alignment.Bottom }) { 
      Text('A') 
        .width('90%') 
        .height('100%') 
        .backgroundColor(0xd2cab3) 
        .align(Alignment.Top) 
        .onClick(() => { 
          console.log('11111') 
        }) 
      Text('B') 
        .width('70%') 
        .height('60%') 
        .backgroundColor(0xc1cbac) 
        .align(Alignment.Top) 
        .hitTestBehavior(HitTestMode.None) 
        .onClick(() => { 
          console.log('1111122222') 
        }) 
    }.width('100%').height(150).margin({ top: 5 }) 
  } 
}

参考链接

触摸测试控制

分享
微博
QQ
微信
回复
2024-01-22 15:20:48