#鸿蒙通关秘籍#如何实现HarmonyOS NEXT底部面板分阶段滑动效果？

Panel(show) { 
  // Panel内组件内容
}
.miniHeight(MINI_PANEL_HEIGHT)
.type(PanelType.Foldable)
.mode(mode)
.draggable(false)
.halfHeight(HALF_PANEL_HEIGHT)
.onChange((width: number, height: number, mode: PanelMode) => {
  switch (mode) {
    case PanelMode.Full:
      this.mode = PanelMode.Full;
      this.isOpen = true;
      break;
    case PanelMode.Half:
      this.mode = PanelMode.Half;
      this.isOpen = false;
      break;
    case PanelMode.Mini:
      this.show = false;
  }
})
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.