• 1. Change TableViewCell style to 'Custom'
  
• 2. Drag few UI controls to TableViewCell
  
• 3. Create a subclass of UITableViewCell called 'MyTableViewCellController'
  
  
• 4. Associate MyTableViewCellController.swift with TableViewCell
  
• 5. Right drag ImageView, three Labels to MyTableViewCellController.swift

      @IBOutlet weak var vv_imgView: UIImageView!
      @IBOutlet weak var vv_lblModel: UILabel!
      @IBOutlet weak var vv_lblOS: UILabel!
      @IBOutlet weak var vv_lblPrice: UILabel!
  

    
• 6. In ViewController

      var cv_arrayModel: [String] = ["iPad","Xoom","Playbook","TouchPad","Surface"]
      var cv_arrayOS: [String] = ["iOS","Android","BlackBerry","WebOS","Windows"]
      var cv_arrayImg: [String] = ["01-ipad.png","02-xoom.png","03-playbook.png","04-touchpad.png", "05-surface.png"]
      var cv_arrayPrice: [Int] = [499,799,499,499,449]
      
      override func viewDidLoad() {
          super.viewDidLoad()
          // Do any additional setup after loading the view, typically from a nib.
      }
      
      // Item 27, pp403
      override func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
          return self.cv_arrayModel.count
      }
      
      // Item 28, pp403
      override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
          
          let cell:MyTableViewCellController = self.tableView.dequeueReusableCell(withIdentifier: "SimpleCell")! as! MyTableViewCellController
          
          cell.vv_lblModel?.text = self.cv_arrayModel[indexPath.row]
          cell.vv_lblOS?.text = self.cv_arrayOS[(indexPath as NSIndexPath).row]
          cell.vv_lblPrice?.text = "$\(self.cv_arrayPrice[indexPath.row])"
          cell.vv_imgView?.image = UIImage(named: self.cv_arrayImg[indexPath.row])
          
          return cell
          
      }
  
      override func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {
          return 96
      }
      
      override func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
          let rowValue = cv_arrayModel[(indexPath as NSIndexPath).row]
          let message = "You selected \(rowValue)"
          let controller = UIAlertController(title: "Row Selected", message: message, preferredStyle: .alert)
          let action = UIAlertAction(title: "Yes I Did", style: .default, handler: nil)
          controller.addAction(action)
          present(controller, animated: true, completion: nil)
      }
  

  

    override func viewDidLoad() {
        super.viewDidLoad()

        self.vv_ctrlRefresh?.addTarget(self,
            action: #selector(ViewController.cfp_handleRefresh(_:)),
            for: UIControl.Event.valueChanged)
    }

    @IBOutlet var vv_tableView: UITableView!
    @IBOutlet weak var vv_ctrlRefresh: UIRefreshControl!
    
    @objc func cfp_handleRefresh(_ refreshControl: UIRefreshControl) {
        //cv_arrayPrice = cv_arrayPrice.map({$0+10})
        cv_arrayPrice = cv_arrayPrice.map({_ in Int(arc4random_uniform(700)+100)})
        
        self.vv_tableView.reloadData()
        vv_ctrlRefresh.endRefreshing()
    }

• Change button background to white for clear view
• Segue "Modal" is deprecated, use "Show" or "Present Modally"

• Segues
• Delegate design pattern
• Singleton design pattern
• Closures
• Notification Center

• 1. Create secondViewController.swift and associate it with green view controller scene
• 2. Provide name the segue between red and green scene
• 3. Pass data forward via prepareForSegue(segue: sender:)

• 1. Add a button 'Switch to Blue View' to red scene and create a fsegue the green scene
• 2. Name those two segues 'vv_greenSegue' and 'vv_blueSegue' (remember, press return key)
  
• 3. Right click C11-Intent folder, then New File ...
  
• 4. Name it secondViewController and make sure it is a subclass of UIViewController
  
• 5. Associate green view controller scene with secondViewController.swift
  
• 6. In secondViewController.swift, add a variable

      var cv_colorCode = "33CC00";
  
      override func viewDidLoad() {
          super.viewDidLoad()
          self.view.backgroundColor = cfp_UIColorFromRGB(cv_colorCode);
      }
      
      private func cfp_UIColorFromRGB(_ colorCode: String) -> UIColor {
          let scanner = Scanner(string:colorCode)
          var color:UInt32 = 0;
          scanner.scanHexInt32(&color)
          
          let mask = 0x000000FF
          let r = CGFloat(Float(Int(color >> 16) & mask)/255.0)
          let g = CGFloat(Float(Int(color >> 8) & mask)/255.0)
          let b = CGFloat(Float(Int(color) & mask)/255.0)
          
          return UIColor(red: r, green: g, blue: b, alpha: 1.0)
      }

• 7. In ViewController.swift, pass information to secondViewController

      override func prepare(for segue: UIStoryboardSegue, sender: Any?) {
          if (segue.identifier == "vv_greenSegue") {
              if let destination = segue.destination as? secondViewController {
                  destination.cv_colorCode = "33CC00"
              }
          }
          else if (segue.identifier == "vv_blueSegue") {
              if let destination = segue.destination as? secondViewController {
                  destination.cv_colorCode = "3300CC"
              }
          }
      }
  

• In identiy inspector, remove "secondViewController"
• Run, no error/warning
• Blue button does not work

• 1. Create MySubViewController.swift as a subclass of UIViewController
• 2. In storyboard, drag a ViewController
• 3. Associate the ViewController with MySubViewController.swift
  
• 4. Right drag from TableViewCell to MySubViewController.swift, and select 'Push' from Selection Segue (push is now deprecated, select 'show')
  
• 5. Name the segue between Tables Scene to Sub View Controller 'vv_segueForward'
  
• 6. In MySubViewController.swift, create two variables to receive information passed

  var cv_model : String = "iPad"
  var cv_imgName : String = "ipad.png"
  

• 7. In MySubViewController.swift, add a label 'vv_labelModel' and an imageView 'vv_imageView'

      override func viewDidLoad() {
          super.viewDidLoad()
  
          // Do any additional setup after loading the view.
          self.navigationItem.title = cv_model
          vv_labelModel.text = cv_model
          vv_imageView.image = UIImage(named: cv_imgName)
      }
  

• 8. Right drag the tableView in Tablet Scene to ViewController.swift and name it 'vv_tableView'
• 9. In ViewController.swift, override func

      @IBOutlet var vv_tableView: UITableView!
      override func prepare(for segue: UIStoryboardSegue, sender: Any?) {
          if (segue.identifier == "vv_segueForward") {
              if let destination = segue.destination as? MySubViewController {
                  if let lv_index = vv_tableView.indexPathForSelectedRow {
                      destination.cv_model = cv_arrayModel[lv_index.row]
                      destination.cv_imgName = cv_arrayImg[(lv_index as NSIndexPath).row]
                  }
              }
          }
      }
  

• 10. Navigation Title
  If navigation title is not displayed, in storyboard, click Navigation Controller, then check "Bar Visibility -> Show Navigation Bar"
  
• 11. Back button title