swift之UITableView的使用

短命女 2022-07-26 01:41 236阅读 0赞

## 原文地址：[http://www.wugaojun.com/blog/2015/05/09/ru-he-da-jian-bo-ke/][http_www.wugaojun.com_blog_2015_05_09_ru-he-da-jian-bo-ke] ##

## 1.创建tableView ##

Swift和OC中UITableView的使用基本是差不多，只是有一些语法上的差异。下面我们一步一步从0开始写一个tableView。

<table style="margin:0px; padding:0px; border:0px; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; font-family:inherit; font-size:18.4px; vertical-align:baseline; border-collapse:collapse; border-spacing:0px"> 
 <tbody style="margin:0px; padding:0px; border:0px; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; font-family:inherit; font-size:18.4px; vertical-align:baseline"> 
 <tr style="margin:0px; padding:0px; border:0px; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; font-family:inherit; font-size:18.4px; vertical-align:baseline"> 
 <td style="margin:0px; padding:0px; border:0px; font-style:inherit; font-variant:inherit; line-height:inherit; font-family:inherit; font-size:18.4px; vertical-align:middle"> <pre style="margin-top:0px; margin-bottom:0px; border-top-style:none; border-bottom-style:none; border-left-style:none; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:1.45em; font-family:Menlo,Monaco,'Andale Mono','lucida console','Courier New',monospace; font-size:13px; vertical-align:baseline; color:rgb(147,161,161); overflow:auto; text-align:right; padding:0.8em!important; border-right-width:1px!important; border-right-style:solid!important; border-right-color:rgb(0,35,44)!important; background-color:rgb(7,54,66)!important"><span style="margin:0px; padding:0px; border:0px; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; font-family:inherit; vertical-align:baseline; color:rgb(88,110,117)!important">1
<span style="margin:0px; padding:0px; border:0px; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; font-family:inherit; vertical-align:baseline; color:rgb(88,110,117)!important">2
<span style="margin:0px; padding:0px; border:0px; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; font-family:inherit; vertical-align:baseline; color:rgb(88,110,117)!important">3
<span style="margin:0px; padding:0px; border:0px; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; font-family:inherit; vertical-align:baseline; color:rgb(88,110,117)!important">4
<span style="margin:0px; padding:0px; border:0px; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; font-family:inherit; vertical-align:baseline; color:rgb(88,110,117)!important">5
<span style="margin:0px; padding:0px; border:0px; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; font-family:inherit; vertical-align:baseline; color:rgb(88,110,117)!important">6
<span style="margin:0px; padding:0px; border:0px; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; font-family:inherit; vertical-align:baseline; color:rgb(88,110,117)!important">7
<span style="margin:0px; padding:0px; border:0px; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; font-family:inherit; vertical-align:baseline; color:rgb(88,110,117)!important">8
<span style="margin:0px; padding:0px; border:0px; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; font-family:inherit; vertical-align:baseline; color:rgb(88,110,117)!important">9
<span style="margin:0px; padding:0px; border:0px; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; font-family:inherit; vertical-align:baseline; color:rgb(88,110,117)!important">10
<span style="margin:0px; padding:0px; border:0px; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; font-family:inherit; vertical-align:baseline; color:rgb(88,110,117)!important">11
<span style="margin:0px; padding:0px; border:0px; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; font-family:inherit; vertical-align:baseline; color:rgb(88,110,117)!important">12
<span style="margin:0px; padding:0px; border:0px; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; font-family:inherit; vertical-align:baseline; color:rgb(88,110,117)!important">13
<span style="margin:0px; padding:0px; border:0px; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; font-family:inherit; vertical-align:baseline; color:rgb(88,110,117)!important">14
<span style="margin:0px; padding:0px; border:0px; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; font-family:inherit; vertical-align:baseline; color:rgb(88,110,117)!important">15
<span style="margin:0px; padding:0px; border:0px; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; font-family:inherit; vertical-align:baseline; color:rgb(88,110,117)!important">16
<span style="margin:0px; padding:0px; border:0px; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; font-family:inherit; vertical-align:baseline; color:rgb(88,110,117)!important">17
<span style="margin:0px; padding:0px; border:0px; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; font-family:inherit; vertical-align:baseline; color:rgb(88,110,117)!important">18
<span style="margin:0px; padding:0px; border:0px; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; font-family:inherit; vertical-align:baseline; color:rgb(88,110,117)!important">19
<span style="margin:0px; padding:0px; border:0px; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; font-family:inherit; vertical-align:baseline; color:rgb(88,110,117)!important">20
<span style="margin:0px; padding:0px; border:0px; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; font-family:inherit; vertical-align:baseline; color:rgb(88,110,117)!important">21
<span style="margin:0px; padding:0px; border:0px; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; font-family:inherit; vertical-align:baseline; color:rgb(88,110,117)!important">22
<span style="margin:0px; padding:0px; border:0px; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; font-family:inherit; vertical-align:baseline; color:rgb(88,110,117)!important">23
<span style="margin:0px; padding:0px; border:0px; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; font-family:inherit; vertical-align:baseline; color:rgb(88,110,117)!important">24
<span style="margin:0px; padding:0px; border:0px; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; font-family:inherit; vertical-align:baseline; color:rgb(88,110,117)!important">25
</pre> </td> 
 <td style="margin:0px; padding:0px; border:0px; font-style:inherit; font-variant:inherit; line-height:inherit; font-family:inherit; font-size:18.4px; vertical-align:middle; width:770px"> <pre style="margin-top:0px; margin-bottom:0px; padding:0px; border:none; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:1.45em; font-family:Menlo,Monaco,'Andale Mono','lucida console','Courier New',monospace; font-size:13px; vertical-align:baseline; color:rgb(147,161,161); overflow:auto; background:none"><code style="margin:0px; padding:0.8em; border:0px; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:1.45em; vertical-align:baseline; overflow-y:hidden; display:block; overflow-x:auto; font-family:Menlo,Monaco,'Andale Mono','lucida console','Courier New',monospace!important; background:rgb(0,0,0)">import UIKit

let ID = "Cell" //cell的ID，建议像这样写一个常量，不要直接使用"Cell"

class ViewController: UIViewController, UITableViewDataSource, UITableViewDelegate {
 //0.遵守协议

 override func viewDidLoad() {
 
 super.viewDidLoad()

 //1.创建UITableView(跟OC几乎一样)
 var tableView = UITableView(frame: view.bounds, style: UITableViewStyle.Plain)

 //2.注册Cell
 tableView.registerClass(UITableViewCell.self, forCellReuseIdentifier: ID)
 //下面这种写法也是可以的
 //tableView.registerClass(UITableViewCell.classForCoder(), forCellReuseIdentifier: ID)

 //3.设置数据源和代理
 tableView.dataSource = self
 tableView.delegate = self;

 //4.添加到view中
 self.view.addSubview(tableView)
 }
}
</code></pre> </td> 
 </tr> 
 </tbody> 
</table>

注意:1.协议的写法，不需要写<>。2.上面的代码中第0步和第3步会报错，不要惊慌，暂时无视，并不是代码有问题，是因为我们没有实现相应的协议方法。

## 2.准备假数据 ##

这里采用懒加载，Swift的懒加载和OC差别还是比较大的，需要注意一下。

## 3.实现协议方法 ##

<table style="margin:0px; padding:0px; border:0px; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; font-family:inherit; font-size:18.4px; vertical-align:baseline; border-collapse:collapse; border-spacing:0px"> 
 <tbody style="margin:0px; padding:0px; border:0px; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; font-family:inherit; font-size:18.4px; vertical-align:baseline"> 
 <tr style="margin:0px; padding:0px; border:0px; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; font-family:inherit; font-size:18.4px; vertical-align:baseline"> 
 <td style="margin:0px; padding:0px; border:0px; font-style:inherit; font-variant:inherit; line-height:inherit; font-family:inherit; font-size:18.4px; vertical-align:middle"> <pre style="margin-top:0px; margin-bottom:0px; border-top-style:none; border-bottom-style:none; border-left-style:none; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:1.45em; font-family:Menlo,Monaco,'Andale Mono','lucida console','Courier New',monospace; font-size:13px; vertical-align:baseline; color:rgb(147,161,161); overflow:auto; text-align:right; padding:0.8em!important; border-right-width:1px!important; border-right-style:solid!important; border-right-color:rgb(0,35,44)!important; background-color:rgb(7,54,66)!important"><span style="margin:0px; padding:0px; border:0px; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; font-family:inherit; vertical-align:baseline; color:rgb(88,110,117)!important">1
<span style="margin:0px; padding:0px; border:0px; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; font-family:inherit; vertical-align:baseline; color:rgb(88,110,117)!important">2
<span style="margin:0px; padding:0px; border:0px; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; font-family:inherit; vertical-align:baseline; color:rgb(88,110,117)!important">3
<span style="margin:0px; padding:0px; border:0px; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; font-family:inherit; vertical-align:baseline; color:rgb(88,110,117)!important">4
<span style="margin:0px; padding:0px; border:0px; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; font-family:inherit; vertical-align:baseline; color:rgb(88,110,117)!important">5
<span style="margin:0px; padding:0px; border:0px; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; font-family:inherit; vertical-align:baseline; color:rgb(88,110,117)!important">6
<span style="margin:0px; padding:0px; border:0px; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; font-family:inherit; vertical-align:baseline; color:rgb(88,110,117)!important">7
<span style="margin:0px; padding:0px; border:0px; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; font-family:inherit; vertical-align:baseline; color:rgb(88,110,117)!important">8
<span style="margin:0px; padding:0px; border:0px; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; font-family:inherit; vertical-align:baseline; color:rgb(88,110,117)!important">9
<span style="margin:0px; padding:0px; border:0px; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; font-family:inherit; vertical-align:baseline; color:rgb(88,110,117)!important">10
<span style="margin:0px; padding:0px; border:0px; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; font-family:inherit; vertical-align:baseline; color:rgb(88,110,117)!important">11
<span style="margin:0px; padding:0px; border:0px; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; font-family:inherit; vertical-align:baseline; color:rgb(88,110,117)!important">12
<span style="margin:0px; padding:0px; border:0px; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; font-family:inherit; vertical-align:baseline; color:rgb(88,110,117)!important">13
<span style="margin:0px; padding:0px; border:0px; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; font-family:inherit; vertical-align:baseline; color:rgb(88,110,117)!important">14
<span style="margin:0px; padding:0px; border:0px; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; font-family:inherit; vertical-align:baseline; color:rgb(88,110,117)!important">15
<span style="margin:0px; padding:0px; border:0px; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; font-family:inherit; vertical-align:baseline; color:rgb(88,110,117)!important">16
<span style="margin:0px; padding:0px; border:0px; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:inherit; font-family:inherit; vertical-align:baseline; color:rgb(88,110,117)!important">17
</pre> </td> 
 <td style="margin:0px; padding:0px; border:0px; font-style:inherit; font-variant:inherit; line-height:inherit; font-family:inherit; font-size:18.4px; vertical-align:middle; width:859px"> <pre style="margin-top:0px; margin-bottom:0px; padding:0px; border:none; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:1.45em; font-family:Menlo,Monaco,'Andale Mono','lucida console','Courier New',monospace; font-size:13px; vertical-align:baseline; color:rgb(147,161,161); overflow:auto; background:none"><code style="margin:0px; padding:0.8em; border:0px; font-style:inherit; font-variant:inherit; font-weight:inherit; line-height:1.45em; vertical-align:baseline; overflow-y:hidden; display:block; overflow-x:auto; font-family:Menlo,Monaco,'Andale Mono','lucida console','Courier New',monospace!important; background:rgb(0,0,0)">// MARK: - UITableViewDataSource &amp; UITableViewDelegate

func tableView(tableView: UITableView, numberOfRowsInSection section: Int) -&gt; Int {
 
 //返回有多少行Cell, 这里返回数组的count
 return datas.count
}

func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -&gt; UITableViewCell {
 
 // 获得cell
 let cell = tableView.dequeueReusableCellWithIdentifier(ID, forIndexPath: indexPath) as! UITableViewCell

 // 配置cell
 cell.textLabel!.text = "假数据 - \(datas[indexPath.row])"

 // 返回cell
 return cell
}
</code></pre> </td> 
 </tr> 
 </tbody> 
</table>

解释几个可能有点迷糊的地方:

1.as:这个东西比较符合人类思维。意思就是把什么当作什么，在上面的代码中，由于方法dequeueReusableCellWithIdentifier的返回值是AnyObject(也就是OC中的id类型)，所以需要通过as告诉编译器这实际上是一个UITableViewCell。

2.!(感叹号):这玩意就是告诉编译器我确定这里的的cell.textLabel一定是非nil的, 可以放心的执行后面的。as后面的!也是一样的道理。

至此，可以编译运行看看效果了.

![swift_example_result_1.png][]

## 4.增加左滑删除功能 ##

实现一个方法即可

大功告成，运行看看效果吧。

Done!

[http_www.wugaojun.com_blog_2015_05_09_ru-he-da-jian-bo-ke]: http://www.wugaojun.com/blog/2015/05/09/ru-he-da-jian-bo-ke/
[swift_example_result_1.png]: http://www.wugaojun.com/images/2015-05-11-ru-he-da-jian-bo-ke/swift_example_result_1.png