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