菜單控制
為組件綁定彈出式菜單,彈出式菜單以垂直列表形式顯示菜單項,可通過長按、點擊或鼠標右鍵觸發。
說明:
開發前請熟悉鴻蒙開發指導文檔 :[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文章
2963瀏覽量
45883
發布評論請先 登錄
相關推薦
熱點推薦
開源鴻蒙技術大會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
鴻蒙5開發寶藏案例分享---跨線程性能優化指南
;>Worker</span>做多線程開發時,總遇到對象跨線程卡頓的問題,原來鴻蒙早就提供了解決方案。下面結合代碼和實戰案例,帶你徹底玩轉性能優化!
一、痛點:跨線程
發表于 06-12 17:13
使用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聲明式開發:跨平臺支持列表【菜單控制】 通用屬性
評論