登录社区云,与社区用户共同成长
邀请您加入社区
购物清单(Shopping List)是一款实用的日常购物管理工具。用户可以添加待购商品,通过点击复选框标记已购商品,并实时查看购买进度(已购/总数 和 进度条)。应用支持单个删除和批量清除已购商品,帮助用户高效管理购物流程。在 ArkTS 技术层面,购物清单是列表操作集大成者——它完整实现了增(添加商品)、改(勾选切换)、删(单删/批量清除)三种操作,并引入了Progress的Linear(线性
阅读清单(Reading List)是一款面向书籍爱好者的清单管理工具。用户可以添加想读的书籍(书名+作者),并通过点击状态标签在「想读 → 在读 → 已读」三个状态之间循环切换。同时支持按状态筛选查看和删除书籍。对于经常读书的人来说,管理阅读进度是一个常见需求。这款应用以极简的方式实现了书单的三态管理,是 ArkTS 中状态流转条件筛选和列表操作的经典案例。从技术层面,它展示了Text作为交互按
随机选择(Random Picker)是一款解决"选择困难症"的趣味工具应用,帮助用户在多个选项中随机做出决定。应用内置了12个预设选项(涵盖饮食、娱乐、学习等生活场景),用户也可以自由添加和删除自定义选项。点击"帮我选"按钮后,选项会以快速轮播动画的方式跳动,最终定格在选中的选项上。应用基于 HarmonyOS 的 ArkTS 语言和声明式 UI 框架构建,完美展示了 List 列表组件、set
本文深入探讨了HarmonyOS ArkUI框架中List组件的弹性回弹边缘效果实现。文章首先分析了移动端滚动体验的重要性,介绍了ArkUI的声明式UI体系和布局组件分类。然后重点剖析了List组件的架构设计,包括其核心特性、构造参数和ListItem设计。通过EdgeEffect枚举类型,详细讲解了弹性回弹效果的物理原理和渲染机制。最后提供了完整的实现指南,涵盖基础实现、API适配、常见问题解决
在记账应用中,账单列表和资产列表是最核心的信息展示形式。当用户记账数据累积到成百上千条时,列表的渲染性能直接影响到用户体验。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
list
——list
联系我们(工作时间:8:30-22:00)
400-660-0108 kefu@csdn.net