#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。

--

--