带有表视图节页眉和页脚的注释控制器

Question

How can I achieve this screen with UITableViewCell and UITableViewController. With table section and header. Some ideas to achieve this?? Thanks!

Answer 1

What have you tried so far? Your question seems a little broad.

You will need a set of custom UITableViewCell Subclasses, which you design in nibs.

To make the cells seem apart from each other, resize the content size of the Cells, and make the cell background another color.

Create a Segmented Control and add it to the Tableviews HeaderView.

For the FooterView it seems like this is some kind of subclassed Tabbar. Easiest way to customise it in such a way, would be to create a View, and add buttons to it. Add this View as Subview to your TableViewController.

Answer 2

Have 2 UITableViewCell's one for each type ie 1 for showing the image and text and another for showing just the text.

Then in the cellForRowAt delegate method determine which to type to use based off the object you are data binding it to.

Example:

public final func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {

    let customObject = customObjects[indexPath.section]

    switch customObject.type {
    case .imageAndText:

        if let cell = tableView.dequeueReusableCell(withIdentifier: ImageAndTextCell.identifier, for: indexPath) as? ImageAndTextCell {
            cell.customObject = customObject
            return cell
        }
    case .text:

        if let cell = tableView.dequeueReusableCell(withIdentifier: TextCell.identifier, for: indexPath) as? TextCell {
            cell.customObject = customObject
            return cell
        }
    }

    return UITableViewCell()
}