基本語法概述

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

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

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

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

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