HarmonyOS NEXT应用开发案例——列表编辑实现

介绍

本示例介绍用过使用ListItem组件属性swipeAction实现列表左滑编辑效果的功能。 该场景多用于待办事项管理、文件管理、备忘录的记录管理等。

效果图预览

使用说明

  • 点击添加按钮,选择需要添加的待办事项。
  • 长按待办事项,点击删除后,被勾选待办事项被删除。
  • 左滑单个待办事项,点击删除按钮后,当前待办事项被删除。

实现步骤

  1. List组件绑定@State修饰的数组变量toDoData。
  2. ListItem组件设置左滑动效swipeAction 属性,使得单个ListItem可以进行左右滑动,并显示自定义的UIBuilder。 属性。
  3. 触发点击事件新增/删除列表项,更新数组变量toDoData,并同时更新List组件UI(MVVM),具体可参考代码文件ToDoList

高性能知识点

不涉及

工程结构&模块类型

复制代码
pendingitems                                    // har
|---model
|   |---ToDo.ets                                // TODO类定义
|   |---ConstData.ets                           // 常量数据
|---pages
|   |---ToDoList.ets                            // 列表项功能增删实现页面
|   |---ToDoListItem.ets                        // 列表项页面

模块依赖

不涉及

参考资料

ListItem

学习鸿蒙开发势在必行。鸿蒙开发可参考学习文档:https://qr21.cn/FV7h05

为了能让大家更好的学习鸿蒙(HarmonyOS NEXT)开发技术,这边特意整理了《鸿蒙开发学习手册》(共计890页),希望对大家有所帮助:https://qr21.cn/FV7h05

《鸿蒙开发学习手册》:https://qr21.cn/FV7h05

入门必看:https://qr21.cn/FV7h05

  1. 应用开发导读(ArkTS)
  2. ......

HarmonyOS 概念:https://qr21.cn/FV7h05

  1. 系统定义
  2. 技术架构
  3. 技术特性
  4. 系统安全

如何快速入门:https://qr21.cn/FV7h05

  1. 基本概念
  2. 构建第一个ArkTS应用
  3. 构建第一个JS应用
  4. ......

开发基础知识:https://qr21.cn/FV7h05

  1. 应用基础知识
  2. 配置文件
  3. 应用数据管理
  4. 应用安全管理
  5. 应用隐私保护
  6. 三方应用调用管控机制
  7. 资源分类与访问
  8. 学习ArkTS语言
  9. ......

基于ArkTS 开发:https://qr21.cn/FV7h05

  1. Ability开发
  2. UI开发
  3. 公共事件与通知
  4. 窗口管理
  5. 媒体
  6. 安全
  7. 网络与链接
  8. 电话服务
  9. 数据管理
  10. 后台任务(Background Task)管理
  11. 设备管理
  12. 设备使用信息统计
  13. DFX
  14. 国际化开发
  15. 折叠屏系列
  16. ......

鸿蒙开发面试真题(含参考答案):https://qr21.cn/FV7h05

相关推荐
张风捷特烈7 小时前
Flutter 伪3D绘制#03 | 轴测投影原理分析
android·flutter·canvas
云上艺旅9 小时前
K8S学习之基础七十四:部署在线书店bookinfo
学习·云原生·容器·kubernetes
你觉得2059 小时前
哈尔滨工业大学DeepSeek公开课:探索大模型原理、技术与应用从GPT到DeepSeek|附视频与讲义下载方法
大数据·人工智能·python·gpt·学习·机器学习·aigc
写雨.010 小时前
鸿蒙定位开发服务
华为·harmonyos·鸿蒙
omegayy10 小时前
Unity 2022.3.x部分Android设备播放视频黑屏问题
android·unity·视频播放·黑屏
mingqian_chu10 小时前
ubuntu中使用安卓模拟器
android·linux·ubuntu
A旧城以西10 小时前
数据结构(JAVA)单向,双向链表
java·开发语言·数据结构·学习·链表·intellij-idea·idea
无所谓จุ๊บ10 小时前
VTK知识学习(50)- 交互与Widget(一)
学习·vtk
自动花钱机10 小时前
Kotlin问题汇总
android·开发语言·kotlin
FAREWELL0007510 小时前
C#核心学习(七)面向对象--封装(6)C#中的拓展方法与运算符重载: 让代码更“聪明”的魔法
学习·c#·面向对象·运算符重载·oop·拓展方法