Create a new Swift file named ItemCell. In ItemCell.swift, define ItemCell as a UITableViewCell subclass.

import Foundation
import UIKit

class ItemCell: UITableViewCell {

}

The easiest way to configure a UITableViewCell subclass is through a storyboard. In Chapter 9, you saw that storyboards for table view controllers have a Prototype Cells section. This is where you will lay out the content for the ItemCell.

Open Main.storyboard and select the UITableViewCell in the document outline. Open its attributes inspector, change the Style to Custom, and change the Identifier to ItemCell.

Now open its identity inspector (the tab). In the Class field, enter ItemCell (Figure 10.3).

Figure 10.3  Changing the cell class

Change the height of the prototype cell to be about 65 points tall. You can change it either on the canvas or by selecting the table view cell and changing the Row Height in its size inspector.

An ItemCell will display three text elements, so drag three UILabel objects onto the cell. Configure them as shown in Figure 10.4. Make the text of the bottom label a slightly smaller font, and set the text color to Secondary Label Color. Make sure that the labels do not overlap at all.

Figure 10.4  ItemCell’s layout

Add constraints to these three labels as follows.