鸿蒙（HarmonyOS）项目方舟框架（ArkUI）之MenuItemGroup组件

最新推荐文章于 2025-05-14 12:20:39 发布

原创最新推荐文章于 2025-05-14 12:20:39 发布 · 444 阅读

10 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#harmonyos #华为

收录于

本文详细介绍了鸿蒙HarmonyOS3.1的方舟框架ArkUI中的MenuItemGroup组件，包括其用途、子组件、接口参数和示例。重点讲解了如何使用MenuItemGroupOptions配置菜单组标题和尾部信息。

鸿蒙（HarmonyOS）项目方舟框架（ArkUI）之MenuItemGroup组件

一、操作环境

操作系统: Windows 10 专业版、IDE:DevEco Studio 3.1、SDK:HarmonyOS 3.1+

二、MenuItemGroup组件

该组件用来展示菜单MenuItem的分组。

子组件

无。

接口

MenuItemGroup(value?: MenuItemGroupOptions)

参数

参数	类型	必填	参数描述
value	MenuItemGroupOptions	否	包含设置MenuItemGroup的标题和尾部显示信息。

MenuItemGroupOptions类型说明

名称	类型	必填	描述
header	ResourceStr \| CustomBuilder	否	设置对应group的标题显示信息。
footer

三、示例

详见Menu组件示例。

你有时间常去我家看看我在这里谢谢你啦...

我家地址:亚丁号

最后送大家一首诗:

山高路远坑深,
大军纵横驰奔,

谁敢横刀立马？
惟有点赞加关注大军。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

灬沙海灬

关注关注

10
点赞
踩
10

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

第九节HarmonyOS 常用基础组件23-Menu、MenuItem、MenuItemGroup

yyxhzdm的博客

01-31

665

onChange - (selsected:boolean) => void - 当选中状态发生变化时，触发该回调，只有手动触发且MenuItem状态改变时才会触发onChange回调。selected - boolean - 设置菜单项是否选中，默认值：false。selectIcon - boolean -当菜单被选中时，是否显示被选中的图标。fontSize - Length - 统一设置Menu中所有文本的尺寸。MenuItem：用来展示菜单Menu中具体的item菜单项。Item的内容信息。

参与评论您还未登录，请先登录后发表或查看评论

#跟着若城学鸿蒙# HarmonyOS NEXT学习之MenuItemGroup组件详解

yangcy9的博客

05-14

366

MenuItemGroup组件是HarmonyOS NEXT中用于管理和组织MenuItem的容器组件。它提供了对菜单项进行分组管理的能力，可以更好地组织和展示具有层次关系的菜单结构。Row() {.width(24)Text('系统设置')本文详细介绍了 HarmonyOS NEXT 中的组件及其使用方法。是一个用于管理和组织MenuItem的容器组件，支持分组标题、统一样式控制和状态管理。通过基本用法、自定义标题和状态控制等示例，展示了如何在实际开发中灵活使用组件。

#跟着若城学鸿蒙# HarmonyOS NEXT学习之MenuItemGroup案例四：分组操作菜单实现

yangcy9的博客

05-14

314

本案例将展示如何使用MenuItemGroup组件实现一个分组操作菜单。通过合理的组件组织和状态管理，我们将创建一个支持多级操作的菜单系统，适用于复杂的操作场景。本案例通过使用组件实现了一个分组操作菜单，支持多级操作分组、快捷键显示、操作权限控制和状态动态更新。通过合理的组件组织和状态管理，实现了复杂的操作场景需求。这种分组操作菜单适用于需要提供多样化操作选项的应用场景，能够为用户提供高效且直观的操作体验。

鸿蒙（HarmonyOS）项目方舟框架（ArkUI）之Menu组件

zdh13370188237的博客

02-14

973

鸿蒙（HarmonyOS）项目方舟框架（ArkUI）之Menu组件。

#跟着若城学鸿蒙# HarmonyOS NEXT学习之MenuItemGroup案例二：分组设置菜单实现

热门推荐

robertzsun

07-24

10万+

初学者，刚接触，用到不知道怎么回事刚接触，今天就特意各种粘贴复制示例代码，终于自己试出来了，具体的结构层级关系。看完就能知道这个menu的结构上怎么组织和使用 1. 我准备的示例：先上代码，格式加了空行，方便看结构：（前期模板组件的导入和注册都略过了） <el-menu default-active="2" class="el-menu-vertical-demo" @open="handleOpen" @close="handleClose" background-color="#

Unity中MenuItem可以加的快捷键

koo叔的博客

08-10

5732

前言在Unity开发中，往往要加一些自定义的编辑器脚本或命令，在Unity菜单中执行，对于经常使用的自定义命令，每次用鼠标去选中比较麻烦，那可以加快捷键来提高效率自定义菜单支持如下几种快捷键： % - CTRL on Windows / CMD on OSX ‘# - Shift’ & -Alt LEFT/RIGHT/UP/DOWN - Arrow keys F1 … F2...

Menu详解（二）：利用XML生成菜单和子菜单

启舰

08-20

1万+

前言：上篇，我们说了有关代码生成菜单和子菜单的方法，这里我们再讲讲有关利用XML生成菜单和子菜单的问题。业精于勤，荒于嬉，行成于思，毁于随（日拱一卒）系列文章： 1、《Menu详解（一）：代码实现系统菜单及子菜单》 2、《Menu详解（二）：利用XML生成菜单和子菜单》 3、《Menu详解（三）：使用上下文菜单》一、XML布局在我们新建工程时，系统...

Menu菜单用法全面讲解

qq_32534441的博客

04-30

1万+

（1）配置Item 我们可以在res中的menu文件夹中新建一个一个menu文件 <menu xmlns:android="http://schemas.android.com/apk/res/android"> <item android:id="@+id/next" android:icon="@mipmap/back" ...

Android Menu用法全面讲解

CodingEnding的博客

11-23

2万+

菜单（Menu）是Android应用中非常重要且常见的组成部分，主要可以分为三类：选项菜单、上下文菜单/上下文操作模式以及弹出菜单。本文只介绍Android3.0及以上的Menu知识点。

vue Element动态设置el-menu导航当前选中项

Suger的博客

09-03

5034

1,npm install vuex --save 2,在src下新建vuex文件夹，新建store.js文件； import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) const state = { count: 0, adminleftnavnum:"/" //管理后台左侧导航 } const mutations = { ...

vue组件之menu导航菜单

weixin_33714884的博客

03-22

5174

menu导航菜单组件预览地址组件之间的通信 <x-menu :selected.sync="selected" > <x-sub-menu name="extension"> <template slot="title">扩展</template> ...

Menu详解（一）：代码实现系统菜单及子菜单

启舰

08-18

3万+

前言：这周看到菜单部分，以前也对菜单有过使用，但并没有系统的对菜单进行梳理。这次借着这个机会，对菜单进行梳理。但只是很浅显的系统讲解，即对菜单的种类及各种用法作了一些讲述，并没有对如何使用自定义的菜单布局做讲述，等下次有机会再次遇到的时候再补充吧，一下搞太多，有点吃不消，很累的。系列文章： 1、《Menu详解（一）：代码实现系统菜单及子菜单》 2、《Menu详解（二）：利用XML生成...

vue2+el-menu实现路由跳转及当前项的设置

lyf的博客

11-06

5万+

用户信息账号信息修改密码公司信息用户管理添加/编辑用户 1.要实现路由跳转，先要在el-menu标签上添加router属性，然后只要在每个el-menu-item标签内的index属性设置一下url即可实现点击el-menu-item实现路