??想了解更多內(nèi)容，請(qǐng)?jiān)L問(wèn)：??

??51CTO和華為官方合作共建的鴻蒙技術(shù)社區(qū)??

??https://harmonyos.51cto.com??

方舟開(kāi)發(fā)框架(ArkUI框架)

針對(duì)不同目的和技術(shù)背景的開(kāi)發(fā)者提供了兩種開(kāi)發(fā)范式：

①基于JS擴(kuò)展的類Web開(kāi)發(fā)范式(簡(jiǎn)稱“類Web開(kāi)發(fā)范式”)

②基于TS擴(kuò)展的聲明式開(kāi)發(fā)范式(簡(jiǎn)稱“聲明式開(kāi)發(fā)范式”)。

聲明式開(kāi)發(fā)范式

是為HarmonyOS平臺(tái)開(kāi)發(fā)極簡(jiǎn)、高性能、跨設(shè)備應(yīng)用設(shè)計(jì)的UI開(kāi)發(fā)框架，支持開(kāi)發(fā)者高效快速構(gòu)建跨設(shè)備應(yīng)用UI界面。聲明式開(kāi)發(fā)告訴編輯器做什么，不關(guān)注其怎么做，即按照設(shè)定的規(guī)則進(jìn)行組裝就能達(dá)到實(shí)用的效果。

聲明式開(kāi)發(fā)范式可以寫出更簡(jiǎn)潔、更具有表現(xiàn)力的代碼，代碼量越少，出現(xiàn)錯(cuò)誤的幾率越小。

Text('Hello World').fontSize(50)

創(chuàng)建項(xiàng)目

應(yīng)用目錄結(jié)構(gòu)

開(kāi)始我們只需要關(guān)注‘ets‘、‘config.json‘、‘resources‘

• ets：存放ets代碼的文件夾;
• config.json：配置文件，一般情況下不用修改，創(chuàng)建頁(yè)面時(shí)一般會(huì)自動(dòng)把頁(yè)面路由引入;
• resources：存放資源文件。

ets‘目錄詳解

• app.ets文件用于全局應(yīng)用邏輯和應(yīng)用生命周期管理，提供onCreate和onDestroy方法，用于創(chuàng)建和銷毀。
• pages目錄用于存放所有組件頁(yè)面，即根據(jù)實(shí)際需求產(chǎn)出的UI界面。
• common目錄用于存放公共代碼文件，可選。

資源引用

• 引用應(yīng)用資源：通過(guò)$r('app.type.name')的形式引用resources目錄中base目錄下的資源，其中app代表resources目錄中定義的資源，type代表資源類型或存放位置，如base->element目錄下的string，name為資源名稱。

注：引入‘rawfile‘下資源時(shí)使用‘$rawfile(′filename′)‘的形式，暫僅支持‘Image‘控件引入圖片資源。

• 引入系統(tǒng)資源：可以通過(guò)$r('sys.type.resource_id')的形式引入系統(tǒng)資源，可以開(kāi)發(fā)出具有相同視覺(jué)風(fēng)格的應(yīng)用，其中sys代表系統(tǒng)資源，type代表資源類型(可取color|float|string|media)，resource_id代表資源id，參見(jiàn)系統(tǒng)資源附錄。

總結(jié)

在開(kāi)始“薈萃”之前，對(duì)ArkUI有一些簡(jiǎn)單的了解，接下來(lái)我將通過(guò)實(shí)例應(yīng)用帶大家一起領(lǐng)略聲明式開(kāi)發(fā)范式的開(kāi)箱即用的組件、豐富的動(dòng)效接口、狀態(tài)與數(shù)據(jù)管理、系統(tǒng)能力接口。

??想了解更多內(nèi)容，請(qǐng)?jiān)L問(wèn)：??

??51CTO和華為官方合作共建的鴻蒙技術(shù)社區(qū)??

??https://harmonyos.51cto.com??