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

​例如在一个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
相关问题
两个重叠的组件如何实现事件
32浏览 • 1回复 待解决
customDialog焦点
379浏览 • 1回复 待解决
如何获取设备信息,
1125浏览 • 1回复 待解决
如何设置沉浸式窗口,
989浏览 • 1回复 待解决
如何使应用一键变灰,
1231浏览 • 1回复 待解决
如何实现多行输入,知道
885浏览 • 1回复 待解决
如何将点击事件传到下一层
846浏览 • 1回复 待解决
如何退出应用,了解
1142浏览 • 1回复 待解决
如何创建Toast窗口,知道
869浏览 • 1回复 待解决
实现接口的匿名实现
47浏览 • 1回复 待解决
如何获取系统时间戳,知道
1544浏览 • 1回复 待解决
如何后台播放音乐,知道
1144浏览 • 1回复 待解决
如何获取屏幕宽高,知道
1199浏览 • 1回复 待解决
如何保持屏幕常亮,知道
1148浏览 • 1回复 待解决
使用鸿蒙js可以实现禁用事件
2935浏览 • 1回复 已解决
如何主动拉起软键盘,知道
1136浏览 • 1回复 待解决
如何获取图片的宽高,知道
1016浏览 • 1回复 待解决
愿意尝试华为「鸿蒙」系统?
9030浏览 • 6回复 待解决
是否提供日历组件,了解
805浏览 • 1回复 待解决
如何实现H5自定义事件
1053浏览 • 1回复 待解决