iOS教程:使用UITableViewController创建TableView
这是一个使用UITableViewController而不是在View Controller中实现TableView的简单教程。 此过程要快得多,并且可以节省时间。
在您的Xcode上,转到“ 文件”>“新建”>“项目”以创建一个新的空白项目。 继续,给您的项目起任何名字。 对于我来说,我放了TableView。 您可以继续输入所需的信息作为您自己的信息。
然后转到“ 文件”>“新建”>“文件”>“ Cocoa Touch Class”。 我们将创建一个TableViewController。 这样做的好处是可以节省我们编写代码的大量时间。
您应该在此页面上。 给你的班级起个名字。 对于我来说,我只是将其命名为TableViewController 。 确保它是UITableViewController的子类(这很重要)
现在,转到Main.storyboard ,在这里您将看到将在iOS设备上显示的不同布局。 在右下角,搜索Table View Controller并将其拖到布局上。 您会看到布局上有两个屏幕。 左屏幕代表Table View Controller,右屏幕代表View Controller。 您会注意到,有一个箭头指向“视图控制器”,该箭头告诉iOS设备在打开应用程序时该屏幕应首先出现在设备上。 现在将箭头拖动到“表视图控制器”。 我们不需要View Controller,因此我们将其删除。 最简单,最快的方法是单击视图控制器,然后按Delete键。
您的Main.storyboard现在应该看起来像这样。 如果您已删除View Controller和箭头。 不用担心 在右边的栏上查看许多不同的配置,选中“ 是初始视图控制器”。 这将带回箭头。
下一步很重要,那就是将该布局分配给新创建的TableViewController (这就是我的名字),如果您另外命名,则将其放入。这基本上是将布局链接到代码。 如果您错过了这一步,您将看不到任何数据。
如果您没有看到文档大纲,请在下面的标签上单击以扩展文档大纲。 如果这样做,那很好。 基本上,文档大纲包含Main.storyboard上的所有内容。
在右侧可以看到标识符的地方,并将其命名为cell 。 在文档大纲上,您应该注意到它将名称从“ 表视图单元 格”更改为“ 单元格”
现在,进入“编码”部分,开始编码。 您的代码应该喜欢它才能正常工作。 本教程仅使用几种功能。 您可以忽略此处未使用的某些代码,也可以自己尝试。
导入UIKit
TableViewController类:UITableViewController {
var data = [“ Apple”,“ Apricot”,“ Banana”,“ Blueberry”,“ Cantaloupe”,“ Cherry”,
“柑桔”,“椰子”,“蔓越莓”,“无花果”,“葡萄”,“葡萄柚”,
“猕猴桃”,“柠檬”,“石灰”,“荔枝”,“普通话”,“芒果”,
“瓜”,“油桃”,“橄榄”,“橙色”,“木瓜”,“桃子”,
“梨”,“菠萝”,“树莓”,“草莓”]
覆盖func viewDidLoad(){
super.viewDidLoad()
}
// MARK:—表格视图数据源
覆盖func tableView(_ tableView:UITableView,numberOfRowsInSection部分:Int)-> Int {
返回data.count
}
覆盖func tableView(_ tableView:UITableView,cellForRowAt indexPath:IndexPath)-> UITableViewCell {
let cell = tableView.dequeueReusableCell(withIdentifier:“ cell”,for:indexPath)
cell.textLabel?.text = data [indexPath.row]
返回单元
}
}
完成后,点击CMD + R开始构建您的应用,如下图所示
如果遇到问题,请随时从GitHub下载源代码