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下载源代码