創(chuàng)建列表(List)
- 列表容器是為了高效處理長(zhǎng)列表的容器,能支持橫向、豎向滾動(dòng),數(shù)據(jù)分組,分組頭懸浮等功能
- 列表容器內(nèi)的所有子元素必須是[ListItemGroup]或[ListItem],我們實(shí)際的內(nèi)容是在這倆容器內(nèi)部的
- 創(chuàng)建列表子元素一般使用[ForEach]或者[LazyForEach]來減少開發(fā)量
- 開發(fā)前請(qǐng)熟悉鴻蒙開發(fā)指導(dǎo)文檔:[
gitee.com/li-shizhen-skin/harmony-os/blob/master/README.md
]
List、ListItemGroup和ListItem組件關(guān)系
`HarmonyOS與OpenHarmony鴻蒙文檔籽料:mau123789是v直接拿`
typescript
復(fù)制代碼
List() {
ListItem() {
}
ListItem() {
}
ListItemGroup() {
}
LazyForEach(this.dataSource, item = > {
ListItem() {
...
}
})
}
// 設(shè)置垂直方向
.listDirection(Axis.Vertical)
// 粘性header
.sticky(StickyStyle.Header)
// 兩列
.lanes(2)
審核編輯 黃宇
聲明:本文內(nèi)容及配圖由入駐作者撰寫或者入駐合作網(wǎng)站授權(quán)轉(zhuǎn)載。文章觀點(diǎn)僅代表作者本人,不代表電子發(fā)燒友網(wǎng)立場(chǎng)。文章及其配圖僅供工程師學(xué)習(xí)之用,如有內(nèi)容侵權(quán)或者其他違規(guī)問題,請(qǐng)聯(lián)系本站處理。
舉報(bào)投訴
-
開發(fā)
+關(guān)注
關(guān)注
0文章
370瀏覽量
40836 -
鴻蒙
+關(guān)注
關(guān)注
57文章
2339瀏覽量
42805
發(fā)布評(píng)論請(qǐng)先 登錄
相關(guān)推薦
HarmonyOS開發(fā)ArkUI案例:【常用布局容器對(duì)齊方式】
基于ArkTS擴(kuò)展的聲明式開發(fā)范式,實(shí)現(xiàn)Flex、Column、Row和Stack四種常用布局容器對(duì)齊方式。
鴻蒙開發(fā)-ArkUI框架實(shí)戰(zhàn)【日歷應(yīng)用 】
對(duì)于剛剛接觸OpenHarmony應(yīng)用開發(fā)的開發(fā)者,最快的入門方式就是開發(fā)一個(gè)簡(jiǎn)單的應(yīng)用,下面記錄了一個(gè)日歷應(yīng)用的開發(fā)過程,通過日歷應(yīng)用的開發(fā)
發(fā)表于 01-17 21:37
鴻蒙開發(fā)實(shí)戰(zhàn)-(ArkUI)List組件和Grid組件的使用
一系列相同寬度的列表項(xiàng),連續(xù)、多行呈現(xiàn)同類數(shù)據(jù),例如圖片和文本。常見的列表有線性列表(List列表)和網(wǎng)格
發(fā)表于 01-18 20:18
ArkUI新能力,助力應(yīng)用開發(fā)更便捷
ArkUI框架的新增/增強(qiáng)能力。
ArkUI框架能力集
接下來,小編將從聲明式繪制能力、混合開發(fā)能力、多樣化布局能力、一多組件能力、UI動(dòng)態(tài)化能力五大能力,詳細(xì)說明
發(fā)表于 02-15 11:40
OpenHarmony使用ArkUI Inspector分析布局
本文轉(zhuǎn)載自《#2023 盲盒+碼 # OpenHarmony使用ArkUI Inspector分析布局》,作者:zhushangyuan_
● 摘要:視圖的嵌套層次會(huì)影響應(yīng)用的性能,開發(fā)者應(yīng)該移除
發(fā)表于 09-04 15:27
鴻蒙應(yīng)用ui布局
請(qǐng)問,在用java開發(fā)鴻蒙應(yīng)用布局UI時(shí),怎么才能全屏布局(不顯示labelb標(biāo)題)
發(fā)表于 09-20 22:09
鴻蒙ArkUI開發(fā):常用布局【創(chuàng)建網(wǎng)格(Grid/GridItem)】
網(wǎng)格布局主要用于處理固定行列的UI,也支持動(dòng)態(tài)調(diào)整。很類似iOS中的UICollectionView。
鴻蒙ArkUI-X跨平臺(tái)技術(shù):【開發(fā)準(zhǔn)備】
本文檔適用于ArkUI跨平臺(tái)應(yīng)用開發(fā)的初學(xué)者。通過開發(fā)環(huán)境搭建、應(yīng)用工程創(chuàng)建、編譯和運(yùn)行,熟悉ArkUI跨平臺(tái)應(yīng)用
鴻蒙ArkUI-X跨平臺(tái)開發(fā):【 編寫第一個(gè)ArkUI-X應(yīng)用】
通過構(gòu)建一個(gè)簡(jiǎn)單的ArkUI頁面跳轉(zhuǎn)示例,快速了解資源創(chuàng)建引用,路由代碼編寫和UI布局編寫等應(yīng)用開發(fā)流程。
評(píng)論