在初步了解了ArkTS語言之后，我們以一個具體的示例來說明ArkTS的基本組成。如下圖所示，當開發(fā)者點擊按鈕時，文本內容從“Hello World”變?yōu)椤癏ello ArkUI”。

本示例中，ArkTS的基本組成如下所示。

• 裝飾器： 用于裝飾類、結構、方法以及變量，并賦予其特殊的含義。如上述示例中@Entry、@Component和@State都是裝飾器，@Component表示自定義組件，@Entry表示該自定義組件為入口組件，@State表示組件中的狀態(tài)變量，狀態(tài)變量變化會觸發(fā)UI刷新。
• UI描述：以聲明式的方式來描述UI的結構，例如build()方法中的代碼塊。
• 自定義組件：可復用的UI單元，可組合其他組件，如上述被@Component裝飾的struct Hello。
• 系統(tǒng)組件：ArkUI框架中默認內置的基礎和容器組件，可直接被開發(fā)者調用，比如示例中的Column、Text、Divider、Button。
• 屬性方法：組件可以通過鏈式調用配置多項屬性，如fontSize()、width()、height()、backgroundColor()等。
• 事件方法：組件可以通過鏈式調用設置多個事件的響應邏輯，如跟隨在Button后面的onClick()。
• 系統(tǒng)組件、屬性方法、事件方法具體使用可參考基于ArkTS的聲明式開發(fā)范式。

除此之外，ArkTS擴展了多種語法范式來使開發(fā)更加便捷：

• @Builder/@BuilderParam：特殊的封裝UI描述的方法，細粒度的封裝和復用UI描述。
• @Extend/@Styles：擴展內置組件和封裝屬性樣式，更靈活地組合內置組件。
• stateStyles：多態(tài)樣式，可以依據組件的內部狀態(tài)的不同，設置不同樣式。