製作一頁精美的 App 畫面

在自己的手機裡找一個不錯的APP的頁面，把畫面截圖下來再開啟預覽程式，先將圖檔尺寸調整成：iPhone X (375 x 812 point)。

工具>調整大小>寬度375 x 高度812 point

這模仿的方式有點像是在製作網頁的感覺，開始分割畫面並擷取轉存成PNG檔，都先將要用的圖檔一一製作完成，並按照由上而下的命名為：top、band、photo、down等名稱及尺寸。

再來就先將畫面用Image View的元件，按照剛才的畫面分割及排版（如下列圖中）

將所有需要用到的圖檔匯入至Assets.xcassets檔案夾內

現在可以將所有的圖檔匯入了，在Image View 中的Image下拉選擇我們設定好的圖片名稱一個一個的匯入到每個Image View中

完成圖如下列：

完成的GIF檔

github：https://github.com/weitengchen/task03