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

为实现底部面板的分阶段滑动效果，可通过设置Panel组件的mode属性来定义不同的展开模式。利用miniHeight、halfHeight分别控制最小和半展开高度。当onChange事件触发时，根据模式变化调整Panel的高度。

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;
  }
})