鸿蒙UI系统组件10——菜单(Menu)

果你也对鸿蒙开发感兴趣，加入“Harmony自习室”吧！扫描下面名片，关注公众号。

Menu是菜单接口，一般用于鼠标右键弹窗、点击弹窗等。

1、创建默认样式的菜单

菜单需要调用bindMenu接口来实现。bindMenu响应绑定组件的点击事件，绑定组件后手势点击对应组件后即可弹出。

Button('click for Menu')  .bindMenu([  {
  
      value: 'Menu1',    action: () => {
  
        console.info('handle Menu1 select')    }  }       ])

2、创建自定义样式的菜单

当默认样式不满足开发需求时，可使用@Builder自定义菜单内容。可通过bindMenu接口进行菜单的自定义。

step1: @Builder开发菜单内的内容​​​​​​​

@State select: boolean = trueprivate iconStr: ResourceStr = $r("app.media.v