#鸿蒙通关秘籍#如何实现SideBarContainer的嵌入与悬浮显示？

通过定义 SideBarContainer 的 type 可以设置侧边栏的不同显示方式。可以选择 SideBarContainerType.Embed 使侧边栏嵌入到组件内，与内容区并列显示；或者选择 SideBarContainerType.Overlay 让侧边栏悬浮在内容区上方。

bash @Entry @Component struct SideBarEmbedExample { build() { SideBarContainer(SideBarContainerType.Embed) { Column() { Text("嵌入显示侧边栏") .width("100%") .height("100%") .fontSize(30) .textAlign(TextAlign.Center) } .width(50) .height("100%") .backgroundColor("#aabbcc")

  Column() {
    Text("内容区域")
      .width("100%")
      .height("100%")
      .fontSize(30)
      .textAlign(TextAlign.Center)
  }
  .width("100%")
  .height("100%")
  .backgroundColor("#bbccaa")
}
.width("100%")
.height("100%")

} }