国产精品久久久aaaa,日日干夜夜操天天插,亚洲乱熟女香蕉一区二区三区少妇,99精品国产高清一区二区三区,国产成人精品一区二区色戒,久久久国产精品成人免费,亚洲精品毛片久久久久,99久久婷婷国产综合精品电影,国产一区二区三区任你鲁

0
  • 聊天消息
  • 系統消息
  • 評論與回復
登錄后你可以
  • 下載海量資料
  • 學習在線課程
  • 觀看技術視頻
  • 寫文章/發帖/加入社區
會員中心
創作中心

完善資料讓更多小伙伴認識你,還能領取20積分哦,立即完善>

3天內不再提示

鴻蒙ArkUI開發:常用布局【 創建列表(List)】

jf_46214456 ? 來源:jf_46214456 ? 作者:jf_46214456 ? 2024-05-15 15:30 ? 次閱讀
加入交流群
微信小助手二維碼

掃碼添加小助手

加入工程師交流群

創建列表(List)

  1. 列表容器是為了高效處理長列表的容器,能支持橫向、豎向滾動,數據分組,分組頭懸浮等功能
  2. 列表容器內的所有子元素必須是[ListItemGroup]或[ListItem],我們實際的內容是在這倆容器內部的
  3. 創建列表子元素一般使用[ForEach]或者[LazyForEach]來減少開發量
  4. 開發前請熟悉鴻蒙開發指導文檔:[gitee.com/li-shizhen-skin/harmony-os/blob/master/README.md]

List、ListItemGroup和ListItem組件關系

image.png

搜狗高速瀏覽器截圖20240326151547.png

`HarmonyOSOpenHarmony鴻蒙文檔籽料:mau123789是v直接拿`

typescript
復制代碼
List() {
    ListItem() {
    }
    ListItem() {
    }
    ListItemGroup() {
    }
    LazyForEach(this.dataSource, item = > {
        ListItem() {
            ...
        }
    })
}
// 設置垂直方向
.listDirection(Axis.Vertical)
// 粘性header
.sticky(StickyStyle.Header)
// 兩列
.lanes(2)

審核編輯 黃宇

聲明:本文內容及配圖由入駐作者撰寫或者入駐合作網站授權轉載。文章觀點僅代表作者本人,不代表電子發燒友網立場。文章及其配圖僅供工程師學習之用,如有內容侵權或者其他違規問題,請聯系本站處理。 舉報投訴
  • 開發
    +關注

    關注

    0

    文章

    378

    瀏覽量

    42144
  • 鴻蒙
    +關注

    關注

    60

    文章

    2963

    瀏覽量

    45883
收藏 人收藏
加入交流群
微信小助手二維碼

掃碼添加小助手

加入工程師交流群

    評論

    相關推薦
    熱點推薦

    HarmonyOS開發ArkUI案例:【常用布局容器對齊方式】

    基于ArkTS擴展的聲明式開發范式,實現Flex、Column、Row和Stack四種常用布局容器對齊方式。
    的頭像 發表于 05-08 16:47 ?2941次閱讀
    HarmonyOS<b class='flag-5'>開發</b><b class='flag-5'>ArkUI</b>案例:【<b class='flag-5'>常用布局</b>容器對齊方式】

    鴻蒙ArkUI開發常用布局【主軸】

    線性布局的子元素在線性方向上(水平方向和垂直方向)依次排列
    的頭像 發表于 05-13 17:33 ?1780次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkUI</b><b class='flag-5'>開發</b>:<b class='flag-5'>常用布局</b>【主軸】

    鴻蒙開發-ArkUI框架實戰【日歷應用 】

    對于剛剛接觸OpenHarmony應用開發開發者,最快的入門方式就是開發一個簡單的應用,下面記錄了一個日歷應用的開發過程,通過日歷應用的開發
    發表于 01-17 21:37

    鴻蒙開發實戰-(ArkUIList組件和Grid組件的使用

    一系列相同寬度的列表項,連續、多行呈現同類數據,例如圖片和文本。常見的列表有線性列表List列表)和網格
    發表于 01-18 20:18

    HarmonyOS NEXT應用元服務布局合理使用布局組件

    組件,如使用Flex實現折行布局、使用Grid實現二維網格布局等。 Scroll嵌套List場景下,給定List組件寬高 在使用Scroll容器組件嵌套
    發表于 06-20 15:48

    OpenHarmony使用ArkUI Inspector分析布局

    本文轉載自《#2023 盲盒+碼 # OpenHarmony使用ArkUI Inspector分析布局》,作者:zhushangyuan_ ● 摘要:視圖的嵌套層次會影響應用的性能,開發者應該移除
    發表于 09-04 15:27

    鴻蒙應用ui布局

    請問,在用java開發鴻蒙用布局UI時,怎么才能全屏布局(不顯示labelb標題)
    發表于 09-20 22:09

    鴻蒙ArkUI開發-Tabs組件的使用

    鴻蒙ArkUI開發-Tabs組件的使用
    的頭像 發表于 01-19 16:01 ?3912次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkUI</b><b class='flag-5'>開發</b>-Tabs組件的使用

    鴻蒙跨平臺框架:【ArkUi-X】創建工程

    鴻蒙推出了鴻ArkUi-X 框架所以就寫個文章分享一下
    的頭像 發表于 05-13 17:48 ?2388次閱讀
    <b class='flag-5'>鴻蒙</b>跨平臺框架:【<b class='flag-5'>ArkUi</b>-X】<b class='flag-5'>創建</b>工程

    鴻蒙ArkUI開發常用布局【彈性布局方向圖】

    FlexDirection.Row(默認值):主軸為水平方向,子組件從起始端沿著水平方向開始排布
    的頭像 發表于 05-14 09:23 ?817次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkUI</b><b class='flag-5'>開發</b>:<b class='flag-5'>常用布局</b>【彈性<b class='flag-5'>布局</b>方向圖】

    鴻蒙ArkUI開發常用布局【相對布局

    相對布局可以讓子元素指定兄弟元素或父容器作為錨點,基于錨點做位置布局
    的頭像 發表于 05-14 20:50 ?1617次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkUI</b><b class='flag-5'>開發</b>:<b class='flag-5'>常用布局</b>【相對<b class='flag-5'>布局</b>】

    鴻蒙ArkUI開發常用布局創建網格(Grid/GridItem)】

    網格布局主要用于處理固定行列的UI,也支持動態調整。很類似iOS中的UICollectionView。
    的頭像 發表于 05-15 16:24 ?1878次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkUI</b><b class='flag-5'>開發</b>:<b class='flag-5'>常用布局</b>【<b class='flag-5'>創建</b>網格(Grid/GridItem)】

    鴻蒙用布局ArkUI:【其他常用布局容器和組件】介紹

    創建輪播(Swiper)實現輪播圖功能
    的頭像 發表于 05-15 20:22 ?991次閱讀
    <b class='flag-5'>鴻蒙</b>應<b class='flag-5'>用布局</b><b class='flag-5'>ArkUI</b>:【其他<b class='flag-5'>常用布局</b>容器和組件】介紹

    鴻蒙ArkUI-X跨平臺技術:【開發準備】

    本文檔適用于ArkUI跨平臺應用開發的初學者。通過開發環境搭建、應用工程創建、編譯和運行,熟悉ArkUI跨平臺應用
    的頭像 發表于 05-24 10:40 ?1672次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkUI</b>-X跨平臺技術:【<b class='flag-5'>開發</b>準備】

    鴻蒙ArkUI-X跨平臺開發:【 編寫第一個ArkUI-X應用】

    通過構建一個簡單的ArkUI頁面跳轉示例,快速了解資源創建引用,路由代碼編寫和UI布局編寫等應用開發流程。
    的頭像 發表于 05-21 17:36 ?2218次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkUI</b>-X跨平臺<b class='flag-5'>開發</b>:【 編寫第一個<b class='flag-5'>ArkUI</b>-X應用】