鴻蒙ArkTS聲明式組件：MenuItem

MenuItem

用來(lái)展示菜單Menu中具體的item菜單項(xiàng)。

說(shuō)明：
開發(fā)前請(qǐng)熟悉鴻蒙開發(fā)指導(dǎo)文檔 ：[gitee.com/li-shizhen-skin/harmony-os/blob/master/README.md]
該組件從API Version 9開始支持。后續(xù)版本如有新增內(nèi)容，則采用上角標(biāo)單獨(dú)標(biāo)記該內(nèi)容的起始版本。

子組件

無(wú)

接口

MenuItem(value?: MenuItemOptions| CustomBuilder)

參數(shù)：

參數(shù)	類型	必填	參數(shù)描述
value	[MenuItemOptions]	[CustomBuilder]	否

MenuItemOptions類型說(shuō)明

名稱	類型	必填	描述
startIcon	[ResourceStr]	否	item中顯示在左側(cè)的圖標(biāo)信息路徑。
content	[ResourceStr]	否	item的內(nèi)容信息。
endIcon	[ResourceStr]	否	item中顯示在右側(cè)的圖標(biāo)信息路徑。
labelInfo	[ResourceStr]	否	定義結(jié)束標(biāo)簽信息，如快捷方式Ctrl+C等。
builder	[CustomBuilder]	否	用于構(gòu)建二級(jí)菜單。

屬性

除支持[通用屬性]外，還支持以下屬性:

名稱	參數(shù)類型	描述
selected	boolean	設(shè)置菜單項(xiàng)是否選中。默認(rèn)值：false 從API version 10開始，該參數(shù)支持[$$]雙向綁定變量。
selectIcon	boolean	[ResourceStr]10+
contentFont10+	[Font]	設(shè)置菜單項(xiàng)中內(nèi)容信息的字體樣式。
contentFontColor10+	[ResourceColor]	設(shè)置菜單項(xiàng)中內(nèi)容信息的字體顏色。
labelFont10+	[Font]	設(shè)置菜單項(xiàng)中標(biāo)簽信息的字體樣式。
labelFontColor10+	[ResourceColor]	設(shè)置菜單項(xiàng)中標(biāo)簽信息的字體顏色。

事件

名稱	參數(shù)類型	描述
onChange	(selected: boolean) => void	當(dāng)選中狀態(tài)發(fā)生變化時(shí)，觸發(fā)該回調(diào)。只有手動(dòng)觸發(fā)且MenuItem狀態(tài)改變時(shí)才會(huì)觸發(fā)onChange回調(diào)。 - value為true時(shí)，表示已選中。 - value為false時(shí)，表示未選中。

示例

說(shuō)明：
該組件從API Version 9開始支持。后續(xù)版本如有新增內(nèi)容，則采用上角標(biāo)單獨(dú)標(biāo)記該內(nèi)容的起始版本。
Menu組件需和[bindMenu]或[bindContextMenu]方法配合使用，不支持作為普通組件單獨(dú)使用。

子組件

包含[MenuItem]、[MenuItemGroup]子組件。

接口

Menu()

作為菜單的固定容器，無(wú)參數(shù)。

說(shuō)明: 菜單和菜單項(xiàng)寬度計(jì)算規(guī)則：
布局過(guò)程中，期望每個(gè)菜單項(xiàng)的寬度一致。若子組件設(shè)置了寬度，則以[尺寸計(jì)算規(guī)則]為準(zhǔn)。
不設(shè)置寬度的情況：菜單組件會(huì)對(duì)子組件MenuItem、MenuItemGroup設(shè)置默認(rèn)2柵格的寬度，若菜單項(xiàng)內(nèi)容區(qū)比2柵格寬，則會(huì)自適應(yīng)撐開。
設(shè)置寬度的情況：菜單組件會(huì)對(duì)子組件MenuItem、MenuItemGroup設(shè)置減去padding后的固定寬度。

屬性

除支持[通用屬性]外，還支持以下屬性:

QQ瀏覽器截圖20240320150855.png

名稱	參數(shù)類型`HarmonyOS與OpenHarmony鴻蒙文檔籽料：mau123789是v直接拿`	描述
font10+	[Font]	統(tǒng)一設(shè)置Menu中所有文本的字體樣式。
fontColor10+	[ResourceColor]	統(tǒng)一設(shè)置Menu中所有文本的顏色。
radius10+	[Dimension]	[BorderRadiuses]
width10+	[Length]	菜單的寬度默認(rèn)值：64 單位vp

審核編輯黃宇

聲明：本文內(nèi)容及配圖由入駐作者撰寫或者入駐合作網(wǎng)站授權(quán)轉(zhuǎn)載。文章觀點(diǎn)僅代表作者本人，不代表電子發(fā)燒友網(wǎng)立場(chǎng)。文章及其配圖僅供工程師學(xué)習(xí)之用，如有內(nèi)容侵權(quán)或者其他違規(guī)問(wèn)題，請(qǐng)聯(lián)系本站處理。舉報(bào)投訴