您的位置 首页 > 娱乐休闲

小白开发iOS系列:表格视图(二)——删除表格中的数据

哈啰~艾薇巴弟~可爱又迷人的萌新程序员们,大家晚上好呀~欢迎继续来到小白开发iOS系列,今天我们要继续前面的话题,接着跟大家简单介绍一下iOS常规应用开发中最常用的页面布局——表格视图。

上次我们简单介绍了如何在表格视图中显示数据,其实这些内容基本上可以看作是苹果官方入门示例的直接翻译和上机演练。今天我们接着为大家介绍如何删除表格中的数据,是不是觉得很实用呀~

表格的删除也非常简单,我们只需实现一些苹果为我们预先封装好的方法就可以了。先来看一下最终的效果吧。

首先是一张表格视图的基本样式:

最简单的表格布局

注意到在这个表格视图的右上角,有一个“编辑”按钮,如果我们想要删除其中的一行,那么只需点击这个“编辑”按钮,就会看到下图这样,在每一行前面都出现一个红色的删除标志:

当我们点击某一行前面的红色删除标志时,这一行会自动向左滑动,露出右侧的“删除”字样:

点击这个“删除”按钮,就可以删除这一行的数据了。

接下来就来介绍怎么编程实现吧~

在右上角添加“编辑”按钮

在做删除操作的第一步,我们是点击界面右上角的“编辑”按钮的,所以我们需要编程在右上角放置这么一个按钮:

允许表格可以被编辑

首先,我们要找到xcode为我们自动生成的以下代码,开放这段代码的注释:

这段代码将允许我们编辑表格中的每一行。

设置左侧按钮样式

接下来,我们要设置每一行左侧的小按钮的样式,找到xcode为我们自动生成的如下代码,并取消对它的注释:

注意到我在这个方法内部注释了一句代码。实际上苹果为我们默认提供了集中不同的小按钮样式,它们共同组成了一个枚举类型,我们来简单看一下:

替换高清大图

看到了吗,分别是“none”、“delete”和“insert”,应该不用解释这三者分别代表什么含义了吧。

设置每一行划出后右侧的按钮文字

我们还需要设置每一行侧划之后右侧的按钮的文字,同样找到xcode为我们生成的以下代码:

是不是特别简单,想要按钮上显示什么文字,就直接return就可以了。

执行删除操作

在这一步,我们需要找到以下自动生成的代码:

可以看到,在这个方法的内部,我们对按钮的样式做了一个简单的判断,如果是系统默认的删除按钮的话,那么我们就会执行具体的删除操作。

在删除操作的过程中,我们首先删除了表格数据记录数组的对应的那一条数据,然后再删除了界面上的一行表格图形。注意这两者的先后顺序不能搞错,否则会引起程序出错。

怎么样,是不是特别简单。其实所有这些步骤都在苹果为开发者所提供的入门教程中,但是呢考虑到有些萌新程序员们英语不好,所以我就不辞辛劳地为大家翻译并且搬砖啦。

如果觉得有帮助的话,请一定关注我,我会为大家持续带来更多干货的哟。

责任编辑: 鲁达

1.内容基于多重复合算法人工智能语言模型创作,旨在以深度学习研究为目的传播信息知识,内容观点与本网站无关,反馈举报请
2.仅供读者参考,本网站未对该内容进行证实,对其原创性、真实性、完整性、及时性不作任何保证;
3.本站属于非营利性站点无毒无广告,请读者放心使用!

“小白开发iOS系列表格视图二删除表格中的数据”边界阅读