HarmonyOS opacity配置后点击事件表现和其他平台不太相同

在给元素设置了opacity(0)之后,元素还是可以相应 onClick 事件并拦截下层点击。在通过 onTouchIntercept 、设置之后能在第一层帮助点击事件透传,但是元素内的其他元素还是会拦截掉onClick事件。

HarmonyOS
2024-10-16 09:44:04
66浏览
收藏 0
回答 1
回答 1
按赞同
/
按时间
Heiang

事件透传参考demo:

@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 })  
  }  
}
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.

opacity设置为0 只是显示上隐藏了 但是还是会占位,所以事件还会响应,给这个透明的组件添加了.hitTestBehavior(HitTestMode.None),这个属性的效果就是自身不响应,但是子节点和兄弟节点都还会响应。

这个就是这么设计的,想要的那种效果就给设置透明的组件设置.hitTestBehavior(HitTestMode.None) 让他自身不响应,再给他的子组件也设置.hitTestBehavior(HitTestMode.None) ,子组件就不会响应了,就只有设置透明的组件的兄弟组件会响应。

分享
微博
QQ
微信
回复
2024-10-16 16:00:31


相关问题
HarmonyOS 点击事件过滤
527浏览 • 1回复 待解决
HarmonyOS ReactNavigation点击事件穿透
497浏览 • 1回复 待解决
HarmonyOS 卡片点击事件失效
663浏览 • 1回复 待解决
HarmonyOS 富文本点击事件
1346浏览 • 1回复 待解决
HarmonyOS 点击事件判定问题
700浏览 • 1回复 待解决
HarmonyOS 点击事件监听问题
672浏览 • 1回复 待解决
HarmonyOS 如何hook点击事件
705浏览 • 1回复 待解决
HarmonyOS 屏幕点击事件监控代码
944浏览 • 1回复 待解决
HarmonyOS XComponent没有点击事件
518浏览 • 1回复 待解决
HarmonyOS 动态UI点击事件处理
826浏览 • 1回复 待解决