#8 用Storyboard做一個專輯介紹的App
我非常喜歡韓國團體Red Velvet,今年2024年剛好她們出道已經十週年,想以比較近期的這張專輯來當製作電子書App的功課靈感來源,幫這張充滿藝術性的專輯設計一個專輯介紹App。
原本想做一個以圖片為主且圓角的按鈕,參考了彼得的這篇教學。
但後來改了想法,所以做了兩個圓角按鈕,一個是成員介紹,一個是專輯介紹。
選擇要當首頁的View Controller,並在下方⬇️的地方選擇Navigation Controller,並將第一頁的箭頭設定在Navigation Controller,這樣上方才會出現可以控制的bar,並且切換到下一頁的畫面動畫會變成由右至左。
再來建立一個Table View Controller,獲得一個列表式的頁面。
在Table View Controller下的Table View,選擇Static Cells。
太好奇這兩個有什麼差別,所以問了一下ChatGPT老師,等之後學到Dynamic Prototype再來研究。
之後在欄位裡放上Image View以及Lable,就做好成員的選單啦!
想要獲得「>」小箭頭可以在右邊的Accessory選擇Disclosure Indicator。
再來就是按住control拉segue,將頁面連結起來,並選擇Show。
因為我們剛剛已經設定Navigation Controller,所以點選到下一個頁面會顯示全螢幕,並顯示上方back的按鈕。
在各個頁面點選左方的Navigation Item,可以設定上方title。
以及Table View Controller下方會有一行半透明的色塊,可以在左方的Table View Controller裡選擇Table View,然後再到右方Style選擇Grouped。
再來就是專輯介紹頁啦!
在放置Image View時參考了彼得潘這篇教學來做陰影。
下方用Scroll View來選擇曲目介紹。
終於大功告成啦!!