02 Storyboard 電子書 約會祕技 App👩🏼🤝👨🏻
2–2從 storyboard 運用 tab bar controller,navigation controller,table view controller & static cell 實作電子書 App。
選擇一個浪漫的約會地點總是讓人煩惱,今天彙整出幾個類別,設計出約會的實用秘籍app(台北版),如果以後有公司投資這項目,就來寫一個全台版的🤣再結合禮品店,吃飯約會加送禮😂(志向很遠大)
Storyboard
tab bar controller & navigation controller
用了TabBarViewController串連四個NavigationController
Set navigation Title
table view controller with static cells
類別 夜景 酒吧 餐廳 這三個分頁運用了table view controller with static cell
酒吧分頁 做了多section練習再細分成 live music house&特色bar
餐廳分頁 照片牆(Grid Photo Wall) 使用 static cells 的 table view controller,在 cell 裡加入多個 image view,加上 button
使用 segue 串接頁面
- 加入 tab bar controller 或 navigation controller 時先點選要連接的controller,然後點選右下角向下的箭頭(embed in)
• 從 button 連到 view controller 時選擇 show
• 從 tab bar controller 連到 view controller 時選擇view controllers
設定 App Icon ,名稱
使用到 iOS SDK 的各種 UI 元件,比方 view,button,label,image view,text field,text view,table view,scroll view。
使用到 text view,可點選文字連結顯示網頁和地圖。
使用 SF Symbols
支援 dark mode
scroll view練習
特別功能:table view 的三種 style 一個 section 一個 cell 卡片樣式