女人自慰AV免费观看内涵网,日韩国产剧情在线观看网址,神马电影网特片网,最新一级电影欧美,在线观看亚洲欧美日韩,黄色视频在线播放免费观看,ABO涨奶期羡澄,第一导航fulione,美女主播操b

0
  • 聊天消息
  • 系統(tǒng)消息
  • 評論與回復(fù)
登錄后你可以
  • 下載海量資料
  • 學習在線課程
  • 觀看技術(shù)視頻
  • 寫文章/發(fā)帖/加入社區(qū)
會員中心
創(chuàng)作中心

完善資料讓更多小伙伴認識你,還能領(lǐng)取20積分哦,立即完善>

3天內(nèi)不再提示

鴻蒙之HML語法參考

王程 ? 來源:jf_75796907 ? 作者:jf_75796907 ? 2024-02-20 15:53 ? 次閱讀

HML(HarmonyOS Markup Language)是一套類HTML的標記語言,通過組件,事件構(gòu)建出頁面的內(nèi)容。頁面具備數(shù)據(jù)綁定、事件綁定、條件渲染和邏輯控制等高級能力。

頁面結(jié)構(gòu)


Image Show

數(shù)據(jù)綁定


{{content}} {{key1}} {{key2}} key1 {{key1}} {{flag1 && flag2}} {{flag1 || flag2}} {{!flag1}}

卡片hml文件中的變量需要在json文件的data字段下進行聲明:

{
  "data": {
    "content": "Hello World!",
    "key1": "Hello",
    "key2": "World",
    "flag1": true,
    "flag2": false
  }
}

說明

key值支持對象操作符和數(shù)組操作符,如{{key.value}}、{{key[0]}}。

支持字符串拼接、邏輯運算和三元表達式。

字符串拼接:

支持變量跟變量:{{key1}}{{key2}}等

支持常量跟變量: “my name is {{name}}, i am from
{{city}}.” “key1 {{key1}}”

邏輯運算:

與:{{flag1 && flag2}}(僅支持兩個boolean變量間的與邏輯運算)

或:{{flag1 || flag2}}
(僅支持兩個boolean變量間的或邏輯運算)

非:{{!flag1}} (僅支持boolean變量的非邏輯運算)

三元表達式

{{flag? key1:key2}}(flag為boolean變量,key1和key2可以是變量,也可以是常量)

注意事項

非boolean類型值進行bool運算默認為false

以上所有變量解析跟運算解析均不支持嵌套

事件綁定

卡片的事件需要在json文件的actions字段下進行聲明。卡片僅支持click通用事件,事件的定義只能是直接命令式,事件定義必須包含action字段,用以說明事件類型。卡片支持兩種事件類型:跳轉(zhuǎn)事件(router)和消息事件(message)。跳轉(zhuǎn)事件可以跳轉(zhuǎn)到卡片提供方的HarmonyOS應(yīng)用,消息事件可以將開發(fā)者自定義信息傳遞給卡片提供方。事件參數(shù)支持變量,變量以"{{}}"修飾。跳轉(zhuǎn)事件中若定義了params字段,則在被拉起應(yīng)用的onStart的intent中,可用"params"作為key將跳轉(zhuǎn)事件定義的params字段的值取到。

跳轉(zhuǎn)事件格式

通過定義ability名稱和攜帶的參數(shù)字段params直接跳轉(zhuǎn),可用"params"作為key提取到跳轉(zhuǎn)事件定義的params字段值。

選擇器 樣例 默認值 樣例描述
action string “router” 事件類型。- “router”:用于應(yīng)用跳轉(zhuǎn)。- “message”:自定義點擊事件。
abilityName string - 跳轉(zhuǎn)ability名。
params Object - 跳轉(zhuǎn)應(yīng)用攜帶的額外參數(shù)。

{
  "data": {
    "mainAbility": "xxx.xxx.xxx"
  },
  "actions": {
    "routerEvent": { 
      "action": "router",
      "abilityName": "{{mainAbility}}",
      "params":{}
    } 
  }
}

消息事件格式

選擇器 樣例 默認值 樣例描述
action string message 表示事件類型。
params Object - 跳轉(zhuǎn)應(yīng)用攜帶的額外參數(shù)。

{
  "actions": {
    "activeEvent": { 
      "action": "message",
      "params": {}           
    } 
  }
}

綁定路由事件和消息事件

 

列表渲染


{{$item.name}}

{{value.name}}

{{value.name}}

{
  "data": {
    "array": [
      {"id": 1, "name": "jack", "age": 18},
      {"id": 2, "name": "tony", "age": 18}
    ]
  }
}

tid屬性主要用來加速for循環(huán)的重渲染,旨在列表中的數(shù)據(jù)有變更時,提高重新渲染的效率。tid屬性是用來指定數(shù)組中每個元素的唯一標識,如果未指定,數(shù)組中每個元素的索引為該元素的唯一id。例如上述tid="id"表示數(shù)組中的每個元素的id屬性為該元素的唯一標識。for循環(huán)支持的寫法如下:

for=“array”:其中array為數(shù)組對象,array的元素變量默認為$item。

for=“v in array”:其中v為自定義的元素變量,元素索引默認為$idx。

for=“(i, v) in array”:其中元素索引為i,元素變量為v,遍歷數(shù)組對象array。

說明

數(shù)組中的每個元素必須存在tid指定的數(shù)據(jù)屬性,否則運行時可能會導(dǎo)致異常。

數(shù)組中被tid指定的屬性要保證唯一性,如果不是則會造成性能損耗。比如,示例中只有id和name可以作為tid字段,因為它們屬于唯一字段。

tid不支持表達式。

不支持for嵌套使用。

for對應(yīng)的變量數(shù)組,當前要求數(shù)組中的object是相同類型,不支持多種object類型混合寫在一個數(shù)組中

條件渲染

條件渲染分為2種:if/elif/else和show。

當使用if/elif/else寫法時,節(jié)點必須是兄弟節(jié)點,否則編譯無法通過。實例如下:


Hello-TV Hello-Wearable Hello-World

{
  "data": {
    "show": false,
    "display": true
  }
}

當show為真時,節(jié)點正常渲染;當show為假時,節(jié)點不渲染,效果等同display樣式為none。


 Hello World 
{
  "data": {
    "visible": false
  }
}

邏輯控制塊

控制塊使得循環(huán)渲染和條件渲染變得更加靈活;block在構(gòu)建時不會被當作真實的節(jié)點編譯。block標簽只支持if屬性。

 

Hello World

{ 
  "data": { 
    "show": true
  } 
}

Markdown 3634 字數(shù) 238 行數(shù) 當前行 3, 當前列 0

HTML 3362 字數(shù) 179 段落

審核編輯 黃宇

聲明:本文內(nèi)容及配圖由入駐作者撰寫或者入駐合作網(wǎng)站授權(quán)轉(zhuǎn)載。文章觀點僅代表作者本人,不代表電子發(fā)燒友網(wǎng)立場。文章及其配圖僅供工程師學習之用,如有內(nèi)容侵權(quán)或者其他違規(guī)問題,請聯(lián)系本站處理。 舉報投訴
  • 語法
    +關(guān)注

    關(guān)注

    0

    文章

    44

    瀏覽量

    10077
  • 鴻蒙
    +關(guān)注

    關(guān)注

    59

    文章

    2497

    瀏覽量

    43743
  • HarmonyOS
    +關(guān)注

    關(guān)注

    79

    文章

    2027

    瀏覽量

    32079
收藏 人收藏

    評論

    相關(guān)推薦
    熱點推薦

    華為鴻蒙電腦正式發(fā)布

    近日,華為鴻蒙電腦正式發(fā)布,宣告華為終端全面進入鴻蒙時代,而鴻蒙電腦,更是打開了星閃HID外設(shè)的巨大想象力空間。個人消費者將享受到更便捷、穩(wěn)定且高速的設(shè)備連接體驗,迎來全新交互模式。
    的頭像 發(fā)表于 05-22 09:13 ?259次閱讀

    鴻蒙生態(tài)大勢已成,誠邁科技鴻蒙實驗室助力院校人才培養(yǎng)

    鴻蒙操作系統(tǒng)迎來重要突破,華為終端全面進入鴻蒙時代。作為鴻蒙生態(tài)的首批核心共建者及開源鴻蒙項目群A類捐贈人,誠邁科技基于開源鴻蒙打造了物聯(lián)網(wǎng)
    的頭像 發(fā)表于 05-15 12:02 ?250次閱讀
    <b class='flag-5'>鴻蒙</b>生態(tài)大勢已成,誠邁科技<b class='flag-5'>鴻蒙</b>實驗室助力院校人才培養(yǎng)

    鴻蒙電腦拿什么和Windows競爭

    5月8日,在鴻蒙電腦技術(shù)與生態(tài)溝通會上,鴻蒙操作系統(tǒng)(HarmonyOS 5)首次在電腦端亮相;這是華為首款鴻蒙電腦正式亮相。同時華為智慧辦公將升級為鴻蒙辦公。
    的頭像 發(fā)表于 05-09 11:41 ?284次閱讀

    鴻蒙操作系統(tǒng)首登電腦端,華為開啟鴻蒙辦公新時代

    2025年5月8日,華為在深圳舉辦了鴻蒙電腦技術(shù)與生態(tài)溝通會,鴻蒙操作系統(tǒng)首次在電腦端亮相。這既是中國電子信息產(chǎn)業(yè)的歷史性時刻,也是華為鴻蒙辦公的新起點。 五年匠心打磨,鴻蒙電腦進一步
    發(fā)表于 05-08 14:20 ?4485次閱讀
    <b class='flag-5'>鴻蒙</b>操作系統(tǒng)首登電腦端,華為開啟<b class='flag-5'>鴻蒙</b>辦公新時代

    harmony OS NEXT-雙向數(shù)據(jù)綁定MVVM以及$$語法糖介紹

    # 鴻蒙Harmony-雙向數(shù)據(jù)綁定MVVM以及$$語法糖介紹 ## 1.1 雙向數(shù)據(jù)綁定概念 在鴻蒙(HarmonyOS)應(yīng)用開發(fā)中,雙向數(shù)據(jù)改變(或雙向數(shù)據(jù)綁定)是一種讓數(shù)據(jù)·模型和UI組件之間
    的頭像 發(fā)表于 04-29 16:52 ?192次閱讀

    深度融入“純血鴻蒙”|芯海科技旗下康柚OKOK首批入駐鴻蒙NEXT系統(tǒng)

    3月20日,隨著首款全面搭載純血鴻蒙系統(tǒng)的"寬折疊"手機PuraX的發(fā)布,全面鴻蒙時代正悄然到來。鴻蒙NEXT(純血鴻蒙)自正式亮相以來,這一全球第三大獨立操作系統(tǒng)以嶄新
    的頭像 發(fā)表于 03-21 18:04 ?754次閱讀
    深度融入“純血<b class='flag-5'>鴻蒙</b>”|芯海科技旗下康柚OKOK首批入駐<b class='flag-5'>鴻蒙</b>NEXT系統(tǒng)

    AIGC入門及鴻蒙入門

    人工智能生成內(nèi)容(AIGC)和鴻蒙系統(tǒng)是當前科技領(lǐng)域的兩個熱門話題。以下是對它們的入門指南: AIGC入門 1. 基礎(chǔ)概念: AIGC,全稱Artificial Intelligence
    發(fā)表于 01-13 10:32

    鴻蒙Flutter實戰(zhàn):14-現(xiàn)有Flutter 項目支持鴻蒙 II

    引言 在之前的文章鴻蒙Flutter實戰(zhàn):09-現(xiàn)有Flutter項目支持鴻蒙中,介紹了如何改造項目,適配鴻蒙平臺。 文中講述了整體的理念和思路,本文更進一步,結(jié)合可實操的項目代碼,詳細說明如何實施
    發(fā)表于 12-26 14:59

    鴻蒙機器人與鴻蒙開發(fā)板聯(lián)動演示

    鴻蒙機器人與鴻蒙開發(fā)板聯(lián)動演示,機器人的角色為迎賓機器人,開發(fā)板負責人賓客出現(xiàn)監(jiān)聽
    發(fā)表于 12-02 14:55

    鴻蒙智行尊界首車S800曝光 #華為 #鴻蒙智行 #尊界

    鴻蒙
    jf_15747056
    發(fā)布于 :2024年11月22日 18:07:11

    Verilog語法中運算符的用法

    verilog語法中使用以下兩個運算符可以簡化我們的位選擇代碼。
    的頭像 發(fā)表于 10-25 15:17 ?2228次閱讀
    Verilog<b class='flag-5'>語法</b>中運算符的用法

    鴻蒙Flutter實戰(zhàn):07混合開發(fā)

    # 鴻蒙Flutter實戰(zhàn):混合開發(fā) 鴻蒙Flutter混合開發(fā)主要有兩種形式。 ## 1.基于har 將flutter module打包成har包,在原生鴻蒙項目中,以har包的方式引入
    發(fā)表于 10-23 16:00

    FPGA學習筆記---基本語法

    Verilog語法是指硬件能夠?qū)崿F(xiàn)的語法。它的子集很小。常用的RTL語法結(jié)構(gòu)如下: 1、模塊聲明:module ... end module 2、端口聲明:input, output, inout
    發(fā)表于 06-23 14:58

    esp32-s2-hml-devkit-1的智能面板demo如何放到esp-idf編譯?

    esp32-s2-hml-devkit-1的智能面板demo如何放到esp-idf編譯?
    發(fā)表于 06-19 07:56

    云動鴻蒙計劃 軟通動力攜手華為云及伙伴共揚鴻蒙千帆

    北京2024年6月6日?/美通社/ -- 為進一步加強鴻蒙生態(tài)建設(shè),推動鴻蒙操作系統(tǒng)創(chuàng)新發(fā)展,5月31日,軟通動力聯(lián)合華為云在西安舉辦2024鴻蒙協(xié)同峰會。軟通動力攜手華為云和鴻蒙生態(tài)
    的頭像 發(fā)表于 06-07 10:59 ?672次閱讀
    云動<b class='flag-5'>鴻蒙</b>計劃 軟通動力攜手華為云及伙伴共揚<b class='flag-5'>鴻蒙</b>千帆