??想了解更多內(nèi)容，請訪問：??

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

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

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

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

①基于JS擴展的類Web開發(fā)范式(簡稱“類Web開發(fā)范式”)

②基于TS擴展的聲明式開發(fā)范式(簡稱“聲明式開發(fā)范式”)。

聲明式開發(fā)范式

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

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

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

創(chuàng)建項目

應用目錄結構

開始我們只需要關注‘ets‘、‘config.json‘、‘resources‘

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

ets‘目錄詳解

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

資源引用

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

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

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

總結

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

??想了解更多內(nèi)容，請訪問：??

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

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