組件是 OpenHarmony 頁面最小顯示單元,一個頁面可由多個組件組合而成,也可只由一個組件組合而成,這些組件可以是ArkUI開發(fā)框架自帶系統(tǒng)組件,比如 Text
、 Button
等,也可以是自定義組件,本節(jié)筆者簡單介紹一下自定義組件的語法規(guī)范。
定義組件
自定義一個組件,首先要定義好名稱,盡量做到見名知意,比如定義一個標題欄組件,筆者把它命名為 TitleBar
,為了讓系統(tǒng)知道這是一個組件,需要使用 @Component
修飾符和 struct
關(guān)鍵字修飾,格式:【@Component struct + 組件名稱】,如下所示:
@Component struct TitleBar {
build() {
// 省略
}
}
@Entry @Component struct Index {
build() {
// 省略
}
}
- struct :表示
TitleBar
是一個結(jié)構(gòu)體,使用struct
關(guān)鍵字必須實現(xiàn)build()
方法,否則編譯器報錯:Require build function for struct
。 - @Component :表示
TitleBar
這個結(jié)構(gòu)體具有組件化的能力,也就是說它可以成為一個獨立的組件。 - @Entry :表示當前組件是頁面的總?cè)肟冢唵卫斫饩褪琼撁娴母?jié)點,一個頁面有且僅有一個
@Entry
修飾符,只有被@Entry
修飾的組件或者子組件才會在頁面上顯示。
審核編輯 黃宇
-
鴻蒙
+關(guān)注
關(guān)注
59文章
2525瀏覽量
43774 -
OpenHarmony
+關(guān)注
關(guān)注
27文章
3831瀏覽量
18154
發(fā)布評論請先 登錄
HarmonyOS實戰(zhàn)開發(fā)-深度探索與打造個性化自定義組件
本周四晚19:00知識賦能第八期第2課丨ArkUI自定義組件
OpenHarmony自定義組件介紹
OpenHarmony自定義構(gòu)建函數(shù):@Builder裝飾器
OpenHarmony自定義組件:ClearableInput和Keyboard

OpenHarmony自定義組件FlowImageLayout

OpenHarmony自定義組件ProgressWithText

OpenHarmony自定義組件CircleProgress

評論