[APP開發-使用Swift] 5. UITableView
本章節開始,將以「我的餐廳」App介紹Swift內一系列的程式語法。最後完成成品畫面如下。
- 建立一個新的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幫我們做了什麼!
參考:Beginning iOS Programming with Swift by Simon Ng