Swift纯Code之旅 Day22. 「切割TableView(1) - 实作TableViewHeader」

前言

新增闹钟页面的画面几乎都完成了，但门面可是很重要的，因此开始实作闹钟的首页吧！
先参考一下IPhone内建闹钟的首页：

实作

可以看到「红框1.」跟「红框2.」内Cell的内容不一样，他们分别使用「蓝框1.」跟「蓝框2.」做区隔，
蓝框就叫做「TableViewHeader」，马上来实作吧！

1. 可以看到「蓝框1」内的文字是「睡眠｜起床闹钟」，「蓝框2」内的文字是「其他」，总共有两个Section
   因此我们可以在TableView内的「numberOfSections()」新增以下Code:

func numberOfSections(in tableView: UITableView) -> Int {
        // 代表只要两个Section
        return 2
    }

2.接着要让他显示文字，因此在TableView内的「titleForHeaderInSection()」新增以下Code：

func tableView(_ tableView: UITableView, titleForHeaderInSection section: Int) -> String? {
        switch section {
        // 第一个 Section 内显示的文字
        case 0:
            return "睡眠｜起床闹钟"
        // 第二个 Section 内显示的文字
        case 1:
            return "其他"
        // 其他 Section (基本上用不到)
        default:
            return ""
        }
    }

执行看看吧！

怎麽是白底黑字的Ｒ！！！！！

看来若是需要特别的TableViewHeader，是不能使用TableView内的「titleForHeaderInSection()」的，
因此我们改用TableView的「viewForHeaderInSection()」。

viewForHeaderInSection()是直接回传一个View，因此我们必须要客制化一个View
一个拥有黑底白字的View

OK，那明天会来建立一个特别的View，并套用在TableViewHeader上