ToB企服应用市场:ToB评测及商务社交产业平台

标题: [Android开发学iOS系列] TableView展现一个list [打印本页]

---

作者: 金歌    时间: 2022-11-22 13:58
标题: [Android开发学iOS系列] TableView展现一个list
TableView 基础

本文讲讲TableView的基本使用.
顺便介绍一下delegation.
TableView用来做什么

TableView用来展示一个很长的list.
和Android中的RecyclerView不同, iOS中的TableView只能是竖直方向的list.
如何写一个最简单的TableView

一个最简单的TableViewController看起来像这样:

1. class ViewController: UITableViewController {
2.     var data: [String] = []
4.     override func viewDidLoad() {
5.         super.viewDidLoad()
6.         // Do any additional setup after loading the view.
7.         // loadData()
8.         print(data)
9.     }
11.     override func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
12.         data.count
13.     }
15.     override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
16.         let cell = tableView.dequeueReusableCell(withIdentifier: "MyCell", for: indexPath)
17.         cell.textLabel?.text = data[indexPath.row]
18.         return cell
19.     }
20. }

复制代码

这里data是想展示的数据类型, 可以hardcode一些数据.
这么简单是因为这个ViewController继承了UITableViewController, 并且cell的部分使用了storyboard.
这里需要用dequeueReusableCell方法, 是为了cell的复用, 因为list内容很多的时候cell view是可以循环使用的. (很像Android里的RecyclerView).
UITableViewController的签名是这样:

1. open class UITableViewController : UIViewController, UITableViewDelegate, UITableViewDataSource {

复制代码

它为我们做了以下三件事:

• 设置view为一个UITableView.
  
• 设置delegate=self.
  
• 设置dataSource=self.
  

这种方式的局限性在于第一点, 它的根view是一个TableView, 如果我们的需求比较复杂, 不仅仅是一个demo, 那么可能需要组合View.
拆解版TableView

我们也可以直接继承UIViewController类, 然后自己动手做上面的几条设置.
Delegate & DataSource

TableView有两个重要的方面需要关注:

• UITableViewDelegate: 管理和用户的交互, 比如选择, 滑动手势等. 没有必须要实现的方法.
  
• UITableViewDataSource: 提供和管理数据, 包括了数据对应的cell或者header. 有两个必须要实现的方法(如上面的代码例子所示).
  

继承UIViewController

继承UIViewController而不是UITableViewController之后, 需要自己写一个tableView并加在view里.
再分别实现UITableViewDelegate和UITableViewDataSource, 这里写在extension里, 拆分完之后set给tableView:

1. tableView.delegate = self
2. tableView.dataSource = self

复制代码

整体改造后代码如下:

1. class ViewController: UIViewController {
2.     var data: [String] = ["Hello", "World"]
4.     private let tableView = UITableView()
6.     override func loadView() {
7.         view = UIView()
8.         view.addSubview(tableView)
9.         tableView.translatesAutoresizingMaskIntoConstraints = false
10.         NSLayoutConstraint.activate([
11.             tableView.topAnchor.constraint(equalTo: view.topAnchor),
12.             tableView.bottomAnchor.constraint(equalTo: view.bottomAnchor),
13.             tableView.leadingAnchor.constraint(equalTo: view.leadingAnchor),
14.             tableView.trailingAnchor.constraint(equalTo: view.trailingAnchor),
15.         ])
16.     }
18.     override func viewDidLoad() {
19.         super.viewDidLoad()
20.         tableView.register(MyCell.self, forCellReuseIdentifier: "MyCell")
21.         tableView.delegate = self
22.         tableView.dataSource = self
23.     }
24. }
26. extension ViewController: UITableViewDelegate {}
28. extension ViewController: UITableViewDataSource {
29.     func tableView(_: UITableView, numberOfRowsInSection _: Int) -> Int {
30.         data.count
31.     }
33.     func tableView(_: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
34.         if let cell = tableView.dequeueReusableCell(withIdentifier: "MyCell", for: indexPath) as? MyCell {
35.             cell.configure(with: data[indexPath.row])
36.             return cell
37.         }
38.         return UITableViewCell()
39.     }
40. }

复制代码

自己的Cell class

这里Cell也改用代码类, 写一个这样的类:

1. class MyCell: UITableViewCell {
2.     private let label = UILabel()
3.     override init(style: UITableViewCell.CellStyle, reuseIdentifier: String?) {
4.         super.init(style: style, reuseIdentifier: reuseIdentifier)
5.         contentView.addSubview(label)
6.         label.translatesAutoresizingMaskIntoConstraints = false
7.         NSLayoutConstraint.activate([
8.             label.topAnchor.constraint(equalTo: contentView.topAnchor),
9.             label.bottomAnchor.constraint(equalTo: contentView.bottomAnchor),
10.             label.leadingAnchor.constraint(equalTo: contentView.leadingAnchor),
11.             label.trailingAnchor.constraint(equalTo: contentView.trailingAnchor),
12.         ])
13.     }
15.     @available(*, unavailable)
16.     required init?(coder _: NSCoder) {
17.         fatalError("init(coder:) has not been implemented")
18.     }
20.     func configure(with data: String) {
21.         label.text = data
22.     }
23. }

复制代码

注意tableView注册这个Cell类型:

1. override func viewDidLoad() {
2.         super.viewDidLoad()
3.         tableView.register(MyCell.self, forCellReuseIdentifier: "MyCell")
4. }

复制代码

补充知识: Delegation

上面的方法初看可能会非常怪. 这里还涉及到了一个知识点是iOS中的delegate.
它存在的意义是为了拓展本身类的功能.
Apple自己的很多API就用了delegate protocol, 比如UIApplicationDelegate, UITableViewDelegate.
如果我们想自己定义一个:

1. protocol MyTypeDelegate: AnyObject {
2.     func myType(_ myType: MyType,
3.                       shouldDoSomething argumentString: String) -> Bool
5.     func myType(_ myType: MyType,
6.                       didAbortWithError error: Error)
8.     func myTypeDidFinish(_ myType: MyType)
9. }
11. class MyType {
12.     weak var delegate: MyTypeDelegate?
13. }

复制代码

定义delegation的几个原则:

• 方法名以被代理的类型开头.
  
• 方法的第一个参数是被代理的对象.
  

References

• Filling a table with data
  
• Table View Guide
  

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！

---

欢迎光临 ToB企服应用市场:ToB评测及商务社交产业平台 (https://dis.qidao123.com/)

Powered by Discuz! X3.4