高清无码美日韩日韩最新av网站,国产黄色av爽爽爽爽爽爽爽爽爽爽爽,97人妻精品视频

一：ACE_Engine框架概述：

ACE_Engine框架是OpenHarmony 的UI開(kāi)發(fā)框架，提供開(kāi)發(fā)者在進(jìn)行應(yīng)用UI開(kāi)發(fā)時(shí)所必需的各種組件，以及定義這些組件的屬性，樣式，事件及方法。通過(guò)這些組件可以很方便的進(jìn)行OpenHarmony上UI應(yīng)用的開(kāi)發(fā)。 ACE_Engine提供的組件分為兩種類(lèi)型，即：類(lèi)Web開(kāi)發(fā)范式類(lèi)型和聲明式開(kāi)發(fā)范式類(lèi)型。其中類(lèi)Web開(kāi)發(fā)范式中定義一個(gè)頁(yè)面需要三個(gè)文件，html，css和js文件。html文件負(fù)責(zé)頁(yè)面布局，css文件負(fù)責(zé)定義組件的樣式，js文件負(fù)責(zé)業(yè)務(wù)邏輯實(shí)現(xiàn)。而聲明式范式僅需要1個(gè)ets文件，頁(yè)面布局和組件的樣式以及業(yè)務(wù)邏輯實(shí)現(xiàn)都在此文件中。如圖：

?二：ACE_Engine框架模塊劃分對(duì)于類(lèi)Web開(kāi)發(fā)范式組件，根據(jù)組件從前端到后端的過(guò)程，可以將整個(gè)框架劃分為JsFrameWork，DomNode, ComPonent, RenderNode四個(gè)模塊。其作用分別如下：

JsFrameWork：

負(fù)責(zé)解析前端html和css文件，創(chuàng)建出DomNode樹(shù)。該樹(shù)的結(jié)構(gòu)和前端頁(yè)面是一一對(duì)應(yīng)的。2. DomNode：負(fù)責(zé)將Dom樹(shù)轉(zhuǎn)換為Component樹(shù)。注意一個(gè)Dom節(jié)點(diǎn)轉(zhuǎn)換過(guò)后的Component節(jié)點(diǎn)實(shí)際上并不是一個(gè)單獨(dú)的節(jié)點(diǎn)，而是一顆以rootComponent為跟節(jié)點(diǎn)的組件樹(shù)。該樹(shù)中逐層包裹了對(duì)應(yīng)的功能組件，最內(nèi)部才是真正的主節(jié)點(diǎn)（這樣的作用是功能解耦合，將某一特定的功能放到對(duì)應(yīng)的組件中去）。如BoxComponet負(fù)責(zé)組件的邊框繪制，DisplayComponent負(fù)責(zé)組件透明度繪制，TouchComponent負(fù)責(zé)組件觸摸時(shí)間的處理等。，一個(gè)詳細(xì)過(guò)程見(jiàn)DOMNode::GenerateComponentNode函數(shù)。3. ComPonent：負(fù)責(zé)將Component樹(shù)中所有繼承自RenderComponent的節(jié)點(diǎn)（可繪制節(jié)點(diǎn)）創(chuàng)建對(duì)應(yīng)的RendNode節(jié)點(diǎn)，生成對(duì)應(yīng)的RendNode樹(shù)。見(jiàn)RenderComponent ::CreateRenderNode虛函數(shù)，4. RenderNode： RenderNode即可繪制的節(jié)點(diǎn)，負(fù)責(zé)組件的最終布局和繪制。其中布局函數(shù)為PerformLayout虛函數(shù)，由每個(gè)組件對(duì)應(yīng)的實(shí)現(xiàn)類(lèi)Render***類(lèi)來(lái)實(shí)現(xiàn)。繪制函數(shù)為Paint虛函數(shù)，由每個(gè)組件對(duì)應(yīng)的子類(lèi)FlutterRender***類(lèi)來(lái)實(shí)現(xiàn)。對(duì)于聲明式開(kāi)發(fā)范式組件，根據(jù)組件從前端到后端的過(guò)程，可以將整個(gè)框架劃分為EtsLoader，JsView, ComPonent, RenderNode四個(gè)模塊。其作用分別如下：

EtsLoader

負(fù)責(zé)解析ets頁(yè)面，根據(jù)組件的tag標(biāo)簽創(chuàng)建對(duì)應(yīng)的JsView對(duì)象，生成jsView樹(shù)。2. JsView 負(fù)責(zé)處理組件的屬性，方法和事件。并通過(guò)Create函數(shù)創(chuàng)建對(duì)應(yīng)的Component樹(shù)。3. ComPonent：同Web開(kāi)發(fā)范式組件中的Component4. RenderNode：同Web開(kāi)發(fā)范式組件中的RenderNode 各模塊創(chuàng)建示意圖如下圖所示：

?各模塊見(jiàn)的調(diào)用關(guān)系及主要函數(shù)如下：

?三：組件的屬性/樣式的傳遞過(guò)程

組件的屬性和樣式是保存在前端頁(yè)面的，通過(guò)JsframeWork解析頁(yè)面，并調(diào)用JsEngine的CreateDomNode接口創(chuàng)建Dom節(jié)點(diǎn)的同時(shí)傳遞新節(jié)點(diǎn)屬性和樣式。如果頁(yè)面中屬性樣式發(fā)生變化，則單獨(dú)調(diào)用SetAttr或SetStyle來(lái)更新屬性和樣式。
DomNode收到屬性和樣式之后，會(huì)將通用屬性保存在Declation類(lèi)中，將組件特有的屬性通過(guò)SetSpecialAttr和SetSpectialStyle函數(shù)保存在自身。
DomNode調(diào)用對(duì)應(yīng)Component類(lèi)的Set***函數(shù)，將所有屬性和樣式設(shè)置到Component中。
RenderNode創(chuàng)建后，會(huì)調(diào)用其Update函數(shù)。該函數(shù)內(nèi)調(diào)用對(duì)應(yīng)Component的Get***函數(shù)，來(lái)接收組件的所有屬性和樣式。
在PipeLine中會(huì)遍歷每個(gè)RenderNode進(jìn)行布局和繪制，此時(shí)，就依據(jù)RenderNode中接收的屬性和樣式，進(jìn)行布局并繪制。

? ?四：總結(jié)ACE_Engine框架整體代碼較復(fù)雜，涉及的類(lèi)也比較多。本文簡(jiǎn)單介紹了一個(gè)ACE組件從前端的頁(yè)面描述，到中間層三棵樹(shù)的創(chuàng)建和屬性傳遞，以及最終進(jìn)行UI布局和繪制的整個(gè)過(guò)程。該過(guò)程簡(jiǎn)單總結(jié)一下就是：JS頁(yè)面 —> Dom樹(shù) —> Component樹(shù) —> Render樹(shù)，最后繪制Render樹(shù)。大家只要理解這個(gè)基本過(guò)程，在結(jié)合代碼關(guān)注重點(diǎn)流程。相信一定能夠?qū)CE_Engine框架的代碼有整體的理解。再此基礎(chǔ)上可以進(jìn)行ACE組件的增強(qiáng)功能開(kāi)發(fā)，包括新增一個(gè)ACE組件等。文章轉(zhuǎn)自：鴻湖萬(wàn)聯(lián) 參考：新增一個(gè)類(lèi)Web范式組件開(kāi)發(fā)指南：https://gitee.com/yan-shuifeng/arkui_docs/blob/master/wiki/Ace1.0前端新增組件開(kāi)發(fā)指南%EF%BC%9A以新增MyCircle組件為例_ver1.0.md 新增一個(gè)聲明式范式組件開(kāi)發(fā)指南https://gitee.com/yan-shuifeng/arkui_docs/blob/master/wiki/Ace2.0前端新增組件開(kāi)發(fā)指南%EF%BC%9A以新增MyCircle組件為例_ver1.0.md 更多熱點(diǎn)文章閱讀

玩轉(zhuǎn)OpenHarmony PID：教你打造兩輪平衡車(chē)
基于 OpenHarmony 的智聯(lián)北斗海防系統(tǒng)
玩轉(zhuǎn)OpenHarmony智能家居：如何實(shí)現(xiàn)樹(shù)莓派“碰一碰”設(shè)備控制
帶你玩轉(zhuǎn)OpenHarmony AI：基于Seetaface2的人臉識(shí)別
帶你玩轉(zhuǎn)OpenHarmony AI：打造智能語(yǔ)音子系統(tǒng)

提示：本文由電子發(fā)燒友社區(qū)發(fā)布，轉(zhuǎn)載請(qǐng)注明以上來(lái)源。如需社區(qū)合作及入群交流，請(qǐng)?zhí)砑游⑿臙EFans0806，或者發(fā)郵箱liuyong@huaqiu.com。

原文標(biāo)題：OpenHarmony ACE 代碼框架總結(jié)

文章出處：【微信公眾號(hào)：電子發(fā)燒友開(kāi)源社區(qū)】歡迎添加關(guān)注！文章轉(zhuǎn)載請(qǐng)注明出處。

聲明：本文內(nèi)容及配圖由入駐作者撰寫(xiě)或者入駐合作網(wǎng)站授權(quán)轉(zhuǎn)載。文章觀點(diǎn)僅代表作者本人，不代表電子發(fā)燒友網(wǎng)立場(chǎng)。文章及其配圖僅供工程師學(xué)習(xí)之用，如有內(nèi)容侵權(quán)或者其他違規(guī)問(wèn)題，請(qǐng)聯(lián)系本站處理。舉報(bào)投訴