[HarmonyOS Next示例代码]UI框架-二维列表

HarmonyOS next 示例代码全集

TwoDimensionList: 该示例通过组件嵌套滚动实现一个响应左右滑动以及上下滑动的列表。

UI框架-二维列表

介绍

该示例通过组件嵌套滚动实现一个响应左右滑动以及上下滑动的列表。

效果预览

工程目录

├──entry/src/main/ets                         // 代码区
│  ├──common
│  │  └──CommonConstants.ets                  // 常量类 
│  ├──entryability
│  │  └──EntryAbility.ets 
│  ├──model
│  │  ├──ListDataSource.ets                  
│  │  ├──MessageList.ets                      // 列表数据
│  │  └──TitleList.ets                        // 表头数据
│  └──pages
│     └──Index.ets                            // 首页
└──entry/src/main/resources                   // 应用资源目录

具体实现

• 本示例通过定义多个自定义组件，封装到Scroll组件中，通过懒加载的方式加载列表数据的方式实现上下左右滑动效果。

相关权限

不涉及。

依赖

不涉及。

约束与限制

1. 本示例仅支持标准系统上运行，支持设备：华为手机。

2. HarmonyOS系统：HarmonyOS NEXT Developer Beta1及以上。

3. DevEco Studio版本：DevEco Studio NEXT Developer Beta1及以上。

4. HarmonyOS SDK版本：HarmonyOS NEXT Developer Beta1 SDK及以上。