#2 Storyboard 電子書APP:浪浪別哭

題材來自於關注很久的流浪動物中途咖啡廳 -浪浪別哭,此次練習編排內容、照片及圖片皆是參考浪浪別哭的官網及FB。

文章最後會有附上官網及FB網址,有興趣的同學可以點進去看看。

以下進入作業正題!

作業目的: 不寫程式,從 storyboard 運用 tab bar controller,navigation controller,table view controller & static cell 實作電子書 App。

  1. 浪浪的事:

利用多個 section,製造出每個 cell 像是一張卡片的效果。

參考教學:https://reurl.cc/QpYevb

2. 等家的浪浪:

使用table view的Inset Grouped style,介紹待領養的浪狗狗及浪貓咪使用Text View放上領養須知並將狗狗的名字設為Button點進去後,使用Text View可以看到他們更多的故事及使用Scroll View可以看到日常生活的可愛模樣!

3. 餐點:

既然是中途咖啡廳當然不能忘記最重要的餐點了,設了五個大分類的Button分別點選可以連到使用Table View的菜單。

4.

Bar Button 分成三個部分

第一個Home點選可以回到一開始的選單。

第二個About us是介紹有關浪浪別哭的介紹(很喜歡他們的宗旨:這裡讓愛不流浪),圖片使用Image View置頂然後下面使用Labal放置他們的宗旨,最後內文的部分使用Text View使多行文字可以滑動閱讀 。

第三個Shop的部分一樣參考About us的配置方式,商品的部分就有點偷懶用了Image View放了商品圖完全無法點選,沒錯就是一張圖片而已,這應該不是有點偷懶了…

Github:

以上不負責任分享。

浪浪別哭官網:

浪浪別哭FB:

--

--