那曲檬骨新材料有限公司

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

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

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

ArkUI,更高效的框架設(shè)計

HarmonyOS開發(fā)者 ? 來源:未知 ? 2022-12-21 09:15 ? 次閱讀

上期文章我們講到了ArkUI的三大特性,同時提到了ArkUI是一套用于構(gòu)建HarmonyOS應用界面的UI開發(fā)框架,本期我們將從架構(gòu)設(shè)計上來聊聊ArkUI的設(shè)計理念。

daa6ca04-80cc-11ed-8abf-dac502259ad0.png

ArkUI架構(gòu)圖

從架構(gòu)圖可以看出,ArkUI的設(shè)計理念是在端到端整條技術(shù)路徑設(shè)計上建立了一整套完整的分層機制。接下來我們依次分層為大家介紹。

ArkUI框架的“前驅(qū)”——【前端層】

dab7c5c0-80cc-11ed-8abf-dac502259ad0.png

前端層

架構(gòu)的第一層【前端層】又稱【聲明式UI前端】,這一層包含了上期文章介紹的極簡的UI信息語法規(guī)范,UI組件以及ArkTS語言特有的狀態(tài)管理機制。

dad6fc74-80cc-11ed-8abf-dac502259ad0.gif

獨立的封裝

此外,ArkUI對常用的UI組件的結(jié)構(gòu)、樣式、事件三大屬性進行了獨立的封裝,內(nèi)置于SDK中。開發(fā)人員可以根據(jù)項目設(shè)計需求,調(diào)用與設(shè)計匹配的組件函數(shù),傳入相應的參數(shù)來完成UI描述。

db018a48-80cc-11ed-8abf-dac502259ad0.png

聲明式UI信息語法

同時使用聲明式UI信息語法,可以讓數(shù)據(jù)和View進行聯(lián)動更新,華為自研語言ArkTS為這種聯(lián)動刷新提供了多維度的狀態(tài)管理機制,開發(fā)人員通過對數(shù)據(jù)進行注釋標記,合理控制數(shù)據(jù)對應View的更新作用范圍。

db14aab0-80cc-11ed-8abf-dac502259ad0.gif

三種更新方式

如:只單獨更新、父子單向更新,父子雙向同步更新等。

到這里,第一層【前端層】就介紹完畢了。

ArkUI框架的“核心部分”——【核心層】

接下來我們來到了框架的第二層【核心層】。

db37a920-80cc-11ed-8abf-dac502259ad0.png

核心層

這一層主要包含兩部分【方舟編譯運行時】和【聲明式UI后端引擎】。

db4d8efc-80cc-11ed-8abf-dac502259ad0.png

方舟編譯運行時

【核心層】的第一部分是【方舟編譯運行時】,它涉及到開發(fā)環(huán)境和終端環(huán)境

db6a4e66-80cc-11ed-8abf-dac502259ad0.png

運行流程圖

【方舟編譯運行時】的流程包含4步

db7acd5e-80cc-11ed-8abf-dac502259ad0.gif

跨語言調(diào)用

第1步是跨語言調(diào)用

ArkUI在開發(fā)項目時支持多語言開發(fā),為不同的開發(fā)語言相互通信提供了通道,例如:提供了JS/TS與C/ C++交互的NAPI機制。

dbddfb86-80cc-11ed-8abf-dac502259ad0.png

新語言ArkTS

而在ArkUI支持的多種語言中,ArkTS是以TS為語法基礎(chǔ)的應用編程語言。

dbf427bc-80cc-11ed-8abf-dac502259ad0.png

類型系統(tǒng)

在預編譯的過程中,數(shù)據(jù)的靜態(tài)類型信息會攜帶在生成的統(tǒng)一字節(jié)碼中,后端編譯的時候能直接利用這種類型信息加速機器碼的執(zhí)行,避免了運行時收集對象造成的額外開銷,同時這些類型信息被用于AOT編譯過程,使得應用啟動時就可以執(zhí)行AOT生成的優(yōu)化機器碼獲得高性能運行體驗。

dc0a46a0-80cc-11ed-8abf-dac502259ad0.png

統(tǒng)一字節(jié)碼

第2步是統(tǒng)一字節(jié)碼

完成項目開發(fā)將項目進行打包時,方舟編譯器將編寫的高級編程語言通過內(nèi)置的工具鏈,編譯為一種與運行設(shè)備和系統(tǒng)無關(guān)的可移植介質(zhì),這種介質(zhì)就叫統(tǒng)一字節(jié)碼(又稱方舟碼,abc文件),這個過程也稱為字節(jié)碼預編譯。

dc1a3506-80cc-11ed-8abf-dac502259ad0.png

統(tǒng)一字節(jié)碼

第3步是機器碼和安裝包

字節(jié)碼在設(shè)備上可以通過解釋執(zhí)行或者編譯后執(zhí)行的方式運行,對于執(zhí)行性能要求高的部分字節(jié)碼調(diào)用AOT生成機器碼。

最后,應用經(jīng)歷了開發(fā)、字節(jié)碼預編譯、AOT靜態(tài)優(yōu)化編譯、打包簽名就形成了一個完整安裝包,這樣一來就終于可以在設(shè)備上運行預覽了。

dc368abc-80cc-11ed-8abf-dac502259ad0.png

GC機制

第4步是GC(Garbage Collection)機制

dc4db00c-80cc-11ed-8abf-dac502259ad0.png

搭載HarmonyOS系統(tǒng)的設(shè)備

對比其他設(shè)備,搭載HarmonyOS系統(tǒng)的設(shè)備上運行應用時會顯得特別流暢,這里的秘密是什么呢?

dc68123a-80cc-11ed-8abf-dac502259ad0.png

GC機制技術(shù)問題

由于在傳統(tǒng)的操作系統(tǒng)中,基于Tracing的GC存在著STW(Stop The World)階段暫停時間較長的問題。

dc79b72e-80cc-11ed-8abf-dac502259ad0.png

STW

手機內(nèi)存資源不夠用的時候,傳統(tǒng)操作系統(tǒng)虛擬機就會召喚GC(Garbage Collection)封鎖公路,暫停手機運行的所有線程,等待它回收內(nèi)存空間。

STW暫停時間較長

而且STW(Stop The World)階段的暫停時間段較長,開發(fā)者無法精確控制和干預,在性能較差的手機上會表現(xiàn)出較強的“間歇性”卡頓。這就好比行駛在市區(qū)道路的車輛,在經(jīng)過每個路口都遇到了較長時間的紅燈等待,一路走走停停,行駛體驗感較差。

ddd195f6-80cc-11ed-8abf-dac502259ad0.png

HPP GC

而方舟編譯運行時在內(nèi)存回收方面重新設(shè)計,基于Tracing GC推出了高性能內(nèi)存回收技術(shù)——HPP GC(High Performance Partial Garbage Collection)。HPP GC綜合了多種Tracing GC算法,根據(jù)不同對象區(qū)域,采用不同的回收方式。這種GC機制可以縮短STW階段的時長,用在市區(qū)駕駛車輛來比喻,就是縮短了車輛在路口紅燈等待的時間,增加了行駛的體驗感。

ddec4ba8-80cc-11ed-8abf-dac502259ad0.gif

HPP GC

接下來我們來看核心層的第二部分——聲明式UI后端引擎。

它在HarmonyOS系統(tǒng)終端運行時,由C++編寫UI的基本組件、布局、動效和事件組成。供UI前端開發(fā)人員調(diào)用。

de127f80-80cc-11ed-8abf-dac502259ad0.gif

渲染管線

渲染管線是位于運行時內(nèi)部的一個獨立的渲染線程,它負責支配CPU多線程地去工作,讓CPU為GPU提供更多的渲染數(shù)據(jù),最大額度的調(diào)取GPU的能力。

到此,【核心層】已全部介紹完畢。

通過本期ArkUI架構(gòu)的學習,相信大家已經(jīng)了解方舟編譯運行時的技術(shù)和流程,也對ArkUI的設(shè)計理念有了基礎(chǔ)的認識。完整版的內(nèi)容可查看上方的視頻,我們下期再見~

END

想了解更多HarmonyOS技術(shù)?

后臺留言給我們

立刻安排!


原文標題:ArkUI,更高效的框架設(shè)計

文章出處:【微信公眾號:HarmonyOS開發(fā)者】歡迎添加關(guān)注!文章轉(zhuǎn)載請注明出處。


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

    關(guān)注

    79

    文章

    1982

    瀏覽量

    30572

原文標題:ArkUI,更高效的框架設(shè)計

文章出處:【微信號:HarmonyOS_Dev,微信公眾號:HarmonyOS開發(fā)者】歡迎添加關(guān)注!文章轉(zhuǎn)載請注明出處。

收藏 人收藏

    評論

    相關(guān)推薦

    如何使用PyTorch構(gòu)建更高效的人工智能

    術(shù)界和工業(yè)界得到了廣泛應用。本文將深入探討如何使用PyTorch構(gòu)建更高效的人工智能系統(tǒng),從框架基礎(chǔ)、模型訓練、實戰(zhàn)應用等多個方面進行詳細解析。
    的頭像 發(fā)表于 07-02 13:12 ?447次閱讀

    ArkUI-X開發(fā)指南:【SDK配置和構(gòu)建說明】

    ArkUI-X SDK是ArkUI-X開源項目的編譯產(chǎn)物,可將ArkUI-X SDK集成到現(xiàn)有Android和iOS應用工程中,使開發(fā)者基于一套ArkTS主代碼,就可以構(gòu)建支持多平臺的精美、高性能應用。SDK內(nèi)容包含
    的頭像 發(fā)表于 05-25 16:48 ?2791次閱讀
    <b class='flag-5'>ArkUI</b>-X開發(fā)指南:【SDK配置和構(gòu)建說明】

    鴻蒙開發(fā)ArkUI-X基礎(chǔ)知識:【ArkUI代碼工程及構(gòu)建介紹】

    ArkUI作為OpenHarmony的默認開發(fā)框架,在本項目(ArkUI-X)中需要做到一套代碼同時支持多平臺構(gòu)建,所以會采取共倉開發(fā)的方式,部分倉直接指向OpenHarmony相關(guān)開源倉。
    的頭像 發(fā)表于 05-25 16:45 ?2187次閱讀
    鴻蒙開發(fā)<b class='flag-5'>ArkUI</b>-X基礎(chǔ)知識:【<b class='flag-5'>ArkUI</b>代碼工程及構(gòu)建介紹】

    鴻蒙ArkUI-X跨語言調(diào)用說明:【平臺橋接開發(fā)指南(Android)】

    平臺橋接用于客戶端(ArkUI)和平臺(Android或iOS)之間傳遞消息,即用于ArkUI與平臺雙向數(shù)據(jù)傳遞、ArkUI側(cè)調(diào)用平臺的方法、平臺調(diào)用ArkUI側(cè)的方法。本文主要介紹A
    的頭像 發(fā)表于 05-25 16:26 ?828次閱讀
    鴻蒙<b class='flag-5'>ArkUI</b>-X跨語言調(diào)用說明:【平臺橋接開發(fā)指南(Android)】

    鴻蒙開發(fā)ArkUI-X基礎(chǔ)知識:【ArkUI跨平臺設(shè)計總體說明】

    本文檔描述ArkUI開發(fā)框架跨平臺運行能力相關(guān)的總體技術(shù)方案。
    的頭像 發(fā)表于 05-24 15:41 ?1633次閱讀
    鴻蒙開發(fā)<b class='flag-5'>ArkUI</b>-X基礎(chǔ)知識:【<b class='flag-5'>ArkUI</b>跨平臺設(shè)計總體說明】

    鴻蒙ArkUI-X框架開發(fā):【開發(fā)準備】

    本文檔適用于ArkUI-X框架開發(fā)的初學者。通過環(huán)境搭建、代碼下載、代碼編譯、API擴展和使用,快速了解跨平臺項目開發(fā)流程。
    的頭像 發(fā)表于 05-23 21:02 ?519次閱讀
    鴻蒙<b class='flag-5'>ArkUI</b>-X<b class='flag-5'>框架</b>開發(fā):【開發(fā)準備】

    鴻蒙ArkUI-X跨語言調(diào)用說明:【平臺橋接(@arkui-x.bridge)】

    平臺橋接用于客戶端(ArkUI)和平臺(Android或iOS)之間傳遞消息,即用于ArkUI與平臺雙向數(shù)據(jù)傳遞、ArkUI側(cè)調(diào)用平臺的方法、平臺調(diào)用ArkUI側(cè)的方法。
    的頭像 發(fā)表于 05-21 15:09 ?830次閱讀
    鴻蒙<b class='flag-5'>ArkUI</b>-X跨語言調(diào)用說明:【平臺橋接(@<b class='flag-5'>arkui</b>-x.bridge)】

    鴻蒙ArkUI-X跨平臺開發(fā):【SDK目錄結(jié)構(gòu)介紹】

    本文檔配套ArkUI-X,將OpenHarmony ArkUI開發(fā)框架擴展到不同的OS平臺,比如Android和iOS平臺,讓開發(fā)者基于ArkUI,可復用大部分的應用代碼(UI以及主要
    的頭像 發(fā)表于 05-20 16:28 ?880次閱讀
    鴻蒙<b class='flag-5'>ArkUI</b>-X跨平臺開發(fā):【SDK目錄結(jié)構(gòu)介紹】

    鴻蒙ArkUI-X跨平臺開發(fā):【 應用工程結(jié)構(gòu)說明】

    本文檔配套ArkUI-X,將OpenHarmony ArkUI開發(fā)框架擴展到不同的OS平臺,比如Android和iOS平臺,讓開發(fā)者基于ArkUI,可復用大部分的應用代碼(UI以及主要
    的頭像 發(fā)表于 05-19 21:05 ?657次閱讀
    鴻蒙<b class='flag-5'>ArkUI</b>-X跨平臺開發(fā):【 應用工程結(jié)構(gòu)說明】

    鴻蒙跨平臺框架:【ArkUi-X】創(chuàng)建工程

    鴻蒙推出了鴻ArkUi-X 框架所以就寫個文章分享一下
    的頭像 發(fā)表于 05-13 17:48 ?1051次閱讀
    鴻蒙跨平臺<b class='flag-5'>框架</b>:【<b class='flag-5'>ArkUi</b>-X】創(chuàng)建工程

    鴻蒙ArkUI:【從代碼到UI顯示的整體渲染流程】

    方舟開發(fā)框架(簡稱ArkUI)是鴻蒙開發(fā)的UI框架,提供如下兩種開發(fā)范式,我們 **只學聲明式開發(fā)范式**
    的頭像 發(fā)表于 05-13 16:06 ?1022次閱讀
    鴻蒙<b class='flag-5'>ArkUI</b>:【從代碼到UI顯示的整體渲染流程】

    鴻蒙開發(fā)學習:初探【ArkUI-X】

    **簡單來說,ArkTS + ArkUI-X 對標的框架為 flutter,一次代碼,編譯為 native 全平臺運行**
    的頭像 發(fā)表于 05-13 15:58 ?1132次閱讀
    鴻蒙開發(fā)學習:初探【<b class='flag-5'>ArkUI</b>-X】

    鴻蒙ArkUI開發(fā)學習:【渲染控制語法】

    ArkUI開發(fā)框架是一套構(gòu)建 HarmonyOS / OpenHarmony 應用界面的聲明式UI開發(fā)框架,它支持程序使用?`if/else`?條件渲染,?`ForEach`?循環(huán)渲染以及?`LazyForEach`?懶加載渲染
    的頭像 發(fā)表于 04-09 16:40 ?1060次閱讀
    鴻蒙<b class='flag-5'>ArkUI</b>開發(fā)學習:【渲染控制語法】

    鴻蒙ArkUI實例:【自定義組件】

    組件是 OpenHarmony 頁面最小顯示單元,一個頁面可由多個組件組合而成,也可只由一個組件組合而成,這些組件可以是ArkUI開發(fā)框架自帶系統(tǒng)組件,比如?`Text`?、?`Button`?等,也可以是自定義組件,本節(jié)筆者簡單介紹一下自定義組件的語法規(guī)范。
    的頭像 發(fā)表于 04-08 10:17 ?705次閱讀

    鴻蒙ArkUI開發(fā)實戰(zhàn):eTS版【笑話app】

    制作一款笑話app,使用ArkUI
    的頭像 發(fā)表于 03-25 16:04 ?501次閱讀
    鴻蒙<b class='flag-5'>ArkUI</b>開發(fā)實戰(zhàn):eTS版【笑話app】
    玩百家乐官网去哪个娱乐城最安全 | 百家乐官网论坛白菜| 明溪百家乐官网的玩法技巧和规则 | 鸿胜博娱乐| 百家乐官网游戏唯一官网网站| 威尼斯人娱乐城备用网| 澳门百家乐官网真人娱乐场| 百家乐2号破解下载| 松滋市| 百家乐官网视频下载地址| 百家乐开户投注| 百家乐网站加盟| 玩百家乐请高手指点| 百家乐官网游戏机的玩法| 百家乐技巧打| 百家乐官网电话投注多少| 百家乐博彩公| 百家乐官网公式软件| 威尼斯人娱乐城导航网| 百家乐官网是否违法| 网上百家乐游戏下载| 金臂百家乐官网注册送彩金| 网上百家乐赌博犯法吗| 网上百家乐官网赌钱| 百家乐遥控洗牌器| 真人百家乐官网园| 大发888娱乐场客户端| 88百家乐官网现金网| 百家乐baccarat| 百家乐官网赌场群| 大发888娱乐场东南网| 百家乐官网赌场策略大全| 大发888东方鸿运娱乐| 网上百家乐官网游戏玩法 | 百家百家乐官网视频游戏世界| 8大胜娱乐| 百家乐大转轮| 百家乐官网庄闲和各| 大发888城| 百家乐真人娱乐注册| 百家乐官网博彩资讯论坛|