Panel 组件的遮罩区域能否配置为不生效?

Panel 组件的遮罩区域能否配置为不生效?

HarmonyOS
2024-06-05 21:21:35
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
wjmfzsz

伙伴期望:Panel 存在时,未被 Panel 覆盖的区域,仍然可以交互。稍作修改后,并未发现 未被 Panel 覆盖的区域不能交互的情况,请伙伴在真机上测试一下

示例代码

@Entry 
@Component 
struct PanelExample { 
  @State show: boolean = false 
  @State message : string = "Hello World" 
  @State i : number = 0; 
  build() { 
    Column() { 
      Text(this.message) 
        .width('90%') 
        .height(50) 
        .borderRadius(10) 
        .backgroundColor(0xFFFFFF) 
        .padding({ left: 20 }) 
        .onClick(() => { 
          this.show = !this.show 
        }) 
      Button("TEST+1") 
        .onClick(()=>{ 
          this.i++; 
          this.message = "Hello World chick number:" + this.i 
        }) 
      Panel(this.show) { // 展示日程 
        Column() { 
          Text('Today Calendar') 
          Divider() 
          Text('1. afternoon 4:00 The project meeting') 
        } 
      } 
      .type(PanelType.Minibar) 
      .mode(PanelMode.Half) 
      .dragBar(true) // 默认开启 
      .halfHeight(500) // 默认一半 
      .showCloseIcon(true) // 显示关闭图标 
      .onChange((width: number, height: number, mode: PanelMode) => { 
        console.info(`width:${width},height:${height},mode:${mode}`) 
      }) 
    }.width('100%').height('100%').backgroundColor(0xDCDCDC).padding({ top: 5 }) 
  } 
}

参考链接

PanelDemo

分享
微博
QQ
微信
回复
2024-06-06 21:50:13
相关问题
panel组件点击区域问题
3224浏览 • 1回复 待解决
容器组件onVisibleAreaChange生效
474浏览 • 1回复 待解决
Web组件onKeyEvent键盘事件生效
611浏览 • 1回复 待解决
在嵌套组件中Scroll生效
661浏览 • 1回复 待解决
List组件initialIndex属性设置生效
568浏览 • 1回复 待解决
用数组变量控制组件属性生效
563浏览 • 1回复 待解决
ConstraintSize尺寸设置生效
888浏览 • 1回复 待解决
textfield截断属性生效
1277浏览 • 1回复 待解决
使用position之后height生效
739浏览 • 1回复 待解决
音频播放长时任务生效
478浏览 • 1回复 待解决
通过WindowProperties设置属性生效
677浏览 • 1回复 待解决
Left、Top为什么生效
317浏览 • 1回复 待解决
创建单例换了页面后生效问题
699浏览 • 1回复 待解决
引导遮罩效果实现最佳方案
306浏览 • 1回复 待解决