??想了解更多內容，請訪問：??

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

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

方舟開發框架(ArkUI框架)

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

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

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

聲明式開發范式

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

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

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

創建項目

應用目錄結構

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

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

ets‘目錄詳解

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

資源引用

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

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

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

總結

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

??想了解更多內容，請訪問：??

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

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