#39 以 static cells 模仿製作 iOS App 表格頁面
Published in
4 min readJul 13, 2018
目的:學習利用 static cells 設計表格頁面。
static cells 很適合製作數量內容固定的表格和表單。請找尋喜歡的 iOS App 表格畫面,利用 static cells 的 table view,模仿做出一模一樣的畫面。
1 內容頁面
如果喜歡的 App 很多很多,就像你喜歡的女生很多,不知道要選哪一個的話,可以考慮音樂 App 的類型列表或 iTunes Store 的更多列表。
下圖的內容不固定,適合用程式開發,不過還不會寫程式的也可以試試用 static cells 製作。
2 表單頁面
比方 Instagram & LinkedIn App 的個人設定頁面。
3 Grouped Style 的表格
比方行事曆 App 的提示設定頁面。
4 聊天畫面
為了做出一模一樣的畫面,建議下載 App 畫面的 sketch 檔,然後參考以下方法查詢畫面裡元件的大小位置和取得畫面裡的 icon 圖片。(ps: 如果沒有畫面的 sketch 檔,還是可以從 iPhone 螢幕截圖搭配 Preview App 做大約的測量)