怪獸電力公司 電子書 App

利用storyboard以不寫程式的方式完成一個電子書App。

操作畫面

Storyboard架構

利用Tab Bar Controller 分成三個部分，並用 Navigation Controller串起全部頁面。

▶ 第一部分為首頁

▶ 第二部分為故事大綱介紹與劇照

• 故事內容比較多，使用TextView可以以上下滾動方式來閱讀。
• 劇照使用ScrollView橫向滑動方式呈現，在照片的位置加上Button，搭配Show segue可以跳到下一頁查看完整圖片。

▶ 第三部分為角色選單與角色介紹

• 想使用自己的背景圖片，需要使用Container View來裝Table View 並搭配 Static Cells來新增角色選單。
• 點選角色會跳到下一頁的角色介紹，角色介紹中的圖片透過在identity inspector的Key Path輸入“ layer.cornerRadius ”，Type改為Number來達成圓角的效果。
• 角色介紹的內容使用TextView上下滾動方式來閱讀。

參考文章

#24 Storyboard 電子書 App

讓 view 變圓角的 layer.cornerRadius

GitHub連結

GitHub - KuanILi/Monsters