iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 24
0

UITableView 這個元件可以讓畫面看起來更整潔。

在Storyboard添加UITableView和TableViewCell

https://ithelp.ithome.com.tw/upload/images/20201007/201296786bsLay93xc.png
https://ithelp.ithome.com.tw/upload/images/20201007/20129678QibRJXHf5n.png
先把Table View 拖到Storyboard再把Table View Cell 拖到Table View 裡面。
https://ithelp.ithome.com.tw/upload/images/20201007/20129678tbzw3etBJt.png

cell的identifier要設一個名字等下會用到。
https://ithelp.ithome.com.tw/upload/images/20201007/20129678VQ1Kxey8F6.png

委任

使用TableView需要委任,在UIViewController後面加上UITableViewDelegate和UITableViewDataSource

class ViewController: UIViewController,UITableViewDelegate,UITableViewDataSource

加了這兩個後會報錯這時按fix會多出兩個Func。
https://ithelp.ithome.com.tw/upload/images/20201007/20129678USqUav8eyD.png
https://ithelp.ithome.com.tw/upload/images/20201007/20129678RDGDECdDn7.png
這兩個是控制tableview的func。

因為是func把他移到ViewDidLoad下面
https://ithelp.ithome.com.tw/upload/images/20201007/20129678SjmGaVmUZq.png

然後設定delegate和dataSource.

    override func viewDidLoad() {
        super.viewDidLoad()
        tableView.delegate = self
        tableView.dataSource = self

    }

設定

func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return ary.count
    }
    
    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let cell = tableView.dequeueReusableCell(withIdentifier: "cell", for: indexPath)
        cell.textLabel?.text = ary[indexPath.row]
        return cell
    }

上一篇
(Day23)Xcode 11 UI Switch
下一篇
(Day25) Fastlane UI Test/unit test
系列文
IOS 基本元件運用和套件運用30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言