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

OpenHarmony自定義組件:ClearableInput和Keyboard

OpenHarmony自定義組件FlowImageLayout

OpenHarmony自定義組件ProgressWithText

OpenHarmony自定義組件CircleProgress

評(píng)論