海賊王電子書App

為了不劇透漫畫內容，只好使用舊的資料

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

1. 搭配 tab bar controller & navigation controller。
2. 使用 table view controller with static cells。
3. 使用 segue 串接頁面。
4. 設定 App Icon ，名稱
5. 使用到的UI 元件， view，label，image view，text view，table view，scroll view

架構：

使用Tab Bar Controller連接兩個Navigator Controller以及一個View Controller，這三個分別為（草帽海賊團、四皇、拼圖遊戲）。

重點整理：

Inset Grouped style (iOS 13 以上)

讓 cell 內縮，製作類似卡片的效果。Style 設為 Inset Grouped。

table view 的三種 style

layer.cornerRadius(Number)

製作圓角圖，也可以透過數值調整成圓形

Scroll View

將Scroll View寬度調成需要的寬度，以 IPhone 14 Pro為例（393Point)，設定contentSize(Size)，寬度乘以總圖片數（393*10)，啟用分頁設定（Paging Enabled)，計算每張圖片的位置

成果展示：

圖片來源：Pinterest

參考資料：

#24 Storyboard 電子書 App

Image Splitter - cut image in to pieces