登录社区云，与社区用户共同成长
邀请您加入社区
本文系统介绍了HarmonyOS中List组件的开发应用，重点讲解了在个人设置页中的实现方法。主要内容包括：List组件的基础特性（支持结构化数据展示、可滚动）、接口参数（间距、初始索引、滚动控制）和常用属性（排列方向、分列/行、分割线）。通过设置页案例演示了开发流程：数据层准备二维数组，页面层使用双层ForEach遍历分组数据，并封装统一列表项组件。最后总结了List的核心知识点及List→Li
很多应用都绕不开列表：消息列表、商品列表、设置项、文章列表、任务列表。ArkTS 里可以用List和ListItem展示列表，用ForEach根据数组生成重复界面。这一篇我们做一个待办列表：输入任务，点击添加，下面列表自动多一条。
在记账应用中，账单列表和资产列表是最核心的信息展示形式。当用户记账数据累积到成百上千条时，列表的渲染性能直接影响到用户体验。HarmonyOS 提供了懒加载机制，结合List组件的虚拟化能力，可以高效渲染长列表。本文以 MoneyTrack 中的账单项列表和资产列表为例，深入分析 LazyForEach 的配置与优化方法。
onMove是用于实现拖拽排序功能的核心接口，适用于List组件与ForEach/LazyForEach/Repeat组合场景。其主回调函数接收from和to索引参数，开发者需在此更新数据源顺序。API20+支持附加事件回调如长按、拖拽开始等事件监听。使用时需确保数据源一致性，基础功能支持API12+，扩展事件需API20+。典型用法是在List的ForEach中调用onMove并执行数组spli
这篇文章介绍了Refresh下拉刷新组件的使用方法。主要内容包括：1）基本使用方式，通过嵌套List实现下拉刷新功能；2）可配置属性如刷新距离、跟手系数等；3）状态变化和刷新事件监听；4）自定义刷新动效的实现方法。文章提供了完整的示例代码，演示了如何创建默认刷新效果和自定义UI样式，并详细说明了组件的各项参数和回调函数的使用场景。该组件适用于需要下拉刷新功能的列表页面开发。
本文介绍了在HarmonyOS开发中实现List组件子元素溢出布局的两种方法：1)在List内部使用ListItem占位，通过负边距实现元素溢出效果；2)在List外部使用Row占位，并设置List.clip(false)属性。这两种方式都能实现头像等元素超出容器边缘的视觉特效，适用于需要突出显示子项的场景。文章还提供了示例代码和效果图预览，展示了如何在保持列表正常滚动的同时实现个性化布局效果。该
一个基于鸿蒙的待办事项管理应用案例，详细说明了其功能实现思路，包括List组件绑定、ListItem滑动操作以及数据更新机制。该应用支持待办事项的添加、完成状态切换和删除功能，采用MVVM模式实现UI自动更新。工程结构清晰划分了模型和页面模块，展现了鸿蒙应用开发的基本架构模式。
摘要：本文展示了如何使用ArkUI的animateTo显式动画和if条件渲染实现ListItem内容的展开/收起效果。通过@State变量控制内容显示状态，点击按钮时触发300ms的平滑动画切换，同时动态改变按钮文本（"展开"/"收起"）。代码包含完整的列表示例，每个列表项可独立展开显示灰色背景的内容区域，并具备良好的交互视觉效果。
onScrollIndex 可以拿到start end center 三个索引 开始滑动的索引 结束的索引 和当前位于中间的索引。Button('获取指定索引的位置信息').onClick(() => {Button('获取指定位置信息的索引').onClick(() => {Button('指定项的项').onClick(() => {*获取的位置是 相对于整个list的左上角开始算的。因为官方
本文介绍了三种在鸿蒙开发中判断列表是否超过一屏显示的方法：1) 通过累加列表项高度与容器高度对比；2) 使用getItemRect获取最后一项位置信息判断；3) 针对分组列表使用getItemRectInGroup方法。最后指出鸿蒙开发需要系统学习ArkTS、Stage模型等核心技术，并提供了鸿蒙开发学习路线图和包含1236页的鸿蒙开发文档资源。文章强调了鸿蒙作为国产操作系统的发展前景和人才需求，
摘要： 当外层ListA的ListItem设置固定高度时，会导致内层LazyForEach的懒加载失效（所有项一次性加载）；若不设置高度，则懒加载正常但可能显示不全。解决方案是固定内层List高度，并利用自定义BaseDataSource管理数据源，通过notifyData*方法动态更新视图。示例代码中，NewPosItemDataSource继承基类实现数据操作，内层List通过LazyForE
本文分享了鸿蒙开发中实现页面下拉刷新效果的方案。通过自定义刷新组件结合Refresh接口回调，实现下拉过程中的图标动态变化效果。核心步骤包括：1）使用@builder构建刷新组件，控制图标显示状态；2）设置刷新触发距离；3）利用onOffsetChange回调实现图标缩放动画；4）通过状态变更回调完成刷新过程。方案适用于需要个性化下拉刷新场景，代码简洁高效，可快速集成到鸿蒙应用中。
本文实现了一个基于ArkTS的二维懒加载数据结构，使用HashMap存储主数据源和子数据源的映射关系。核心类包括：BasicDataSource提供基础数据变更通知功能；MyDataSource继承并扩展了基础数据源，支持添加不同类型数据；TwoNestingArrayLazy组件通过LazyForEach嵌套实现二维列表的懒加载渲染，外层显示时间表标题，内层显示对应科目。关键技术点包括：1) 使
本示例介绍在List组件内实现子组件超出容器边缘的布局样式的实现方法。List组件clip属性默认为true，超出容器边缘的子组件会按照List的布局范围被裁剪。为此，可以在List组件内部添加一个占位的ListItem，以达到预期的布局效果。List占满整个窗口或者不可滚动的情况下，也可以在List外占位，同时设置List的clip属性为false达成同样的效果。该布局效果多用于头像、列表子项标
