OpenHarmony ACE 代碼框架總結(jié)
一：ACE_Engine框架概述：
ACE_Engine框架是OpenHarmony 的UI開發(fā)框架，提供開發(fā)者在進(jìn)行應(yīng)用UI開發(fā)時(shí)所必需的各種組件，以及定義這些組件的屬性，樣式，事件及方法。通過這些組件可以很方便的進(jìn)行OpenHarmony上UI應(yīng)用的開發(fā)。 ACE_Engine提供的組件分為兩種類型，即：類Web開發(fā)范式類型和聲明式開發(fā)范式類型。其中類Web開發(fā)范式中定義一個(gè)頁面需要三個(gè)文件，html，css和js文件。html文件負(fù)責(zé)頁面布局，css文件負(fù)責(zé)定義組件的樣式，js文件負(fù)責(zé)業(yè)務(wù)邏輯實(shí)現(xiàn)。而聲明式范式僅需要1個(gè)ets文件，頁面布局和組件的樣式以及業(yè)務(wù)邏輯實(shí)現(xiàn)都在此文件中。如圖：
?二：ACE_Engine框架模塊劃分對(duì)于類Web開發(fā)范式組件，根據(jù)組件從前端到后端的過程，可以將整個(gè)框架劃分為JsFrameWork，DomNode, ComPonent, RenderNode四個(gè)模塊。其作用分別如下：- JsFrameWork：
- EtsLoader
?各模塊見的調(diào)用關(guān)系及主要函數(shù)如下：
?三：組件的屬性/樣式的傳遞過程- 組件的屬性和樣式是保存在前端頁面的，通過JsframeWork解析頁面，并調(diào)用JsEngine的CreateDomNode接口創(chuàng)建Dom節(jié)點(diǎn)的同時(shí)傳遞新節(jié)點(diǎn)屬性和樣式。 如果頁面中屬性樣式發(fā)生變化，則單獨(dú)調(diào)用SetAttr或SetStyle來更新屬性和樣式。
- DomNode收到屬性和樣式之后，會(huì)將通用屬性保存在Declation類中，將組件特有的屬性通過SetSpecialAttr和SetSpectialStyle函數(shù)保存在自身。
- DomNode調(diào)用對(duì)應(yīng)Component類的Set***函數(shù)，將所有屬性和樣式設(shè)置到Component中。
- RenderNode創(chuàng)建后，會(huì)調(diào)用其Update函數(shù)。 該函數(shù)內(nèi)調(diào)用對(duì)應(yīng)Component的Get***函數(shù)，來接收組件的所有屬性和樣式。
- 在PipeLine中會(huì)遍歷每個(gè)RenderNode進(jìn)行布局和繪制，此時(shí)，就依據(jù)RenderNode中接收的屬性和樣式，進(jìn)行布局并繪制。
?
?四：總結(jié)ACE_Engine框架整體代碼較復(fù)雜，涉及的類也比較多。本文簡單介紹了一個(gè)ACE組件從前端的頁面描述，到中間層三棵樹的創(chuàng)建和屬性傳遞，以及最終進(jìn)行UI布局和繪制的整個(gè)過程。該過程簡單總結(jié)一下就是：JS頁面 —> Dom樹 —> Component樹 —> Render樹，最后繪制Render樹。大家只要理解這個(gè)基本過程，在結(jié)合代碼關(guān)注重點(diǎn)流程。相信一定能夠?qū)CE_Engine框架的代碼有整體的理解。再此基礎(chǔ)上可以進(jìn)行ACE組件的增強(qiáng)功能開發(fā)，包括新增一個(gè)ACE組件等。
文章轉(zhuǎn)自：鴻湖萬聯(lián)
參考：新增一個(gè)類Web范式組件開發(fā)指南：https://gitee.com/yan-shuifeng/arkui_docs/blob/master/wiki/Ace1.0前端新增組件開發(fā)指南%EF%BC%9A以新增MyCircle組件為例_ver1.0.md
新增一個(gè)聲明式范式組件開發(fā)指南https://gitee.com/yan-shuifeng/arkui_docs/blob/master/wiki/Ace2.0前端新增組件開發(fā)指南%EF%BC%9A以新增MyCircle組件為例_ver1.0.md
更多熱點(diǎn)文章閱讀- 玩轉(zhuǎn)OpenHarmony PID：教你打造兩輪平衡車
- 基于 OpenHarmony 的智聯(lián)北斗海防系統(tǒng)
- 玩轉(zhuǎn)OpenHarmony智能家居：如何實(shí)現(xiàn)樹莓派“碰一碰”設(shè)備控制
- 帶你玩轉(zhuǎn)OpenHarmony AI：基于Seetaface2的人臉識(shí)別
-
帶你玩轉(zhuǎn)OpenHarmony AI：打造智能語音子系統(tǒng)
提示：本文由電子發(fā)燒友社區(qū)發(fā)布，轉(zhuǎn)載請(qǐng)注明以上來源。如需社區(qū)合作及入群交流，請(qǐng)?zhí)砑游⑿臙EFans0806，或者發(fā)郵箱[email protected]。
原文標(biāo)題：OpenHarmony ACE 代碼框架總結(jié)
文章出處：【微信公眾號(hào)：電子發(fā)燒友開源社區(qū)】歡迎添加關(guān)注！文章轉(zhuǎn)載請(qǐng)注明出處。
聲明：本文內(nèi)容及配圖由入駐作者撰寫或者入駐合作網(wǎng)站授權(quán)轉(zhuǎn)載。文章觀點(diǎn)僅代表作者本人，不代表電子發(fā)燒友網(wǎng)立場。文章及其配圖僅供工程師學(xué)習(xí)之用，如有內(nèi)容侵權(quán)或者其他違規(guī)問題，請(qǐng)聯(lián)系本站處理。
舉報(bào)投訴
-
電子發(fā)燒友
+關(guān)注
關(guān)注
33文章
556瀏覽量
33113 -
開源社區(qū)
+關(guān)注
關(guān)注
0文章
94瀏覽量
487
原文標(biāo)題：OpenHarmony ACE 代碼框架總結(jié)
文章出處：【微信號(hào)：HarmonyOS_Community，微信公眾號(hào)：電子發(fā)燒友開源社區(qū)】歡迎添加關(guān)注！文章轉(zhuǎn)載請(qǐng)注明出處。
發(fā)布評(píng)論請(qǐng)先 登錄
相關(guān)推薦
迅為RK3568開發(fā)板篇OpenHarmony實(shí)操HDF驅(qū)動(dòng)控制LED-編寫內(nèi)核 LED HDF 驅(qū)動(dòng)程序
接下來編譯 LED 驅(qū)動(dòng)，該驅(qū)動(dòng)用于在基于華為設(shè)備框架（HDF）的系統(tǒng)中控制 LED 燈的開關(guān)，完整代碼如下所示：
更多內(nèi)容可以關(guān)注：迅為RK3568開發(fā)板篇OpenHarmony
發(fā)表于 01-17 15:13
OpenHarmony程序分析框架論文入選ICSE 2025
近日，ICSE 2025軟件工程實(shí)踐Track放榜，面向OpenAtom OpenHarmony(以下簡稱“OpenHarmony”)的ArkTS程序分析基礎(chǔ)框架--方舟程序分析器(論文題目為
一加Ace 5系列正式發(fā)布
一加 Ace 5系列正式發(fā)布。該系列中，一加 Ace 5 Pro搭載全新的驍龍8至尊版移動(dòng)平臺(tái)，一加 Ace 5則搭載第三代驍龍8移動(dòng)平臺(tái)。兩款新機(jī)在性能、屏幕、設(shè)計(jì)以及影像等方面帶來全方位升級(jí)，為用戶打造出更加硬核的電競傳奇體
【龍芯2K0300蜂鳥板試用】OpenHarmony代碼
收到龍芯2K0300蜂鳥開發(fā)板后，對(duì)開發(fā)板做了一些了解和研究，現(xiàn)將OpenHarmony代碼提供給大家測試，也希望大家能更多的認(rèn)識(shí)龍芯2K0300蜂鳥開發(fā)板，下面先簡單介紹一下這塊開發(fā)板。
廣東
發(fā)表于 09-18 11:42
400萬！深開鴻OpenHarmony主倉代碼貢獻(xiàn)量再創(chuàng)里程碑！
2024年7月8日，據(jù)OpenAtomOpenHarmony（以下簡稱“OpenHarmony”）官網(wǎng)顯示，深開鴻在OpenHarmony社區(qū)主倉代碼貢獻(xiàn)總量超過400萬行，在華為以外
鴻蒙開發(fā)ArkUI-X基礎(chǔ)知識(shí)：【ArkUI代碼工程及構(gòu)建介紹】
ArkUI作為OpenHarmony的默認(rèn)開發(fā)框架，在本項(xiàng)目（ArkUI-X）中需要做到一套代碼同時(shí)支持多平臺(tái)構(gòu)建，所以會(huì)采取共倉開發(fā)的方式，部分倉直接指向OpenHarmony相關(guān)開
鴻蒙ArkUI-X跨平臺(tái)開發(fā)：【命令行工具（ACE Tools）】
ACE Tools是一套為ArkUI-X項(xiàng)目跨平臺(tái)應(yīng)用開發(fā)者提供的命令行工具，支持在Windows/Ubuntu/macOS平臺(tái)運(yùn)行，用于構(gòu)建OpenHarmony/HarmonyOS、Android和iOS平臺(tái)的應(yīng)用程序，其功能包括開發(fā)環(huán)境檢查，新建項(xiàng)目，編譯打包，安裝
【開源鴻蒙】下載OpenHarmony 4.1 Release源代碼
本文介紹了如何下載開源鴻蒙（OpenHarmony）操作系統(tǒng) 4.1 Release版本的源代碼，該方法同樣可以用于下載OpenHarmony最新開發(fā)版本（master分支）或者4.0 Release、3.2 Release等發(fā)
鴻蒙開發(fā)學(xué)習(xí)：【OpenHarmony HAR】
OpenHarmony js/ts三方庫使用的是OpenHarmony靜態(tài)共享包，即HAR(Harmony Archive)，可以包含js/ts代碼、c++庫、資源和配置文件。通過HAR，可以實(shí)現(xiàn)
【六】Purple Pi OH開發(fā)板帶你7天入門OpenHarmony！
今天我們來從OpenHarmony簡介、環(huán)境搭建、創(chuàng)建第一個(gè)OpenHarmony項(xiàng)目等方面開始OpenHarmony應(yīng)用開發(fā)的第一步。一.OpenHarmony簡介
介紹一種OpenAtom OpenHarmony輕量系統(tǒng)適配方案
本文在不改變?cè)邢到y(tǒng)基礎(chǔ)框架的基礎(chǔ)上， 介紹了一種OpenAtom OpenHarmony（以下簡稱“OpenHarmony”）輕量系統(tǒng)適配方案。
OpenHarmony4.0源碼解析之媒體框架
媒體框架簡介 媒體框架 multimedia_player_framework 主要提供音視頻的錄制與播放功能。 框架簡介 從框架圖中可以看出，媒體
[鴻蒙]OpenHarmony4.0的Rust開發(fā)
。 OpenHarmony 為了集成 C/C++ 代碼和提升編譯速度，使用了 GN + Ninja 的編譯構(gòu)建系統(tǒng)。GN 的構(gòu)建語言簡潔易讀，Ninja 的匯編級(jí)編譯規(guī)則直接高效。 為了在 OpenHarmony
![[鴻蒙]<b class='flag-5'>OpenHarmony</b>4.0的Rust開發(fā)](https://file1.elecfans.com/web2/M00/C1/DB/wKgaomXbKX-AAe6rAADEW5Pyw8c913.png)
【鴻蒙】OpenHarmony 4.0藍(lán)牙代碼結(jié)構(gòu)簡析
OpenHarmony 4.0藍(lán)牙代碼結(jié)構(gòu)簡析前言 OpenHarmony 4.0上藍(lán)牙倉和目錄結(jié)構(gòu)進(jìn)行一次較大整改，本文基于4.0以上版本對(duì)藍(lán)牙代碼進(jìn)行分析，便于讀者快速了解和學(xué)習(xí)
工商網(wǎng)監(jiān)
評(píng)論