［相關(guān)信息：Xcode7.2 ; Swift2.0］

先回顧一下效果圖

看起來(lái)還不錯(cuò)的設(shè)計(jì)圖

接下來(lái)我們需要把第一頁(yè)列表頁(yè)做起來(lái)

添加Table View控件

為T(mén)able View添加Table View Cell (行)

在Table View Cell里面添加需要的控件

添加完之后我們運(yùn)行下APP會(huì)發(fā)現(xiàn)，列表還是空的？那是因?yàn)門(mén)able View沒(méi)有綁定數(shù)據(jù)，而且數(shù)據(jù)也沒(méi)有，當(dāng)然顯示出來(lái)的列表也會(huì)是空的。

好，那接下來(lái)我們要讓列表顯示出來(lái)

綁定Table View到View Controller，設(shè)置Table View Cell 的 identifier

同時(shí)顯示 SB*(Main.storyboard)* 和代碼窗口

選擇正確的類(lèi)文件

按住control鍵拖動(dòng)到代碼窗口

設(shè)定綁定的名稱(chēng)，點(diǎn)擊添加完成綁定

Table View與代碼綁定成功圖

在ViewController.swift類(lèi)里面實(shí)現(xiàn)Table View的兩個(gè)方法

// MARK: - Table view data source
func tableView(tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
    // #warning Incomplete implementation, return the number of rows
    return 5
}
func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell {
    let cell = self.tbView.dequeueReusableCellWithIdentifier("cell", forIndexPath: indexPath)
    return cell
}

最后我們運(yùn)行APP看下效果 (Command+R)

運(yùn)行APP的效果

嗯，效果實(shí)現(xiàn)成功了??????