iT邦幫忙

2019 iT 邦幫忙鐵人賽

DAY 24
0

https://ithelp.ithome.com.tw/upload/images/20181108/20110801ElFgwv5qKg.png

上次我們說明了如何在tableView設定了Header,今天我們來看看是如何設定Header的!
首先我們將tableView(:titleForHeaderInSection:)及tableView(:heightForHeaderInSection:)刪除(或設為註解)

接著我們新增tableView(:viewForHeaderInSection:)
在Header上面覆蓋一層view:

let view = UIView()

接著設定這層view上的Label:

let headerLabel = UILabel(frame: CGRect(x: view.center.x, y: view.center.y, width: 50, height: 30)
//X置中, Y置中, 寬50, 高30

設定Label的字型、顏色、置中對齊:

headerLabel.font = UIFont(name: "PingFangTC-Medium", size: 15)
headerLabel.textColor = UIColor.black
headerLabel.textAlignment = .center

設定view背景、子類別Label:

view.backgroundColor = UIColor(red: 129/255, green: 247/255, blue: 235/255, alpha: 1)
view.addSubview(headerLabel)

設定Label內容:

switch (section) {
case 0:
    headerLabel.text = "國小"
case 1:
    headerLabel.text = "國中"
case 2:
    headerLabel.text = "高中"
case 3:
    headerLabel.text = "大學"
default:
    return nil
}

最後回傳view

return view

https://ithelp.ithome.com.tw/upload/images/20181108/20110801Os69xGwW0x.png


上一篇
Swift 4.2 Day-23 將表格 App 加上 Header
下一篇
swift 4.2 Day-25 TableView的傳值
系列文
菜比八iOS程式開發30天自我挑戰30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言