MenuItem
用來展示菜單Menu中具體的item菜單項。
說明:
開發前請熟悉鴻蒙開發指導文檔 :[gitee.com/li-shizhen-skin/harmony-os/blob/master/README.md
]
該組件從API Version 9開始支持。后續版本如有新增內容,則采用上角標單獨標記該內容的起始版本。
子組件
無
接口
MenuItem(value?: MenuItemOptions| CustomBuilder)
參數:
參數 | 類型 | 必填 | 參數描述 |
---|---|---|---|
value | [MenuItemOptions] | [CustomBuilder] | 否 |
MenuItemOptions類型說明
名稱 | 類型 | 必填 | 描述 |
---|---|---|---|
startIcon | [ResourceStr] | 否 | item中顯示在左側的圖標信息路徑。 |
content | [ResourceStr] | 否 | item的內容信息。 |
endIcon | [ResourceStr] | 否 | item中顯示在右側的圖標信息路徑。 |
labelInfo | [ResourceStr] | 否 | 定義結束標簽信息,如快捷方式Ctrl+C等。 |
builder | [CustomBuilder] | 否 | 用于構建二級菜單。 |
屬性
除支持[通用屬性]外,還支持以下屬性:
名稱 | 參數類型 | 描述 |
---|---|---|
selected | boolean | 設置菜單項是否選中。 默認值:false 從API version 10開始,該參數支持[$$]雙向綁定變量。 |
selectIcon | boolean | [ResourceStr]10+ |
contentFont10+ | [Font] | 設置菜單項中內容信息的字體樣式。 |
contentFontColor10+ | [ResourceColor] | 設置菜單項中內容信息的字體顏色。 |
labelFont10+ | [Font] | 設置菜單項中標簽信息的字體樣式。 |
labelFontColor10+ | [ResourceColor] | 設置菜單項中標簽信息的字體顏色。 |
事件
名稱 | 參數類型 | 描述 |
---|---|---|
onChange | (selected: boolean) => void | 當選中狀態發生變化時,觸發該回調。只有手動觸發且MenuItem狀態改變時才會觸發onChange回調。 - value為true時,表示已選中。 - value為false時,表示未選中。 |
示例
Menu
以垂直列表形式顯示的菜單。
說明:
- 該組件從API Version 9開始支持。后續版本如有新增內容,則采用上角標單獨標記該內容的起始版本。
- Menu組件需和[bindMenu]或[bindContextMenu]方法配合使用,不支持作為普通組件單獨使用。
子組件
包含[MenuItem]、[MenuItemGroup]子組件。
接口
Menu()
作為菜單的固定容器,無參數。
說明: 菜單和菜單項寬度計算規則:
布局過程中,期望每個菜單項的寬度一致。若子組件設置了寬度,則以[尺寸計算規則]為準。
不設置寬度的情況:菜單組件會對子組件MenuItem、MenuItemGroup設置默認2柵格的寬度,若菜單項內容區比2柵格寬,則會自適應撐開。
設置寬度的情況:菜單組件會對子組件MenuItem、MenuItemGroup設置減去padding后的固定寬度。
屬性
除支持[通用屬性]外,還支持以下屬性:
名稱 | 參數類型HarmonyOS與OpenHarmony鴻蒙文檔籽料:mau123789是v直接拿 | 描述 |
---|---|---|
font10+ | [Font] | 統一設置Menu中所有文本的字體樣式。 |
fontColor10+ | [ResourceColor] | 統一設置Menu中所有文本的顏色。 |
radius10+ | [Dimension] | [BorderRadiuses] |
width10+ | [Length] | 菜單的寬度 默認值:64 單位vp |
審核編輯 黃宇
-
組件
+關注
關注
1文章
515瀏覽量
17882 -
鴻蒙
+關注
關注
57文章
2388瀏覽量
42962
發布評論請先 登錄
相關推薦
評論