HarmonyOS應(yīng)用開發(fā)-Jsmenu菜單組件

1、蛟龍騰飛學(xué)習(xí)分享材料 HarmonyOS應(yīng)用開發(fā)-Jsmenu菜單組件 說明：該組件從API version 4開始支持。后續(xù)版本如有新增內(nèi)容，則采用上角標(biāo)單獨(dú)標(biāo)記該內(nèi)容的起始版本。提供菜單組件，作為臨時性彈出窗口，用于展示用戶可執(zhí)行的操作。子組件子組件。屬性除支持 HYPERLINK /cn/docs/documentation/doc-references/js-components-common-attributes-0000001050831187 通用屬性外，還支持如下屬性：名稱類型默認(rèn)值必填targetstring-否typestringclick否titlestring-否樣式僅

2、支持如下樣式：名稱類型默認(rèn)值必填描述text-color-否設(shè)置菜單的文本顏色。font-size30px否設(shè)置菜單的文本尺寸。allow-scalebooleantrue否設(shè)置菜單的文本尺寸是否跟隨系統(tǒng)設(shè)置字體縮放尺寸進(jìn)行放大縮小。說明如果在config描述文件中針對ability配置了fontSize的config-changes標(biāo)簽，則應(yīng)用不會重啟而直接生效。letter-spacing0否設(shè)置菜單的字符間距。font-stylestringnormal否設(shè)置菜單的字體樣式。見 HYPERLINK /cn/docs/documentation/doc-references/js-comp

3、onents-basic-text-0000000000611633 l section5775351116 text組件font-style的樣式屬性。font-weightnumber | stringnormal否設(shè)置菜單的字體粗細(xì)。見 HYPERLINK /cn/docs/documentation/doc-references/js-components-basic-text-0000000000611633 l section5775351116 text組件font-weight的樣式屬性。font-familystringsans-serif否設(shè)置菜單的字體列表，用逗號分隔，每

4、個字體用字體名或者字體族名設(shè)置。列表中第一個系統(tǒng)中存在的或者通過 HYPERLINK /cn/docs/documentation/doc-references/js-components-common-customizing-font-0000000000628833 自定義字體指定的字體，會被選中作為文本的字體。事件僅支持如下事件：名稱參數(shù)描述selected value:value 菜單中某個值被點(diǎn)擊選中時觸發(fā)，返回的value值為option組件的value屬性。cancel-用戶取消。方法僅支持如下方法。名稱參數(shù)描述show x:x, y:y 顯示menu菜單。(x, y)指定菜單彈

5、窗位置。其中x表示距離可見區(qū)域左邊沿的 X 軸坐標(biāo)，不包含任何滾動偏移，y表示距離可見區(qū)域上邊沿的 Y 軸坐標(biāo)，不包含任何滾動偏移以及狀態(tài)欄。菜單優(yōu)先顯示在彈窗位置右下角，當(dāng)右邊可視空間不足時會適當(dāng)左移，當(dāng)下方空間不足時會適當(dāng)上移。示例： Show popup menu. 選項(xiàng)1 選項(xiàng)2 選項(xiàng)3 /* xxx.css */.container flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%;.title-text width: 200px; height: 30px;/ xxx.jsimport prompt from mpt;export default onMenuSelected(e) prompt.showToast( messa