iOS專案開發實戰——學會使用TableView列表控制元件（三）瞭解Section

     在列表控制元件TableView中，Section可以用來分隔不同功能的Cell，如下的iPhone設定介面就是用了Section。現在我們要自己來實現一下帶Section的TableView。

。

（1）關於如何設定介面以及拖拉控制元件，請參考我的前面2篇部落格《iOS專案開發實戰——學會使用TableView列表控制元件（一）》《iOS專案開發實戰——學會使用TableView列表控制元件（二）》。

（2）在程式碼中實現如下：

import UIKit

class ViewController: UIViewController ,UITableViewDataSource{

  var array = ["Hello","iOS","Swift"]
  
  override func viewDidLoad() {
    super.viewDidLoad()
    // Do any additional setup after loading the view, typically from a nib.
  }
  
  
  func tableView(tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
    return 3
  }
  
  func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell {
    
    var cell = tableView.dequeueReusableCellWithIdentifier("cell") as! UITableViewCell
    var title = cell.viewWithTag(101) as! UILabel
    
    title.text = array[indexPath.row]
    
    return cell
    
  }
  
  func numberOfSectionsInTableView(tableView: UITableView) -> Int {
    return 2    //設定有2個Section；
  }

  
  func tableView(tableView: UITableView, titleForFooterInSection section: Int) -> String? {
    
    var str:String!
    if(section == 0){
    
      str = "頁尾：第一個section"
    }else{
    
      str = "頁尾：第二個section"
    }
   
    return str
  }
  
  
  func tableView(tableView: UITableView, titleForHeaderInSection section: Int) -> String? {
    
    var str:String!
    if(section == 0){
      
      str = "頁首：第一個section"
    }else{
      
      str = "頁首：第二個section"
    }
    
    return str
  }
  

}

（3）執行程式，實現效果如下：

.

github主頁：https://github.com/chenyufeng1991  。歡迎大家訪問！