#2 Storyboard 電子書APP:浪浪別哭
題材來自於關注很久的流浪動物中途咖啡廳 -浪浪別哭,此次練習編排內容、照片及圖片皆是參考浪浪別哭的官網及FB。
文章最後會有附上官網及FB網址,有興趣的同學可以點進去看看。
以下進入作業正題!
作業目的: 不寫程式,從 storyboard 運用 tab bar controller,navigation controller,table view controller & static cell 實作電子書 App。
- 浪浪的事:
利用多個 section,製造出每個 cell 像是一張卡片的效果。
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: