• Statically -- no coding
• Dynamically -- storyboard + swift

• 1. Drag 'TableViewController' to the storyboard
• 2. Make it 'Storyboard Entry Point'
• 3. Delete old ViewController Scene
• 4. Change TableView to 'Static Cells' and 'Grouped'
• 5. Change TableViewSection to 4 Rows and set Header and Footer
• 6. Copy 4 images to the project
• 7. Change TableCell to 'Basic' then set image and label

• 1. Drag a TableView and set IBOutlet UITableView
• 2. Drag a TableView and without IBOutlet -- good if you have more UI controls
• 3. Drag a TableViewController -- good if there is only tableView in screen

• List data source is stored in an String Array
• Apply UITableViewDelegate, UITableViewDataSource protocols
• Provide/Override
  • func tableView(tableView: UITableView, numberOfRowsInSection section: Int) -> Int
  • func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell

• 1. Create C09-SimpleList as a Single View Application
• 2. Drag a TableViewController
• 3. Delete old ViewController
• 4. Make TableViewController the Initial View Controller
• 5. Embed In Navigation Controller -- Optional
• 6. Give the name 'SimpleCell' to TableViewCell
• 7. In ViewController.swift, change class ViewController from : UIViewController to : UITableViewController
• 8. Associate ViewController.swift to TableViewController in storyboard
• 9. Provide dataSource for TableView

  var cv_arrayData: [String] = ["Home","Find People","Photos","Communities","Pages","What\'s Hot"]	
  

• 10. Add 2 protocol functions

  override func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
  }
      
  override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
  }
  

• 11. In function #1, since the TableView is single selection, return number of rows, pp403 item 27

  return self.cv_arrayData.count
  

• 12.In function #2, tell what to draw for each row, pp403 item 28

  //        let cell:UITableViewCell = self.tableView.dequeueReusableCellWithIdentifier("SimpleCell")! as UITableViewCell
  //        cell.textLabel?.text = self.cv_arrayData[indexPath.row]
  //        return cell
  
  //	let cell:UITableViewCell = self.tableView.dequeueReusableCell(withIdentifier: "SimpleCell")! as UITableViewCell
  //    cell.textLabel?.text = self.cv_arrayData[(indexPath as NSIndexPath).row]
  //    return cell
  
  	let cell = tableView.dequeueReusableCell(withIdentifier: "SimpleCell")
          cell?.textLabel?.text = cv_arrayData[indexPath.row]
          return cell!
  

    @IBOutlet var vv_tableView: UITableView!

    @IBAction func cf_tableAdd(_ sender: UIBarButtonItem) {
        //cv_arrayData.append("New Item")
        cv_arrayData.insert("New Item", at: 0)
        vv_tableView.reloadData()
    }

    @IBAction func cf_tableDel(_ sender: UIBarButtonItem) {
        if (cv_arrayData.count > 0) {
            cv_arrayData.remove(at: 0)
            vv_tableView.reloadData()
        }
    }

    @IBAction func cf_tableReset(_ sender: UIBarButtonItem) {
        cv_arrayData = ["Home","Find People","Photos","Communities","Pages","What\'s Hot"]
        vv_tableView.reloadData()
    }

    override func viewDidLoad() {
        super.viewDidLoad()
        self.navigationItem.rightBarButtonItem = self.editButtonItem
    }

    override func tableView(_ tableView: UITableView, commit editingStyle: UITableViewCellEditingStyle, forRowAt indexPath: IndexPath) {
        if editingStyle == UITableViewCellEditingStyle.delete {
            cv_arrayData.remove(at: (indexPath as NSIndexPath).row)
            self.vv_tableView.reloadData()
        }
    }
    
    // when edit button enabled and pressed, set move enabled
    override func tableView(_ tableView: UITableView, canMoveRowAt indexPath: IndexPath) -> Bool {
        return true
    }
    
    override func tableView(_ tableView: UITableView, moveRowAt sourceIndexPath: IndexPath, to destinationIndexPath: IndexPath) {
        let movedObject = self.cv_arrayData[sourceIndexPath.row]
        cv_arrayData.remove(at: sourceIndexPath.row)
        cv_arrayData.insert(movedObject, at: destinationIndexPath.row)
    }

    override func tableView(_ tableView: UITableView, commit editingStyle: UITableViewCell.EditingStyle, forRowAt indexPath: IndexPath) {
        if editingStyle == UITableViewCell.EditingStyle.delete {
            cv_arrayData.remove(at: (indexPath as NSIndexPath).row)
            self.vv_tableView.reloadData()
        }
    }

 var cv_arrayData: [String] = ["iPad","Xoom","Playbook","TouchPad","Surface"]

    var cv_arrayModel: [String] = ["iPad","Xoom","Playbook","TouchPad","Surface"]
    var cv_arrayOS: [String] = ["iOS","Android","BlackBerry","WebOS","Windows"]

    override func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return self.cv_arrayModel.count;
    }
    
    override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let cell = tableView.dequeueReusableCell(withIdentifier: "SimpleCell")
        cell?.textLabel?.text = cv_arrayModel[indexPath.row]
        cell?.detailTextLabel?.text = cv_arrayOS[indexPath.row]
        return cell!
    }

• The normal UITableViewCell has two parts: contentView and accessoryView
  
• The contentView contains three subviews: textLabel, detailTextLabel, and imageView
• The accessoryView may contain one of the following icons
  
• In editing mode, the cell's content view slides right to reveal an editing control, and the accessory view vanishes.
  

    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"]

    override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let cell = tableView.dequeueReusableCell(withIdentifier: "SimpleCell")
        cell?.textLabel?.text = cv_arrayModel[indexPath.row]
        cell?.detailTextLabel?.text = cv_arrayOS[indexPath.row]
        cell?.imageView?.image = UIImage(named: 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)
    }

        if (indexPath.row % 2 == 1) {
            cell?.backgroundColor = UIColor.lightGray
        }

• Sections -- grouped table with multiple sections
  
• indexPath -- section and row
  An index number identifying a row in a UITableView object in a section identified by section.