#24 Storyboard 電子書 App（Marvel Movies)
我愛漫威英雄！期待下一個10年！
(1)App操作的動畫影片(Gif) …解析度怪怪的…Orz
(2)GitHub的專案連結
(3) 特製的 App 畫面截圖
(4) 參考連結 (彼得潘 #24 Storyboard 電子書 App)
(5) 設計說明與提醒
這次主要是練習用Storyboard設計電子書App，所以沒有寫任何程式碼，運用了tab bar controller、navigation controller、segue、view、button、label、image view、text view、table view、scroll view…等
一開始想了很多主題…最後決定選用Marvel Stud10s 作為練習！因為每一部漫威的電影我都看了很多次，目前10週年總共拍了23部，期待下一個10年有更酷更厲害的英雄出現！
彼得潘有很多教學參考資源，以下是我覺得這次練習時很重要的幾篇文章。
用 Tab Bar Controller 製作 Tab App 的步驟說明
設定 content size，實現水平捲動，上下捲動和分頁的 scroll view
在設定scroll view水平或上下捲動時，記得 在scroll view 的 User Defined Runtime Attributes新增Key Path，欄位輸入 contentSize，大小寫務必要一模一樣唷！（這次不小心打錯兩次…找了好久才發現…Orz)
另外一點要提醒的就是，若同時要有多個水平和上下捲動時，記得要一組一組設定，不要同時修改，容易改錯參數（因為元件編排和設定都很類似！一不小心就會改錯個）
由於最後才想到可以利用table view，所以最後又新增一個頁面來介紹演員，但漫威宇宙的演員實在太多太多了…就先整理主要幾個角色，以後可以持續增加。
在設計與模擬過程中，不斷的出現數不清的黃色提醒…這邊先和大家說聲抱歉…因為我沒有進行任何的Auto layout…之後這部分更熟練時，將會陸續調整；所以目前Github上傳的檔案，下載回來測試時，會有很多黃色提醒唷！但不影響功能，確定在iPhone 11可以正常使用，畫面也都正常。（其他的iPhone機型…位置可能會飄很大！😅😵）
(6) 作業心得
這次雖然沒機會練習到寫程式，但透過StoryBoard開發App也是一個很棒的練習唷！未來如果有程式碼的加持，應該可以開發出更具特色的App，相信開發速度也會更快更有效率。
恩恩～由於這次找資料和圖片花了很多時間，所以很多UI元件都沒練習到…下次我會好好提醒自己，要把握機會學習與練習各種元件的使用方式與技巧，這樣未來在開發上才會更加得心應手！總之～持續努力！加油加油！
