菜单控制
为组件绑定弹出式菜单,弹出式菜单以垂直列表形式显示菜单项,可通过长按、点击或鼠标右键触发。
说明:
开发前请熟悉鸿蒙开发指导文档 :[gitee.com/li-shizhen-skin/harmony-os/blob/master/README.md]
属性
| 名称 | 参数类型 | 描述 |
|---|---|---|
| bindMenu | content: Array<[MenuItem]> | [CustomBuilder], options?: [MenuOptions] |
| bindContextMenu8+ | content: [CustomBuilder], responseType: [ResponseType]options?: [ContextMenuOptions] | 给组件绑定菜单,触发方式为长按或者右键点击,弹出菜单项需要自定义。 responseType: 菜单弹出条件,长按或者右键点击。 options: 配置弹出菜单的参数。 |
MenuItem
| 名称 | 类型 | 必填 | 描述 |
|---|---|---|---|
| value | string | 是 | 菜单项文本。 |
| icon10+ | [ResourceStr] | 否 | 菜单项图标。 |
| action | () => void | 是 | 点击菜单项的事件回调。 |
MenuOptions10+
| 名称 | 类型 | 必填 | 描述 |
|---|---|---|---|
| title | string | 否 | 菜单标题。**说明:**仅在content设置为Array<[MenuItem]> 时生效。 |
| offset | [Position] | 否 | 菜单弹出位置的偏移量,不会导致菜单显示超出屏幕范围。**说明:**菜单类型为相对⽗组件区域弹出时,⾃动根据菜单位置属性 (placement)将区域的宽或⾼计⼊偏移量中。 当菜单相对父组件出现在上侧时(placement设置为Placement.TopLeft,Placement.Top,Placement.TopRight),x为正值,菜单相对组件向右进行偏移,y为正值,菜单相对组件向上进行偏移。 当菜单相对父组件出现在下侧时(placement设置为Placement.BottomLeft,Placement.Bottom,Placement.BottomRight),x为正值,菜单相对组件向右进行偏移,y为正值,菜单相对组件向下进行偏移。 当菜单相对父组件出现在左侧时(placement设置为Placement.LeftTop,Placement.Left,Placement.LeftBottom),x为正值,菜单相对组件向左进行偏移,y为正值,菜单相对组件向下进行偏移。 当菜单相对父组件出现在右侧时(placement设置为Placement.RightTop,Placement.Right,Placement.RightBottom),x为正值,菜单相对组件向右进行偏移,y为正值,菜单相对组件向下进行偏移。 如果菜单调整了显示位置(与placement初始值主方向不⼀致),则偏移值 (offset) 失效。 |
| placement | [Placement] | 否 | 菜单组件优先显示的位置,当前位置显示不下时,会自动调整位置。**说明:**placement值设置为undefined、null或没有设置此选项时,按默认值[BottomLeft]处理,相对父组件区域弹出。 |
| onAppear | () => void | 否 | 菜单弹出时的事件回调。 |
| onDisappear | () => void | 否 | 菜单消失时的事件回调。 |
ContextMenuOptions10+

| 名称 | 类型 | 必填 | 描述HarmonyOS与OpenHarmony鸿蒙文档籽料:mau123789是v直接拿 |
|---|---|---|---|
| offset | [Position] | 否 | 菜单弹出位置的偏移量,不会导致菜单显示超出屏幕范围。**说明:**菜单类型为相对⽗组件区域弹出时,⾃动根据菜单位置属性 (placement)将区域的宽或⾼计⼊偏移量中。 当菜单相对父组件出现在上侧时(placement设置为Placement.TopLeft,Placement.Top,Placement.TopRight),x为正值,菜单相对组件向右进行偏移,y为正值,菜单相对组件向上进行偏移。 当菜单相对父组件出现在下侧时(placement设置为Placement.BottomLeft,Placement.Bottom,Placement.BottomRight),x为正值,菜单相对组件向右进行偏移,y为正值,菜单相对组件向下进行偏移。 当菜单相对父组件出现在左侧时(placement设置为Placement.LeftTop,Placement.Left,Placement.LeftBottom),x为正值,菜单相对组件向左进行偏移,y为正值,菜单相对组件向下进行偏移。 当菜单相对父组件出现在右侧时(placement设置为Placement.RightTop,Placement.Right,Placement.RightBottom),x为正值,菜单相对组件向右进行偏移,y为正值,菜单相对组件向下进行偏移。 如果菜单调整了显示位置(与placement初始值主方向不⼀致),则偏移值 (offset) 失效。 |
| placement | [Placement] | 否 | 菜单组件优先显示的位置,当前位置显示不下时,会自动调整位置。**说明:**placement值设置为undefined、null或没有设置此选项时,按未设置placement处理,菜单跟随点击位置弹出。 |
| arrowOffset | [Length] | 否 | 箭头在菜单处的偏移。箭头在菜单水平方向时,偏移量为箭头至最左侧的距离,默认居中。箭头在菜单竖直方向时,偏移量为箭头至最上侧的距离,默认居中。偏移量必须合法且转换为具体数值时大于0才会生效,另外该值生效时不会导致箭头超出菜单四周的安全距离。根据配置的placement来计算是在水平还是竖直方向上偏移。 |
| onAppear | () => void | 否 | 菜单弹出时的事件回调。 |
| onDisappear | () => void | 否 | 菜单消失时的事件回调。 |
审核编辑 黄宇
声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。
举报投诉
-
鸿蒙
+关注
关注
60文章
2858浏览量
45354
发布评论请先 登录
相关推荐
热点推荐
开源鸿蒙技术大会2025丨跨平台开发框架分论坛:共拓移动开发新边界,共创跨平台生态新时代
随着开源鸿蒙生态的持续壮大,开发者迎来了除Android与iOS之外的“第三种选择”。为解决“加入一个新生态就会增加一倍投入”的行业痛点,让开发者的代码能够在更多平台上复用,开源
开源鸿蒙技术大会2025丨开源鸿蒙应用开发再提速,跨平台框架PMC(筹)正式启动孵化
9月27日,开源鸿蒙技术大会2025在长沙国际会议中心盛大举办。大会现场,开源鸿蒙跨平台框架PMC(筹)正式启动孵化,标志着开源鸿蒙在应用
【 HarmonyOS 5 入门系列 】鸿蒙HarmonyOS示例项目讲解
【 HarmonyOS 5 入门系列 】鸿蒙HarmonyOS示例项目讲解 ##鸿蒙开发能力 ##HarmonyOS SDK应用服务##鸿蒙金融类应用 (金融理财# 一、前言:移动
鸿蒙ArkTS+ArkUI仿微信消息列表页制作
\'
})
这里使用了justifyContent属性来进行居中,如果不加这个属性的话,那么100%宽度的row会让文字靠左显示。接下来是显示聊天数据的列表,这里采用ForEach列表
发表于 06-30 18:28
ArkUI-X跨平台技术落地-华为运动健康(一)
开”的加载速度,所以目前H5跨平台技术只在运动健康应用某些低频和容易变化的页面上使用,在一二级页面仍使用原生native开发。
跨平台方案选
发表于 06-18 22:53
ArkUI-X跨平台应用改造指南
Android/iOS与HarmonyOS Next上能够拥有相同的展示效果和交互体验。
1.开发者进行设计时需首先考虑ArkUI-X框架的实际适配状况,使用支持跨平台的UI控件、
发表于 06-16 23:05
使用DevEcoStudio 开发、编译鸿蒙 NEXT_APP 以及使用中文插件
的一站式集成开发环境(IDE),专为鸿蒙操作系统(HarmonyOS Next)应用和服务开发设计 DevEco Studio,掌握基本操作和开发
发表于 06-11 17:18
Kuikly鸿蒙版正式开源 —— 揭秘卓越性能适配之旅
Android、iOS开源基础上,本次开源鸿蒙平台支持和Compose DSL支持,进一步提升业务多端适配和鸿蒙
发表于 06-04 16:46
HarmonyOS5云服务技术分享--ArkTS开发Node环境
✨ 你好呀,开发者小伙伴们!今天我们来聊聊如何在HarmonyOS(ArkTS API 9及以上)中玩转云函数,特别是结合Node.js和HTTP触发器的开发技巧。文章会手把手带你从零开始,用最接地
发表于 05-22 17:21
ArkUI-X跨平台框架接入指南
ArkUI跨平台框架(ArkUI-X)进一步将ArkUI开发框架扩展到了多个OS平台:目前支持OpenHarmony、Android、 iO
发表于 05-18 18:21
开源啦!!!基于鸿蒙ArkTS封装的图表组件《McCharts》,大家快来一起共创
的地方请大家高抬贵手,宽容一下,谢谢。
这次主要是给大家带来一个重磅消息,就是我自己使用鸿蒙ArkTS语法开发的图表组件今日正式开源了。为什么?原因有两点吧!
鸿蒙是国产的操作系统,
发表于 03-15 15:21
ArkTS语言基础介绍篇
KaihongOS是一个开源的、跨设备的操作系统,它支持多种设备类型。ArkTS是KaihongOS应用开发中使用的TypeScript超集,提供了一套丰富的API来构建应用界面和逻辑
发表于 01-10 10:15

鸿蒙ArkTS声明式开发:跨平台支持列表【菜单控制】 通用属性
评论