Programmatically created UITableViewCell only displaying its first subview with AutoLayout

Question

I was writing an iOS app in Swift. I created a table view scene, but it is only displaying its first subview. I tried to make the code as simple as possible. I created a table view cell with two labels, but it still only displays the first label. The code is as follows. Why isn't the second label displayed? Are my AutoLayout constraints wrong? Thanks!

import UIKit

class TestCell: UITableViewCell {
    let viewsDict: [String : UILabel] = [
        "first": UILabel(),
        "second": UILabel(),
    ]

    override func awakeFromNib() {
        viewsDict["first"]!.text = "first"
        viewsDict["second"]!.text = "second"
        viewsDict["first"]!.translatesAutoresizingMaskIntoConstraints = false
        viewsDict["second"]!.translatesAutoresizingMaskIntoConstraints = false
        contentView.addSubview(viewsDict["first"]!)
        contentView.addSubview(viewsDict["second"]!)
        contentView.addConstraints(NSLayoutConstraint.constraintsWithVisualFormat("V:|-[first]-[second]-|", options: [], metrics: nil, views: viewsDict))
        contentView.addConstraints(NSLayoutConstraint.constraintsWithVisualFormat("H:|-[first]", options: [], metrics: nil, views: viewsDict))
        contentView.addConstraints(NSLayoutConstraint.constraintsWithVisualFormat("H:|-[second]", options: [], metrics: nil, views: viewsDict))
    }
}

class TableViewController: UITableViewController {

    override func viewDidLoad() {
        super.viewDidLoad()
    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
    }

    // MARK: - Table view data source

    override func numberOfSectionsInTableView(tableView: UITableView) -> Int {
        return 1
    }

    override func tableView(tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return 1
    }

    override func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell {
        return tableView.dequeueReusableCellWithIdentifier("reuseIdentifier", forIndexPath: indexPath)
    }

}

In IB I dragged the prototype cell to have larger height, and the second subview is displayed... I'm not sure if it can adjust height automatically though. — user3323258, Aug 14 '16 at 17:52

score 2 · Accepted Answer · edited May 23 '17 at 12:32

From your comment it sounds like you're asking how to set the height of the cell programmatically and automatically. There are a few different ways to do this:

Closest to what you probably want, in iOS 8 and after, you can have the tableView calculate this itself:

self.tableView.rowHeight = UITableViewAutomaticDimension;
self.tableView.estimatedRowHeight = 60.0;

You can also just set the rowHeight property of your tableView and have every row be the same height:

self.tableview.rowHeight = 60.0

Or you can implement the delegate method to calculate row height on the fly. This way also allows you to inspect each individual cell and determine how tall you should make the view:

func tableView(_ tableView: UITableView, heightForRowAtIndexPath indexPath: NSIndexPath) -> CGFloat {
    let cell = tableView.cellForRowAtIndexPath(indexPath) as! TestCell
    // Calculate the height that you want ..
    let height = 60.0
    return height
}

This StackOverflow post goes into much greater depth on automatically sizing a UITableViewCell.

Programmatically created UITableViewCell only displaying its first subview with AutoLayout

1 Answers1