温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

OpenHarmony菜单怎么设置

发布时间:2026-09-01 04:48:04 来源:亿速云 阅读:100 作者:小樊 栏目:软件技术

在 OpenHarmony 里“菜单”通常不是单一控件,而是按 使用场景 来分的。下面按最常见情况给你说明,你看看属于哪一种。


一、页面右上角菜单(Toolbar / Menu,ArkUI)

适用于:设置、更多操作(···)

1️⃣ 使用 Menu + Button

import { Menu, MenuItem } from '@ohos.arkui.advanced';

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

  build() {
    Column() {
      Button('菜单')
        .onClick(() => {
          this.showMenu = true
        })
        .bindMenu([
          {
            value: '设置',
            action: () => {
              console.info('点击设置')
            }
          },
          {
            value: '关于',
            action: () => {
              console.info('点击关于')
            }
          }
        ])
    }
  }
}

✅ 这是 OpenHarmony 推荐的菜单方式


二、Tab 菜单(底部导航)

适用于:首页、分类、我的

Tabs({ barPosition: BarPosition.End }) {
  TabContent() {
    Text('首页')
  }.tabBar('首页')

  TabContent() {
    Text('我的')
  }.tabBar('我的')
}

三、侧边菜单(Drawer)

适用于:设置、侧边栏

@Entry
@Component
struct Index {
  @State isOpen: boolean = false

  build() {
    SideBarContainer(SideBarContainerType.Embed) {
      Column() {
        Text('菜单1')
        Text('菜单2')
      }
      .width('60%')
    }
    .controlButton({
      onClick: () => {
        this.isOpen = !this.isOpen
      }
    })
  }
}

四、系统菜单(设置项)

如果你说的是 系统设置里的菜单(如 Wi-Fi、显示):

  • 属于 Settings 应用
  • 通过 @ohos.settings 或系统 API 控制
  • 普通应用一般不能改系统菜单

五、你具体想要哪一种?

你可以直接告诉我:

  • ✅ 是 应用内菜单 还是 系统菜单
  • ✅ 用 ArkTS / JS / eTS
  • ✅ 是 顶部 / 底部 / 侧边 / 弹窗菜单

我可以直接给你可运行示例。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI
助
手