不寫程式，拉出一個電子書app
Published in
Jul 13, 2023
這次使用storyboard拉出一個電子書app，雖然已百年沒用adobe illustrator，但依舊有一種當年在操作adobe illustrator的既視感，好幾次都想把圖層鎖起來，移動位置的時候真的好崩潰இдஇ，用mac巧控板拉畫面，拉到最後手都在抖இдஇ
好啦現在就開始交作業吧！Let’s go！
介紹此次有使用到的功能選手
- tab bar controller & navigation controller
- table view controller with static cells
- scroll View
- view，button，label，image view，table view，scroll view，visual effect view with blur，tap gesture recognizer。
操作畫面：
📍 主頁:
- 在起始頁中使用了scroll view來做熱門專輯排行，其中要注意的就是需要在scroll view中設置contentSize，因為是左右滑動所以只需要填寫花括弧中的第一個欄位，第二個欄位則為0
可參閱：
- 熱門專輯的每個item是先使用了view將畫面做好，再疊加上tap gesture recognizer手勢作為按鈕使用
📍 故事內容頁:
- 說個題外話，原本在這裡想使用ai的幫助來產一個故事，但沒想到比想像中難，看來還沒辦法成為ai咒術師，最後用了IGT偵探趣味產出的可愛童書作為作業練習的故事。
- 因為想讓使用者不用侷限點擊button所以也是使用了tap gesture recognizer手勢來換到下一頁。
📍 故事專輯簡介:
- 在專輯圖片中可以一格一格切換換圖片也是使用scroll view不同的是，這次需要將paging Enbled勾選起來達到此效果
- 內容簡介的部分,因為是滑動y軸，因此contentSize只需要設置第二個參數
📍 書櫃頁面:
- 使用table view controller，其中要注意的是因為目前表單是靜態資料，因此table view需要改為static cells：
📍 遇到其他的問題:
- navigation bar如何維持同一個樣式，不受捲動時影響，解決方法如下：
可參閱：
