鸿蒙开发,抽屉式侧边导航SideBarContainer设置遮罩

行业动态 公司新闻 案例分享 技术百科

鸿蒙开发,抽屉式侧边导航SideBarContainer设置遮罩

来源:奇站网络 浏览量:148 发布日期: 2024-10-22

SideBarContainer

提供侧边栏可以显示和隐藏的侧边栏容器,通过子组件定义侧边栏和内容区,第一个子组件表示侧边栏,第二个子组件表示内容区。

遮罩

在内容区设置遮罩层组件,并设置背景和层级,通过this.show在侧边栏展开时显示遮罩

  1. Stack() {
  2. //内容
  3. //遮罩
  4. if(this.show){
  5. Column() {
  6. }
  7. .width('100%')
  8. .height('100%')
  9. .backgroundColor('#90000000')
  10. .zIndex(9)
  11. }
  12. }
  13. .onClick(() => {
  14. animateTo({
  15. duration: 100,
  16. curve: Curve.EaseOut,
  17. playMode: PlayMode.Normal,
  18. }, () => {
  19. this.show = false;
  20. })
  21. })
  22. .width('100%')
  23. .height('100%')
标签:

厦门奇站网络科技有限公司

电话:13313868605

QQ:3413772931

地址:厦门集美区软件园三期

网站地图


                    扫一扫加我咨询