Swift: "設定" 畫面的製作

設計 iPhone "設定畫面" 的效果



首先
在 Story Borard 中加入一個 Table View Controller

接著
Content 設定為 Static Cells
Sections 設定為 3 (或需要的區塊數目)
Style 改為 Grouped

如下圖
在各個 Cell 放上 Label 或其它你需要的物件 （再設定適當的 constraints ）



結果如下




Swift 程式部分
新增 SettingTableViewController.swift
修改這段

    override func numberOfSections(in tableView: UITableView) -> Int {
        return 3   //section數目
    }
    
    override func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        //各個 section 的cell數目
        if section == 0 {
            return 3
        } else if section == 1 {
            return 1
        } else {
            return 1
        }
        
    }
    
   //加上這段
    override func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
        print("你點選了:")
        print("section: \(indexPath.section)")
        print("row: \(indexPath.row)")
        
    }

 

以上相關的專案範例：
https://github.com/hellofire/SettingsPage



iPhone Settings Page