海賊王電子書App
Published in
Nov 17, 2022
為了不劇透漫畫內容,只好使用舊的資料
目的:不寫程式,從 storyboard 運用 tab bar controller,navigation controller,table view controller & static cell 實作電子書 App。
- 搭配 tab bar controller & navigation controller。
- 使用 table view controller with static cells。
- 使用 segue 串接頁面。
- 設定 App Icon ,名稱
- 使用到的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。
layer.cornerRadius(Number)
製作圓角圖,也可以透過數值調整成圓形
Scroll View
將Scroll View寬度調成需要的寬度,以 IPhone 14 Pro為例(393Point),設定contentSize(Size),寬度乘以總圖片數(393*10),啟用分頁設定(Paging Enabled),計算每張圖片的位置