Typical UITableViewCell with autolayout

Question

How do you layout the following UITableViewCell using Interface Builder and autolayout?

Requirements

• The imageView is vertically centered and has a fixed size.
• The textLabel and detailTextLabel have fixed vertical spacing between them.
• The textLabel and detailTextLabel together must be vertically centered in relation to the imageView.
• The height of the textLabel and detailTextLabel together must not be bigger than the height of the imageView.
• The textLabel and detailTextLabel can use more than one line if required. The textLabel has more priority than the detailTextLabel.

Examples

(not pixel-perfect)

Answer 1

Not all these requirements together can be expressed using Auto Layout. If you want something that complex, you'll have to do manual layout implementing -layoutSubviews.

In this case, considering it's only 3 views it won't be a lot of code.