【HarmonyOS开发】案例:黑马健康:记录数据时的弹出面板如何实现。

先使用@State定义一个状态变量,isShow 。来控制面板是否弹出展示。

@State isShow:boolean = false

给需要进行点击后便有页面弹出的地方添加点击事件 .onclick 

然后使用面板属性 .bindSheet 控制弹出面板。
在 .bindSheet 中 使用 $$ 绑定面板是否展示弹出的值(isShow)

使用@Builder封装弹出页面的样式组件,在 .bindSheet 中调用封装,

@Builder myBuilder(){
  Column(){
    ItemPanel()
  }
}

最后即可弹出页面。
  showClose 选择是否需要通过面板右上角的关闭按钮来进行关闭弹出的页面。
  enableOutsideInteractive: false, //不允许交互,显示蒙层  :是否在弹出的页面后显示弹出前的页面,若为true则不显示蒙层,弹出页面完全覆盖背后页面,false则是圆弧的边角页面,后面还有显示。

还有一些其他的属性性质参考官方文档,可以设置面板高度和其他等等。


代码如下:

.onClick(() => {
  this.isShow = true
})
.bindSheet($$this.isShow, this.myBuilder(), {
  showClose:false,
})
  • 4
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值