分组单元格,在单元格上方或下方添加文本,并在Tableview中留出空白

时间:2018-08-05 10:28:05

标签: ios swift uitableview

我正在尝试实现类似于页面底部的图像。具体来说:

  1. 在每个单元格之间添加间隔(可以说成不同的组。)
  2. 在单元格上方或下方添加文本。
  3. 在其他任何地方都没有单元格的地方都留有空白空间。

我希望所有内容看起来都与这张图片完全一样。 (忽略文本,导航栏以及单元格中的所有内容。)

我已经尝试过了,并在下面显示了这张图片:

Example of what I have already tried

这是我尝试过的代码:

let data = [["0,0", "0,1", "0,2"], ["1,0", "1,1", "1,2"]]
let headerTitles = ["Some Data 1", "KickAss"]

    // MARK: - TableView Data Source Methods

    func numberOfSectionsInTableView(tableView: UITableView) -> Int {
        return data.count
    }

    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return data[section].count
    }

    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let cell = tableView.dequeueReusableCell(withIdentifier: "Cell", for: indexPath)
        let cellText = data[indexPath.section][indexPath.row]

        cell.textLabel?.text = cellText

        return cell
    }

    func tableView(_ tableView: UITableView, titleForHeaderInSection section: Int) -> String? {
        if section < headerTitles.count {
            return headerTitles[section]
        }

        return nil
    }

Example of what I want to achieve.

1 个答案:

答案 0 :(得分:0)

TableView State本文档将帮助您了解表视图状态。 (加载,数据,空状态)