使用Swift创建自定义UITableViewCell

programmingwithswift.github.io上 查看我的其他帖子

UITableViews是iOS开发中最常用的视图之一。 大多数时候,您会想创建自定义UITableViewCells,因此在本教程中,我将向您展示如何创建自定义UITableViewCells。

在开始之前,我假设您已经有一个UITableView设置。

步骤1:建立新的Cocoa Touch类别


步骤2:设计单元

对于单元格设计,我将将高度设置为60,然后添加UITextField和UIButton。 稍后,我们将它们连接到UITableViewCell视图类。

将高度设置为60,请参见下图:

然后将UITextField和UIButton拖放到该视图中。 这就是我的风格。

下面是UITextField约束设置的图像:

UIButton约束如下:


步骤3:向UITableView注册新的自定义UITableViewCell

注册新的自定义表格视图单元格。 在用于表视图的视图控制器中添加一个名为registerTableViewCells()的函数。 确保您有权访问表格视图。 您将需要使用tableview来注册新单元格。

您的函数应如下所示:

此代码正在注册一个新的自定义UITableViewCell。

在第一行中,我们创建一个新的UINib实例,第一个参数是nibName。 这必须是您创建的新单元格的名称,即文件名。

在第二行中,我们告诉UITableView我们要向其注册哪些新的自定义单元格,我们需要传递之前在该行中创建的UINib实例,然后需要为新单元格提供重用标识符。 在这种情况下,我只是使用文件名作为重用标识符,但是您可以根据需要提供任何名称。


步骤4:调用registerTableViewCells方法

为了调用上面创建的函数,我在viewDidLoad()函数中对其进行了调用。

我的viewDidLoad()函数如下所示:

步骤5:更新CellForRowAtIndexPath函数

为了使用新的单元格,您需要将以下代码添加到cellForRow委托方法中

只要确保使用您为类命名的名称和重用标识符来更新标识符和类名即可。

就是这样! 现在,您可以运行该应用程序,并且应该会在表格视图中看到自定义的UITableViewCell。

现在我们只需要在新单元格上连接UITextField和UIButton。 连接这些控件时,我们要做的只是打印您在文本字段中键入的文本。


步骤6:为UITextField和UIButton创建出口和功能

在此步骤中,您将需要创建您的商店。 我在下面提供了一张图像,该图像显示了我所做的事情。

完成创建网点后,您将需要创建一个新功能,如下图所示。 此函数将从文本字段获取值。


您现在应该可以运行该项目。 运行它时,应该显示一个自定义UITableViewCell。 您还应该能够在文本字段中键入一些内容,当您点击按钮时,它应该在Xcode的控制台中打印您在文本字段中键入的任何文本。