Storyboard 劍與遠征 角色介紹 電子書App

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

前言

前陣子忙了期中考，還有各種學校作業死線，終於有空檔來做點喜歡的事啦～～

既然要做個電子書，平常根本沒在看課外讀物的我，想說做遊戲吧，還可以順便玩一下 xddd

劍與遠征電子書app沒有很難，難的是找圖片還有排版。

完美主義的我很要求版面QQ，所以在細節的調整，下很多功夫。（排版、找圖片找得好辛苦，但看到成果，一切都值得了～～～～）

模擬器畫面

部分畫面截圖

github 連結

catherineee999/AFK_Arena

參考資料

首頁的介紹有用到水平捲動，為了版面好看，要把圖片的寬高、留白部分都把距離算的剛剛好。

設定 content size，實現水平捲動，上下捲動和分頁的 scroll view

利用裝著 image view 的 view 控制圖片顯示範圍

在table的地方，覺得純色背景有點單調，所以又另外找圖套上背景了。

設定表格的背景圖片

利用 label 的 Attributed Text 調整行距，好好地呈現五月天的好好

註記

其實我沒有把每個角色的storyboard都做完，只做了部分。因為版面都一樣，只有內文跟圖片需要修改，想說之後可以用寫程式的方式再來做修改！