OpenHarmony菜单如何监听

在 OpenHarmony（ArkUI） 中，“菜单”通常指 Menu / ContextMenu / 自定义菜单，不同场景监听方式不同。下面按常见用法说明。

一、系统菜单（Menu）监听选择项

1️⃣ 使用 Menu + MenuItem

import { Menu, MenuItem } from '@kit.ArkUI'

@Entry
@Component
struct Index {
  @State selectText: string = ''

  build() {
    Column() {
      Button('显示菜单')
        .onClick((event) => {
          Menu.show({
            x: 100,
            y: 100,
            items: [
              new MenuItem('复制')
                .onClick(() => {
                  this.selectText = '复制'
                }),
              new MenuItem('粘贴')
                .onClick(() => {
                  this.selectText = '粘贴'
                })
            ]
          })
        })

      Text(this.selectText)
    }
  }
}

✅ 监听方式：
每个 MenuItem 的 onClick 就是菜单项监听。

二、右键 / 长按菜单（ContextMenu）

2️⃣ bindContextMenu 监听

@Entry
@Component
struct Index {
  @State msg: string = ''

  build() {
    Column() {
      Text('长按或右键我')
        .fontSize(20)
        .bindContextMenu(
          [
            new MenuItem('选项A').onClick(() => this.msg = 'A'),
            new MenuItem('选项B').onClick(() => this.msg = 'B')
          ],
          { x: 0, y: 0 }
        )

      Text(this.msg)
    }
  }
}

✅ 监听方式：
通过 MenuItem.onClick 监听用户选择。

三、自定义菜单（推荐，最灵活）

3️⃣ 用 @State + Column 模拟菜单

@Entry
@Component
struct Index {
  @State showMenu: boolean = false
  @State result: string = ''

  build() {
    Stack() {
      Button('打开菜单')
        .onClick(() => this.showMenu = true)

      if (this.showMenu) {
        Column() {
          Text('菜单项1')
            .onClick(() => {
              this.result = '菜单项1'
              this.showMenu = false
            })
          Text('菜单项2')
            .onClick(() => {
              this.result = '菜单项2'
              this.showMenu = false
            })
        }
        .backgroundColor('#fff')
        .padding(10)
      }

      Text(this.result)
    }
  }
}

✅ 监听方式：
直接对 Text / Button 使用 onClick。

四、菜单关闭监听（重点）

⚠️ OpenHarmony 原生 Menu 没有“关闭回调”
常见解决方案：

✅ 方法 1：点击空白关闭

.onClick(() => {
  this.showMenu = false
})

✅ 方法 2：自定义菜单 + 状态监听

@Watch('onMenuChange')
@State showMenu: boolean = false

onMenuChange() {
  console.info('菜单状态:', this.showMenu)
}

五、常见监听总结

如果你能告诉我：

• ✅ OpenHarmony 版本（3.x / 4.x / 5.x）
• ✅ 用的是 ArkTS / JS / eTS
• ✅ 是 系统菜单 / 右键菜单 / 自定义菜单

我可以给你 更精确的示例代码。