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

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

HarmonyOS
2024-10-16 09:44:04
浏览
收藏 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 })  
  }  
}

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

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

分享
微博
QQ
微信
回复
2024-10-16 16:00:31
相关问题
HarmonyOS 富文本点击事件
456浏览 • 1回复 待解决
HarmonyOS 动态UI点击事件处理
164浏览 • 1回复 待解决
HarmonyOS 屏幕点击事件监控代码
419浏览 • 1回复 待解决
HarmonyOS ImageSpan点击事件无法触发
464浏览 • 1回复 待解决
Slider拦截点击事件失败
286浏览 • 1回复 待解决