diff --git a/zh-cn/third-party-cases/how-to-add-delete-listitems.md b/zh-cn/third-party-cases/how-to-add-delete-listitems.md index 4b8b16570289637d1553e0ee478338640bd7fa16..a172516162a828b3c8ffcf412dda83837d65b61f 100644 --- a/zh-cn/third-party-cases/how-to-add-delete-listitems.md +++ b/zh-cn/third-party-cases/how-to-add-delete-listitems.md @@ -1,15 +1,15 @@ -## 如何实现列表项的新增和删除 +# 如何实现列表项的新增和删除 -### 场景介绍 +## 场景介绍 列表的编辑模式用途十分广泛,常见于待办事项管理、文件管理、备忘录的记录管理等应用场景。在列表的编辑模式下,新增和删除列表项是最基础的功能,其核心是对列表项对应的数据集合进行数据添加和删除。 下面以待办事项管理为例,介绍如何快速实现新增和删除列表项功能。 -### 环境要求 +## 环境要求 - IDE:DevEco Studio 3.1 Beta1 - SDK:Ohos_sdk_public 3.2.11.9 (API Version 9 Release) -### 新增列表项 +## 新增列表项 如下图所示,当用户点击添加按钮时,将弹出列表项选择界面,用户点击确定后,列表中新增对应项目。 @@ -17,7 +17,7 @@ ![新增列表](figures/add-item.gif) -#### 开发步骤 +### 开发步骤 1. 定义列表项数据结构和初始化列表数据,构建列表整体布局和列表项。 以待办事项管理为例,首先定义待办事项的数据结构: @@ -81,7 +81,7 @@ ``` -### 删除列表项 +## 删除列表项 如下图所示,当用户长按列表项进入删除模式时,提供用户删除列表项选择的交互界面,用户勾选完成后点击删除按钮,列表中删除对应的项目。 @@ -89,7 +89,7 @@ ![删除列表](figures/delete-item.gif) -#### 开发步骤 +### 开发步骤 1. 列表的删除功能一般进入编辑模式后才可使用,所以需要提供编辑模式的入口。 以待办列表为例,通过LongPressGesture()监听列表项的长按事件,当用户长按列表项时,进入编辑模式。 @@ -153,7 +153,7 @@ }) ... ``` -### 完整示例代码 +## 完整示例代码 新增和删除列表项的实现共涉及三个文件,各文件完整代码如下: 1. 待办事项数据结构代码(ToDo.ets): ```ts