如何为初学者Swift4在TableViewController上轻松显示数据

我们要建造什么？

我们将建立一个tableview，显示与上图一样的名称。

我们要做的第一件事是打开Xcode，单击新项目，将其命名为您想要的任何名称，然后将我的项目命名为“名称”，然后选择单视图应用程序，然后单击“下一步”，然后单击“创建”并将其保存在所需的任何位置。

接下来，我们将清理我们的项目。 我们将从删除屏幕左侧的ViewController.swift文件开始。 右键单击ViewController.swift文件，然后单击“ 删除” 。

然后单击“ 移至垃圾箱”（不要单击“ 删除引用”）

现在您的项目文件应如下所示

接下来单击Main.storyboard并选择View Controller

然后按键盘上的Delete键，您可能会遇到一个小错误，当您按Delete键时，它不会删除View Controller，只需选择另一个文件，然后再次选择Main.storyboard，现在它应该可以工作了。 现在，我们将拖放一个TableViewController。

如果仍然有一个符号说ViewController，那么您要做的就是选择另一个文件，然后重新选择Main.storyboard以摆脱该符号。

如果您现在运行该应用程序（要运行，请单击左上角的播放按钮）。 屏幕将变为黑色，因为您的应用现在已经知道从哪里开始运行。

告诉应用您要从哪里开始。 单击TableViewController并选择属性检查器。

然后选择是初始视图控制器

现在，当您运行应用程序时，您将在模拟器上显示表格视图！ 恭喜您取得了如此远的成就。 我们快完成了。

接下来，我们将创建一个TableViewController文件，该文件将链接到TableViewController，以便我们可以开始编写代码。 首先制作文件。 单击命令n ，然后选择可可触摸类 ，然后单击下一步。

接下来，我们将为班级命名。 我们将其称为NamesTableViewController。 确保为UITableViewController选择了子类选项，然后单击下一步，然后单击创建。

现在，您应该有一个名为NamesTableViewController的文件，这将是神奇的地方。 这是好东西。 我们需要做的第一件事是删除NamesTableViewController文件中的所有内容。 它应该看起来像这样。

好多了！ 现在看起来不那么恐怖了。 在这里，我们将创建一个存储名称的数组。 像这样

现在是最困难的部分，但不是很难。 我们需要提供TableViewController将显示的数据。 为此，我们需要实现两个必需的数据源功能。 第一个是函数的行数，它仅告诉TableViewController应该显示多少行。 我们希望显示的行数与名称一样多。 因此，如果我们有4个名称，则要显示4行。

因此，从本质上讲，我们希望显示任意数量的名称。 让我们实现该功能。

如果您只是开始输入numberOfRo…。 单击Enter时，它应该自动完成。 在函数类型的花括号内， 返回names.count， names的计数就是我们拥有的名字的数量。 如果我们从名称数组中添加或删除名称，则names.count将自动更新。

现在，这是最困难的部分，但对您而言却不是，因为您很聪明！ 这是本教程的大男孩部分，扣上毛butter。

现在，我们将使用第二个必需的数据源功能。 该函数称为cellForRowAt。 如果您开始输入cellForR…，则在单击Enter时它将自动完成。 它应该看起来像这样。

在实现函数之前，我们需要给位于TabelViewController中的单元格一个标识符，为什么？ 因为我们要重用此单元格。 我将在后面详细解释。 首先单击Main.storyboard，然后选择Table View Cell。

下一步，单击属性检查器，并为其指定标识符“ Cell”

现在通过单击返回到NamesTableViewController.swift文件。

我们想要创建一个将被重用的单元格，以便当用户将单元格滚动到视线之外时，该单元格会向下移动并重新使用。 这样，如果我们在名称数组中有1,000个名称，则不会创建1,000个单元格。 相反，我们重复使用屏幕上的单元格。 节省我们的记忆。

在cellForRowAt方法中编写以下代码。

在这里，我们告诉tableView在indexPath重新使用以标识符“ Cell”创建的单元格。

接下来，我们希望单元格在每行显示我们的名称。

编写以下代码

在这里，我们告诉该单元格具有一个名为textLabel的属性，该属性具有一个名为text的属性，以在该特定行上显示名称。 例如，在第0行中，我们要在索引1处显示名称“ James”，在第1行中，我们要显示索引1的名称为“ Bob”，依此类推。

接下来，返回单元格以消除错误。

如果您还在这里。 然后拍拍自己的背部。 您正在推动自己，这很棒。

最后，我们需要将Main.storyboard中的TableViewController连接到名为NamesTableViewController的快捷文件，以便TableViewController可以从NamesTableViewController读取数据。

选择Main.Storyboard，然后单击TableViewController。

接下来，单击位于属性检查器旁边的“身份检查器”。

然后在NamesTableViewController中输入类

你做到了！ 现在运行您的应用程序。

而已。 发表评论，让我知道您的想法。 我想在写这些文章/教程时变得更好。 谢谢。