[APP開發-使用Swift] 5. UITableView

Chiwen Lai
4 min readSep 22, 2017

--

本章節開始,將以「我的餐廳」App介紹Swift內一系列的程式語法。最後完成成品畫面如下。

  1. 建立一個新的Xcode專案

2. 選擇Single View Application

3. 設定專案名稱:FoodPin

4. 選擇專案存放位置,建議新建一個Developer目錄存放

5. 專案新增完成

6. 將預設的View Controller刪除。因為我們將用Table View Controller作為起始畫面,因此直接刪除預設的View Controller。請將Storyboard上的View Controller以及ViewController.swift檔案刪除。

7. 拖拉一個Table View Controller到畫面上,記得勾選Is Initial View Controller。

8. 新增自訂的View Controller Swift檔案,在FoodPin資料夾按右鍵選擇New File,接著選擇Cocoa Touch Class。

9. Class名稱設為RestaurantTableViewController,Subclass記得選UITableViewController。

10. Navigator裡多了RestaurantTableViewController.swift這個檔案,接著我們要將Storyboard裡的View Controller與剛剛新增的Class串連起來。在Storyboard選擇剛剛的View Controller,再點選Identity inspector,在Class選擇RestaurantTableViewController。

11. 接下來讓我們看一下RestaurantTableViewController.swift裡的程式碼。當我們選擇繼承UITableViewController的時候,Xcode已幫我們預設加上許多可能會用到的程式碼,讓我們先將註解的部分保留cellForRowAt indexPath,並將”withIdentifier”改為”Cell”,再將numberOfSections、numberOfRowsInSection均改為return 1,程式碼如下。

記得在Storyboard點選Cell,Identifier也記得改為”Cell”。

註解的部分,Swift支援以下幾個關鍵字,稱作Landmark,直接點選可以跳到點選的程式部分,善用這個功能寫好註解,在Xcode上方選單中下拉就可以了解整個程式架構,十分方便。(注意://以及MARK中間需有空格。)

12. 執行Run,簡單的空白表格已經可以顯示!

這麼簡單?!接下來讓我們看看Swift幫我們做了什麼!

下一篇:觀念介紹:Protocols

參考:Beginning iOS Programming with Swift by Simon Ng

--

--