Building TableViews with Swift and iOS8 @NatashaTheRobot 

TableView Basics Seinfeld Quotes App 

⌘ + N 

No content

No content

No content

No content

Data Source let quotes = Quote.allQuotes() 

Self Sizing Table View Cell 

Self Sizing Table View Cell import UIKit class QuotesTableViewController: UITableViewController { /*...*/ override func viewDidLoad() { super.viewDidLoad() tableView.estimatedRowHeight = 89 tableView.rowHeight = UITableViewAutomaticDimension } /*...*/ } 

import UIKit class TwoLabelTableViewCell: UITableViewCell { @IBOutlet weak private var headerLabel: UILabel! @IBOutlet weak private var subheadLabel: UILabel! func configure(#headerText: String, subheadText: String) { headerLabel.text = headerText headerLabel.accessibilityLabel = headerText subheadLabel.text = "- \(subheadText)" subheadLabel.accessibilityLabel = subheadText } } 

class QuotesTableViewController: UITableViewController { private let quotes = Quote.allQuotes() private let quoteCellIdentifier = "quoteCell" override func viewDidLoad() { super.viewDidLoad() tableView.estimatedRowHeight = 89 tableView.rowHeight = UITableViewAutomaticDimension } // MARK: - Table view data source override func tableView(tableView: UITableView, numberOfRowsInSection section: Int) -> Int { return quotes.count } override func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell { let cell = tableView.dequeueReusableCellWithIdentifier(quoteCellIdentifier) as TwoLabelTableViewCell let quote = quotes[indexPath.row] cell.configure(headerText: quote.content, subheadText: quote.scene) return cell } } 

No content

No content

No content

No content

Dynamic Type class TwoLabelTableViewCell: UITableViewCell { @IBOutlet weak private var headerLabel: UILabel! @IBOutlet weak private var subheadLabel: UILabel! func configure(#headerText: String, subheadText: String) { headerLabel.font = UIFont.preferredFontForTextStyle(UIFontTextStyleHeadline) subheadLabel.font = UIFont.preferredFontForTextStyle(UIFontTextStyleSubheadline) /*...*/ } /*...*/ } 

Hide Navigation Bar on Scroll class QuotesTableViewController: UITableViewController { // ** // override func viewDidLoad() { super.viewDidLoad() navigationController?.hidesBarsOnSwipe = true // ** // } // ** // } 

Default Parameter Values func configure(#headerText: String, subheadText: String, textColor: UIColor = UIColor.blackColor()) { headerLabel.textColor = textColor subheadLabel.textColor = textColor /* ... */ } 

MVVM Model View ViewModel class Quote { let content: String let scene: String /* ... */ init(content: String, scene: String) { self.content = content self.scene = scene } } 

View Model class QuoteViewModel { var quoteContent: String? var quoteScene: String? let quoteContentPlaceholder = "Quote Content" let quoteScenePlaceholder = "Scene Description" init(quoteContent: String? = nil, quoteScene: String? = nil) { self.quoteContent = quoteContent self.quoteContent = quoteScene } } 

View Model class CreateQuoteTableViewController: UITableViewController { private let quoteViewModel = QuoteViewModel() /* ... */ } 

Alternate Data Source Structures Enumerations 

class CreateQuoteTableViewController: UITableViewController { private let quoteViewModel = QuoteViewModel() /* ... */ private enum QuoteField: Int { case Content, Scene func placeholder(#quoteViewModel: QuoteViewModel) -> String { switch self { case .Content: return quoteViewModel.quoteContentPlaceholder case .Scene: return quoteViewModel.quoteScenePlaceholder } } func text(#quoteViewModel: QuoteViewModel) -> String? { switch self { case .Content: return quoteViewModel.quoteContent case .Scene: return quoteViewModel.quoteScene } } func updateQuoteWithText(text: String, quoteViewModel: QuoteViewModel) { switch self { case .Content: quoteViewModel.quoteContent = text case .Scene: quoteViewModel.quoteScene = text } } /* ... */ } 

Using Enums override func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell { let cell = tableView.dequeueReusableCellWithIdentifier(textCellIdentifier) as TextInputTableViewCell if let quoteField = QuoteField.fromRaw(indexPath.row) { let text = quoteField.text(quoteViewModel: quoteViewModel) let placeholder = quoteField.placeholder(quoteViewModel: quoteViewModel) /* ... */ } return cell } 

Using Closures import UIKit class TextInputTableViewCell: UITableViewCell, UITextFieldDelegate { @IBOutlet weak private var textField: UITextField! typealias textFieldChangedHandlerType = (String) -> Void private var textFieldChangedHander: textFieldChangedHandlerType? override func awakeFromNib() { textField.delegate = self } func configure(#text: String?, placeholder: String, textFieldChangedHandler: textFieldChangedHandlerType?) { textField.placeholder = placeholder textField.text = text textField.accessibilityLabel = placeholder textField.accessibilityValue = text self.textFieldChangedHander = textFieldChangedHandler } // MARK: Text Field Delegate func textField(textField: UITextField, shouldChangeCharactersInRange range: NSRange, replacementString string: String) -> Bool { if let textFieldChangedHandler = textFieldChangedHander { textFieldChangedHandler(textField.text) } return true } } 

Using Closures override func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell { let cell = tableView.dequeueReusableCellWithIdentifier(textCellIdentifier) as TextInputTableViewCell if let quoteField = QuoteField.fromRaw(indexPath.row) { let text = quoteField.text(quoteViewModel: quoteViewModel) let placeholder = quoteField.placeholder(quoteViewModel: quoteViewModel) cell.configure(text: text, placeholder: placeholder, textFieldChangedHandler: { [weak self] (newText) in if let strongSelf = self { quoteField.updateQuoteWithText(newText, quoteViewModel: strongSelf.quoteViewModel) } }) } return cell } 

A Swift Summary iOS8 Features — Self Sizing Table View Cells — Dynamic Type — Hide Navigation Bar 

A Swift Summary Swift Features — Enumerations — Default Parameter Values — Functions / Closures 

A Swift Summary Design Patterns — MVVM 

Questions? @NatashaTheRobot