未验证 提交 ca65d393 编写于 作者: D duangavin123 提交者: Gitee

update zh-cn/third-party-cases/how-to-add-delete-listitems.md.

Signed-off-by: Nduangavin123 <duanxichao@huawei.com>
Signed-off-by: Nduangavin123 <duanxichao@huawei.com>
上级 6c123cb2
## 如何实现列表项的新增和删除
# 如何实现列表项的新增和删除
### 场景介绍
## 场景介绍
列表的编辑模式用途十分广泛,常见于待办事项管理、文件管理、备忘录的记录管理等应用场景。在列表的编辑模式下,新增和删除列表项是最基础的功能,其核心是对列表项对应的数据集合进行数据添加和删除。
下面以待办事项管理为例,介绍如何快速实现新增和删除列表项功能。
### 环境要求
## 环境要求
- 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
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册