OpenHarmony实战开发-如何调用bindMenu接口来实现菜单（Menu）

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

创建默认样式的菜单

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

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

创建自定义样式的菜单

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

@Builder开发菜单内的内容

class Tmp {
   
  iconStr2: ResourceStr = $r("app.media.view_list_filled")

  set(val: Resource) {
   
    this.iconStr2 = val
  }
}

@Entry
@Component
struct menuExample {
   
  @State select: boolean = true
  private iconStr: ResourceStr = $r("app.media.view_list_filled")
  private iconStr2: ResourceStr = $r("app.media.view_list_filled"