0
  • 聊天消息
  • 系统消息
  • 评论与回复
登录后你可以
  • 下载海量资料
  • 学习在线课程
  • 观看技术视频
  • 写文章/发帖/加入社区
会员中心
创作中心

完善资料让更多小伙伴认识你,还能领取20积分哦,立即完善>

3天内不再提示

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

jf_46214456 来源:jf_46214456 作者:jf_46214456 2024-06-06 09:17 次阅读
加入交流群
微信小助手二维码

扫码添加小助手

加入工程师交流群

菜单控制

为组件绑定弹出式菜单,弹出式菜单以垂直列表形式显示菜单项,可通过长按、点击或鼠标右键触发。

说明:
开发前请熟悉鸿蒙开发指导文档 :[gitee.com/li-shizhen-skin/harmony-os/blob/master/README.md]

  • 从API Version 7开始支持。后续版本如有新增内容,则采用上角标单独标记该内容的起始版本。
  • CustomBuilder里不支持再使用bindMenu、bindContextMenu弹出菜单。多级菜单可使用[Menu组件])。

属性

名称参数类型描述
bindMenucontent: Array<[MenuItem]>[CustomBuilder], options?: [MenuOptions]
bindContextMenu8+content: [CustomBuilder], responseType: [ResponseType]options?: [ContextMenuOptions]给组件绑定菜单,触发方式为长按或者右键点击,弹出菜单项需要自定义。 responseType: 菜单弹出条件,长按或者右键点击。 options: 配置弹出菜单的参数。

MenuItem

名称类型必填描述
valuestring菜单项文本。
icon10+[ResourceStr]菜单项图标。
action() => void点击菜单项的事件回调。

MenuOptions10+

名称类型必填描述
titlestring菜单标题。**说明:**仅在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+

搜狗高速浏览器截图20240326151450.png

名称类型必填描述HarmonyOSOpenHarmony鸿蒙文档籽料: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

    浏览量

    45353
收藏 人收藏
加入交流群
微信小助手二维码

扫码添加小助手

加入工程师交流群

    评论

    相关推荐
    热点推荐

    开源鸿蒙技术大会2025丨平台开发框架分论坛:共拓移动开发新边界,共创平台生态新时代

    随着开源鸿蒙生态的持续壮大,开发者迎来了除Android与iOS之外的“第三种选择”。为解决“加入一个新生态就会增加一倍投入”的行业痛点,让开发者的代码能够在更多平台上复用,开源
    的头像 发表于 11-20 17:31 568次阅读
    开源<b class='flag-5'>鸿蒙</b>技术大会2025丨<b class='flag-5'>跨</b><b class='flag-5'>平台</b><b class='flag-5'>开发</b>框架分论坛:共拓移动<b class='flag-5'>开发</b>新边界,共创<b class='flag-5'>跨</b><b class='flag-5'>平台</b>生态新时代

    开源鸿蒙技术大会2025丨开源鸿蒙应用开发再提速,平台框架PMC(筹)正式启动孵化

    9月27日,开源鸿蒙技术大会2025在长沙国际会议中心盛大举办。大会现场,开源鸿蒙平台框架PMC(筹)正式启动孵化,标志着开源鸿蒙在应用
    的头像 发表于 11-10 18:15 1085次阅读
    开源<b class='flag-5'>鸿蒙</b>技术大会2025丨开源<b class='flag-5'>鸿蒙</b>应用<b class='flag-5'>开发</b>再提速,<b class='flag-5'>跨</b><b class='flag-5'>平台</b>框架PMC(筹)正式启动孵化

    【 HarmonyOS 5 入门系列 】鸿蒙HarmonyOS示例项目讲解

    【 HarmonyOS 5 入门系列 】鸿蒙HarmonyOS示例项目讲解 ##鸿蒙开发能力 ##HarmonyOS SDK应用服务##鸿蒙金融类应用 (金融理财# 一、前言:移动
    的头像 发表于 07-07 11:57 796次阅读
    【 HarmonyOS 5 入门系列 】<b class='flag-5'>鸿蒙</b>HarmonyOS示例项目讲解

    鸿蒙ArkTS+ArkUI仿微信消息列表页制作

    \' }) 这里使用了justifyContent属性来进行居中,如果不加这个属性的话,那么100%宽度的row会让文字靠左显示。接下来是显示聊天数据的列表,这里采用ForEach列表
    发表于 06-30 18:28

    UI开发概述

    基于ArkTS声明开发范式的方舟开发框架是一套开发极简、高性能、
    发表于 06-24 06:36

    ArkUI-X平台技术落地-华为运动健康(一)

    开”的加载速度,所以目前H5平台技术只在运动健康应用某些低频和容易变化的页面上使用,在一二级页面仍使用原生native开发平台方案选
    发表于 06-18 22:53

    什么是ArkTS

    ArkTS简介 ArkTS是OpenHarmony优选的应用高级开发语言。ArkTS提供了声明
    发表于 06-17 06:24

    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

    ArkUI-x平台Bridge最佳实践

    ;一码三平台\" 前面讲到的bridge主要是解决开发者在进行ArkTS代码开发时,需要使用的鸿蒙API不
    发表于 06-10 23:06

    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