Day 17 UItableView的练习 (1/3)

上次做过调色盘的练习，对基本的东西有一些认识之後我们开始继续往下练习～

其实TableViewy我们很常碰到，从手机里的设定，到line聊天一行行的那种，都可以叫做tableview

我们来做一点有关Table View的练习

首先建立一个专案，建立好後去我们的Main.storyboard

把Table View 拉到我们的SuperView里面，然後再把Table View Cell 拉进去，然後我们点选Table View Cell，右边菜单有个Identifier，取名叫做cell

(这个Identifier是叫做储存格识别码，是用来做记忆体管理的)

然後到去ViewController.swift，在class ViewController里，新增UITableViewDataSource,UITableViewDelegate，这两个协定

设置@IBOulet跟dataSource

  @IBOutlet var tableview: UITableView!

    override func viewDidLoad() {
        super.viewDidLoad()
        tableview.dataSource = self
}

(别忘记到Main.storyboard建立连结)

新增好後，我们在底下新增两个function，一个是
"numberOfRowsInSection"
这段意思是：总共有多少个Row在Section之中

我们假设他是 3个Row

    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return 3
    }

第二个要新增的function是"cellForRowAt"
这段意思是：每个Row显示的Cell为何

每笔资料显示的Cell：(随便你打，我这边是打123)

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    let cell = UITableViewCell()
    cell.textLabel?.text = "123"
    return cell
}

最後补充一下Section，通常UItable View预设值就是一个Section，我们没有特别去定义他，就只会出现一个Section，假设我们要新增3个Section，我们可以用下列程序码完成：

func numberOfSections(in tableView: UITableView) -> Int {
    return 3
}

不过这样不够明显，我们可以为每个Section增加标头文字：

  func tableView(_ tableView: UITableView, titleForHeaderInSection section: Int) -> String? {
        return "section \(section)"
    }

好了之後应该会看到以下画面：

基本到这边，我们就对UITable View有一定基本的认识，下一篇我们来讲一些其他的功能～