那曲檬骨新材料有限公司

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菜單消失時的事件回調。

審核編輯 黃宇

聲明:本文內容及配圖由入駐作者撰寫或者入駐合作網站授權轉載。文章觀點僅代表作者本人,不代表電子發燒友網立場。文章及其配圖僅供工程師學習之用,如有內容侵權或者其他違規問題,請聯系本站處理。 舉報投訴
  • 鴻蒙
    +關注

    關注

    57

    文章

    2392

    瀏覽量

    43050
收藏 人收藏

    評論

    相關推薦

    鴻蒙ArkTS聲明開發平臺支持列表【文本通用

    文本通用屬性目前只針對包含文本元素的組件,設置文本樣式。
    的頭像 發表于 06-13 15:09 ?541次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkTS</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><b class='flag-5'>支持</b><b class='flag-5'>列表</b>【文本<b class='flag-5'>通用</b>】

    鴻蒙ArkTS聲明開發平臺支持列表【無障礙屬性通用屬性

    組件可以設置相應的無障礙屬性和事件來更好地使用無障礙能力。
    的頭像 發表于 06-11 17:30 ?436次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkTS</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><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>

    鴻蒙ArkTS聲明開發平臺支持列表【分布遷移標識】 通用屬性

    組件的分布遷移標識,指明了該組件在分布遷移場景下可以將特定狀態恢復到對端設備。
    的頭像 發表于 06-07 21:15 ?441次閱讀

    鴻蒙ArkTS聲明開發平臺支持列表【多態樣式】 通用屬性

    設置組件不同狀態的樣式。 從API version 9開始,該接口支持ArkTS卡片中使用。
    的頭像 發表于 06-07 09:48 ?454次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkTS</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><b class='flag-5'>支持</b><b class='flag-5'>列表</b>【多態樣式】 <b class='flag-5'>通用</b><b class='flag-5'>屬性</b>

    鴻蒙ArkTS聲明開發平臺支持列表【組件標識】 通用屬性

    id為組件的唯一標識,在整個應用內唯一。本模塊提供組件標識相關接口,可以獲取指定id組件的屬性,也提供向指定id組件發送事件的功能。
    的頭像 發表于 06-06 15:51 ?442次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkTS</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><b class='flag-5'>支持</b><b class='flag-5'>列表</b>【組件標識】 <b class='flag-5'>通用</b><b class='flag-5'>屬性</b>

    鴻蒙ArkTS聲明開發平臺支持列表【柵格設置】 通用屬性

    默認占用列數,指useSizeType屬性沒有設置對應尺寸的列數(span)時,占用的柵格列數。
    的頭像 發表于 06-05 09:28 ?441次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkTS</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><b class='flag-5'>支持</b><b class='flag-5'>列表</b>【柵格設置】 <b class='flag-5'>通用</b><b class='flag-5'>屬性</b>

    鴻蒙ArkTS聲明開發平臺支持列表【形狀裁剪】 通用屬性

    參數為相應類型的組件,按指定的形狀對當前組件進行裁剪;參數為boolean類型時,設置是否按照父容器邊緣輪廓進行裁剪。 默認值:false 從API version 9開始,該接口支持ArkTS卡片中使用。
    的頭像 發表于 06-04 15:22 ?517次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkTS</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><b class='flag-5'>支持</b><b class='flag-5'>列表</b>【形狀裁剪】 <b class='flag-5'>通用</b><b class='flag-5'>屬性</b>

    鴻蒙ArkTS聲明開發平臺支持列表【透明度設置】 通用屬性

    從API Version 7開始支持。后續版本如有新增內容,則采用上角標單獨標記該內容的起始版本。
    的頭像 發表于 06-03 15:59 ?687次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkTS</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><b class='flag-5'>支持</b><b class='flag-5'>列表</b>【透明度設置】 <b class='flag-5'>通用</b><b class='flag-5'>屬性</b>

    鴻蒙ArkTS聲明開發平臺支持列表【顯隱控制通用屬性

    控制當前組件顯示或隱藏。注意,即使組件處于隱藏狀態,在頁面刷新時仍存在重新創建過程,因此當對性能有嚴格要求時建議使用[條件渲染]代替。 默認值:Visibility.Visible 從API version 9開始,該接口支持ArkT
    的頭像 發表于 06-03 14:46 ?640次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkTS</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><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>

    鴻蒙ArkTS聲明開發平臺支持列表【浮層】 通用屬性

    從API Version 7開始支持。后續版本如有新增內容,則采用上角標單獨標記該內容的起始版本。
    的頭像 發表于 06-03 09:48 ?382次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkTS</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><b class='flag-5'>支持</b><b class='flag-5'>列表</b>【浮層】 <b class='flag-5'>通用</b><b class='flag-5'>屬性</b>

    鴻蒙ArkTS聲明開發平臺支持列表【背景設置】 通用屬性

    從API Version 7開始支持。后續版本如有新增內容,則采用上角標單獨標記該內容的起始版本。
    的頭像 發表于 05-31 15:22 ?794次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkTS</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><b class='flag-5'>支持</b><b class='flag-5'>列表</b>【背景設置】 <b class='flag-5'>通用</b><b class='flag-5'>屬性</b>

    鴻蒙ArkTS聲明開發平臺支持列表【邊框設置】 通用屬性

    從API Version 7開始支持。后續版本如有新增內容,則采用上角標單獨標記該內容的起始版本。
    的頭像 發表于 05-31 09:48 ?1103次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkTS</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><b class='flag-5'>支持</b><b class='flag-5'>列表</b>【邊框設置】 <b class='flag-5'>通用</b><b class='flag-5'>屬性</b>

    鴻蒙ArkTS聲明開發平臺支持列表【圖片邊框設置】 通用屬性

    從API Version 9開始支持。后續版本如有新增內容,則采用上角標單獨標記該內容的起始版本。
    的頭像 發表于 05-31 09:41 ?856次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkTS</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><b class='flag-5'>支持</b><b class='flag-5'>列表</b>【圖片邊框設置】 <b class='flag-5'>通用</b><b class='flag-5'>屬性</b>

    鴻蒙ArkTS聲明開發平臺支持列表【Flex布局】 通用屬性

    從API Version 7開始支持。后續版本如有新增內容,則采用上角標單獨標記該內容的起始版本。 > - 僅當父組件是 Flex、Column、Row 、GridRow時生效。
    的頭像 發表于 05-30 14:38 ?682次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkTS</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><b class='flag-5'>支持</b><b class='flag-5'>列表</b>【Flex布局】 <b class='flag-5'>通用</b><b class='flag-5'>屬性</b>

    鴻蒙ArkTS聲明開發平臺支持列表【按鍵事件】

    按鍵事件指組件與鍵盤、遙控器等按鍵設備交互時觸發的事件,適用于所有可獲焦組件,例如Button。對于Text,Image等默認不可獲焦的組件,可以設置focusable屬性為true后使用按鍵事件。
    的頭像 發表于 05-28 18:12 ?919次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkTS</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><b class='flag-5'>支持</b><b class='flag-5'>列表</b>【按鍵事件】
    大发888大发888娱乐城| 百家乐官网新送彩金| 威尼斯人娱乐官网| 百家乐官网强弱走势图| 德州扑克发牌员| 百家乐官网排名| 顶级赌场真假的微博| 谈谈百家乐赢钱技巧| 百家乐官网网上投注代理商| 威尼斯人娱乐城 活动| 巨星百家乐官网的玩法技巧和规则| 百家乐分析| 百家乐扑克桌| 百家乐官网技巧方法| 爱拼网| 喜达百家乐的玩法技巧和规则| 正品百家乐官网的玩法技巧和规则 | 24山向| 太阳会百家乐官网现金网| 大发888最新网站| 百家乐官网五湖四海娱乐城| 八大胜娱乐| 百家乐tt赌场娱乐网规则| 华侨人百家乐官网的玩法技巧和规则 | 做生意怎么看财位| 新葡京百家乐官网现金网| 太阳城管理网| 百家乐破解的方法| 权威百家乐官网信誉网站| 利德赌博| 百家乐怎样赢| 海立方百家乐客户端| 真人百家乐官网视频赌博| 棋牌赌博| 免费百家乐统计软件| 风水罗盘里的24山| 赌博百家乐官网规则| 财神娱乐城| sz全讯网网址xb112| 赌百家乐官网容易的原| 百家乐官网招商用语|