Создание пользовательских ячеек табличного представления в разметке

The root element is an instance of LMColumnView, a layout view that automatically arranges its subviews in a vertical line. The “spacing” attribute specifies that the column view should leave a 4-pixel gap between subviews, and the “layoutMarginBottom” attribute specifies that there should be an 8-pixel gap between the last subview and the bottom of the cell.

The column’s first subview is an instance of LMRowView, a layout view that arranges its subviews in a horizontal line. The row’s subviews will be aligned to baseline and will have a 4-pixel gap between them. It contains two UILabel instances, one for displaying the name of the pharmacy and another that displays the distance to the pharmacy from the user’s current location. Both labels are assigned ID values, which map their associated view instances to the similarly-named outlets declared by the document’s owner (in this case, the custom cell class). The labels are also styled to appear in 16-point bold and 14-point normal text, respectively, using the current system font.

Another label is created for the pharmacy’s mailing address, and another column view containing icons and labels for the pharmacy’s phone number, fax number, and email address. These labels are also assigned IDs that associate them with the outlets defined by the cell class. The labels for the phone, fax, and email rows are assigned a “weight” value of 1, which tells the row view to allocate 100% of its unallocated space to the label; this ensures that the icon will appear on the left and the label will fill the remaining space in the row.

The table view controller overrides tableView:cellForRowAtIndexPath: to produce instances of PharmacyCell for each row in the search results. It retrieves the dictionary instance representing the row from the pharmacies array and populates the cell using the cell’s outlets. It performs some formatting on the raw data retrieved from the JSON document to make the cell’s contents more readable:

class CustomCellViewController: UITableViewController {
    ...

    override func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell {
        // Get pharmacy data
        var index = indexPath.row
        var pharmacy = pharmacies.objectAtIndex(index) as! [String: AnyObject]

        // Configure cell with pharmacy data
        let cell = tableView.dequeueReusableCellWithIdentifier(PharmacyCell.self.description()) as! PharmacyCell

        cell.nameLabel.text = String(format: "%d. %@", index + 1, pharmacy["name"] as! String)
        cell.distanceLabel.text = String(format: "%.2f miles", pharmacy["distance"] as! Double)

        cell.addressLabel.text = String(format: "%@\n%@ %@ %@",
            pharmacy["address1"] as! String,
            pharmacy["city"] as! String, pharmacy["state"] as! String,
            pharmacy["zipCode"] as! String)

        let phoneNumberFormatter = PhoneNumberFormatter()

        let phone = pharmacy["phone"] as? NSString
        cell.phoneLabel.text = (phone == nil) ? nil : phoneNumberFormatter.stringForObjectValue(phone!)

        let fax = pharmacy["fax"] as? NSString
        cell.faxLabel.text = (fax == nil) ? nil : phoneNumberFormatter.stringForObjectValue(fax!)

        cell.emailLabel.text = pharmacy["email"] as? String

        return cell
    }
}

class PhoneNumberFormatter: NSFormatter {
    override func stringForObjectValue(obj: AnyObject) -> String? {
        var val = obj as! NSString

        return String(format:"(%@) %@-%@",
            val.substringWithRange(NSMakeRange(0, 3)),
            val.substringWithRange(NSMakeRange(3, 3)),
            val.substringWithRange(NSMakeRange(6, 4))
        )
    }
}