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

最新推荐文章于 2025-05-20 10:08:42 发布
原创 最新推荐文章于 2025-05-20 10:08:42 发布 · 678 阅读 · 9 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#harmonyos #华为

本文详细介绍了鸿蒙系统HarmonyOS的方舟框架ArkUI中的Menu组件，包括其结构、子组件MenuItem和MenuItemGroup，以及如何在代码中使用和定制Menu组件的属性和功能，通过示例展示了组件的用法。

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

一、操作环境

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

二、Menu组件

TextClock组件通过文本将当前系统时间显示在设备上。支持不同时区的时间显示，最高精度到秒级。

子组件

包含MenuItem、MenuItemGroup子组件。

接口

Menu()

作为菜单的固定容器，无参数。

 

属性

除支持通用属性外，还支持以下属性：

最低0.47元/天 解锁文章

新学期VIP享超值加赠
鸿蒙界面开发——组件（5）：菜单Menu & 绑定菜单
littleyy666的博客
09-05 1319
不支持作为普通组件单独使用。Menu 以垂直列表形式显示的菜单。包含MenuItem、MenuItemGroup子组件。布局过程中，期望每个菜单项的宽度一致。若子组件设置了宽度，则以尺寸计算规则为准。不设置宽度的情况：菜单组件会对子组件MenuItem、MenuItemGroup设置默认2栅格的宽度，若菜单项内容区比2栅格宽，则会自适应撑开。设置宽度的情况：菜单组件会对子组件MenuItem、MenuItemGroup设置减去padding后的固定宽度。
3.9、菜单（Menu）
lujianfeiccie2009的专栏
04-26 298
当默认样式不满足开发需求时，可使用@Builder自定义菜单内容。可通过bindMenu接口进行菜单的自定义。
鸿蒙系统（HarmonyOS）之方舟框架（ArkUI）介绍
adendean的博客
12-16 508
鸿蒙系统（HarmonyOS）之方舟框架（ArkUI）介绍
【鸿蒙实战开发】HarmonyOS开发自定义组件和自定义函数
HarmonyOS_001的博客
06-23 808
① 定义头部组件② 引入定义的组件鸿蒙全栈开发学习资料这个就比较简单了，直接把function去掉就可以了道理都是一样的，都是放进去的把function去掉，但是调用不变，并不用加this，原封不动就行了注意事项如果你写Styles全局样式的时候写组件特有属性的时候你会发现报错了，说你写的属性不是通用属性有很多小伙伴不知道该从哪里开始学习鸿蒙开发技术？也不知道鸿蒙开发的知识点重点掌握的又有哪些？自学时频繁踩坑，导致浪费大量时间。结果还是一知半解。所以有一份实用的。
【鸿蒙组件化开发】—— 基础组件(menu开发)
2401_88547687的博客
11-11 314
为menu组件绑定onselected事件（菜单中某个值被点击选中时触发）和oncancel事件（取消操作时触发），点击text组件调用show方法可设置menu组件的坐标。在pages/index目录下的hml文件中创建一个menu组件，添加target、type、title属性。本场景中开发者可点击toggle组件修改文字颜色，选择menu组件修改渐变色块大小。提供菜单组件，作为临时性弹出窗口，用于展示用户可执行的操作。为menu组件设置样式，例如字体颜色、大小、字符间距等。
鸿蒙（HarmonyOS）项目方舟框架（ArkUI）之Navigation组件
zy0412326的专栏
02-15 1322
鸿蒙（HarmonyOS）项目方舟框架（ArkUI）之Navigation组件。
#跟着若城学鸿蒙# UI组件篇-Menu 及其属性
最新发布
Huang兄
05-20 893
当默认样式不满足开发需求时，可使用@Builder自定义菜单内容，通过bindMenu接口进行菜单的自定义。@Entry@Component@BuilderMenu() {MenuItem({ content: "复制", labelInfo: "Ctrl+C" })MenuItem({ content: "粘贴", labelInfo: "Ctrl+V" })@BuilderMyMenu() {Menu() {
鸿蒙HarmonyOS NEXT开发：Menu（基础组件）
shudaoshanBBQ的博客
08-16 1329
以垂直列表形式显示的菜单。
鸿蒙开发之下拉菜单Menu
Lu_Ca的博客
01-19 2182
鸿蒙定义了很好的下拉组件，对比原生iOS或android需要自定义来说确实简单太多了，而且原生相对自定义来说要稳定太多了。 上图来自官网案例。 一、API使用 Menu作为容器组件，内部使用MenuItem作为每一条的选项。其中，通过MenuItem控制具体的选项信息。 MenuItem可以传递参数 startIcon?: ResourceStr; //起始位置的图标 content?: ResourceStr; //内容，左侧标题 endIcon?: ResourceStr; //末尾
鸿蒙HarmonyOS NEXT实战开发：Axios获取网络GBK数据转换UTF-8网络数据
wanghuaQAQ的博客
08-09 1156
本示例介绍使用第三方库的Axios获取GBK格式的网络数据时..........
HarmonyOS鸿蒙开发指南:基础组件 menu开发指导
sybh的博客
01-09 974
为menu组件绑定onselected事件（菜单中某个值被点击选中时触发）和oncancel事件（取消操作时触发），点击text组件调用show方法可设置menu组件的坐标。在pages/index目录下的hml文件中创建一个Menu组件，添加target、type、title属性。本场景中开发者可点击toggle组件修改文字颜色，选择menu组件修改渐变色块大小。Menu组件不支持focusable、disabled属性。为menu组件设置样式，例如字体颜色、大小、字符间距等。
鸿蒙5.0开发进阶：底部抽屉滑动效果实现案例
HSMMQAQ的博客
10-18 812
本示例主要介绍了利用List实现底部抽屉滑动效果场景，并将界面沉浸式（全屏）显示，及背景地图可拖动。
HarmonyOS NEXT 应用开发实战(六、组件导航Navigation使用详解)
猫哥 的沉淀、积累、总结。天天学习，好好向上...c/c++,嵌入式 linux,Android,HarmonyOS，AIOT)
10-17 4265
Navigation组件通常作为页面的根容器，支持单页面、分栏和自适应三种显示模式。开发者可以使用Navigation组件提供的属性来设置页面的标题栏、工具栏、导航栏等。NavRouter是Navigation组件中的特殊子组件，通常用于与Navigation组件配合使用，它默认提供了点击响应处理，不需要开发者自定义点击事件逻辑。NavRouter组件只有两个子组件，其中第二个子组件必须是NavDestination。
OpenHarmony实战开发-如何调用bindMenu接口来实现菜单（Menu）
m0_70749039的博客
04-27 881
Menu是菜单接口，一般用于鼠标右键弹窗、点击弹窗等。
鸿蒙系统下拉菜单,华为鸿蒙系统官方
热门推荐
weixin_33844346的博客
05-27 1万+
华为鸿蒙系统官方是可以让用户直接去进行最新鸿蒙系统操作的手机软件，所有提供的玩机操作都是非常的流畅，升级后的鸿蒙系统是可以得到更多的优质操作，让每位用户都可以随时去享受，鸿蒙系统的更新，让每位用户的操作需求都得到了极大的便捷，所有有更新需求的用户，都可以去便捷下载使用哦！华为鸿蒙系统官方特色：1、轻松就可以下载全新的系统，让你时刻都可以体验；2、手机安装包的大小，会根据自己的手机型号进行区分；3、...
鸿蒙页面菜单的选择
m0_56309491的博客
06-23 894
鸿蒙菜单界面的选择
鸿蒙开发微信小程序,从微信小程序到鸿蒙js开发【07】——menu&toast&dialog
weixin_34711263的博客
06-01 1541
目录：1、menu弹出菜单这是微信小程序没有的一个组件，提供了一个可唤起的轻量级弹出菜单。menu的子组件为option。 登录 注册 在hml中写好菜单，但这时启动app是不会显示出来的，且不会占用任何页面空间。menu需要在方法中被唤起，因此需要设置id属性。这里通过点击“点击登录/注册“文本框唤起菜单： 点击登录/注册 showUserMenu() { this.$element("u...
鸿蒙（HarmonyOS）项目方舟框架（ArkUI），实现功能：点击下拉框显示当前日期并选择，将结果输出到下拉框里面
11-08
鸿蒙系统（HarmonyOS）的方舟框架（ArkUI）提供了一套高度定制化的用户界面工具，它简化了开发者构建跨设备的应用体验。对于点击下拉框动态显示当前日期并允许用户选择的功能，你可以通过以下步骤实现： 1. 首先，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

zy0412326

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值