鸿蒙(HarmonyOS)项目方舟框架(ArkUI)之MenuItem组件

鸿蒙(HarmonyOS)项目方舟框架(ArkUI)之MenuItem组件

一、操作环境

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

二、MenuItem组件

用来展示菜单Menu中具体的item菜单项。

子组件

接口

MenuItem(value?: MenuItemOptions| CustomBuilder)

参数:

参数 类型 必填 参数描述
value MenuItemOptions | CustomBuilder 包含设置MenuItem的各项信息。

MenuItemOptions类型说明

名称 类型 必填 描述
startIcon ResourceStr item中显示在左侧的图标信息路径。
content ResourceStr item的内容信息。
endIcon ResourceStr item中显示在右侧的图标信息路径。
labelInfo ResourceStr 定义结束标签信息,如快捷方式Ctrl+C等。
builder CustomBuilder 用于构建二级菜单。
属性

除支持通用属性外,还支持以下属性:

名称 参数类型 描述
selected boolean 设置菜单项是否选中。 默认值:false
selectIcon boolean 当菜单项被选中时,是否显示被选中的图标。
事件
名称 参数类型 描述
onChange (selected: boolean) => void 当选中状态发生变化时,触发该回调。只有手动触发且MenuItem状态改变时才会触发onChange回调。 - value为true时,表示已选中。 - value为false时,表示未选中。

三、示例

详见Menu组件示例。

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

我家地址:亚丁号

最后送大家一首诗:

山高路远坑深,

大军纵横驰奔,

谁敢横刀立马?

惟有点赞加关注大军。

相关推荐
前端不太难12 分钟前
鸿蒙 App 架构升级:从页面到 System
架构·状态模式·harmonyos
IntMainJhy14 分钟前
Flutter 三方库 image_cropper + flutter_image_compress 的鸿蒙化适配与实战指南
flutter·华为·harmonyos
IntMainJhy1 小时前
Flutter 三方库 flutter_local_notifications 的鸿蒙化适配与实战指南
flutter·华为·harmonyos
李李李勃谦1 小时前
基于鸿蒙PC多窗口特性的笔记管理工具开发实践
笔记·华为·harmonyos
小雨青年1 小时前
鸿蒙 HarmonyOS 6 | Swiper滑动状态变化事件回调开发实战续篇
华为·harmonyos
Hello__77772 小时前
开源鸿蒙 Flutter 实战|用户详情页布局优化与字体大小调节功能全流程实现
flutter·开源·harmonyos
IntMainJhy2 小时前
Flutter 三方库 url_launcher + link_preview 的鸿蒙化适配与实战指南
flutter·华为·harmonyos
心走3 小时前
记录鸿蒙相机输出预览流报错问题(CAMERA_SERVICE_FATAL_ERROR)
harmonyos
jiejiejiejie_3 小时前
自定义导航栏组件
flutter·华为·harmonyos
云_杰4 小时前
拒绝社死!旁边有人偷瞄?教你给App加上鸿蒙系统级“防窥”黑科技!
安全·harmonyos