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

Set navigation Title方便瀏覽 不需要額外做label來設標題

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 卡片樣式

🎏🎏🎏. App 操作的畫面. 🎏🎏🎏

https://github.com/vanessa12101/-.git

--

--