ios app課程練習#4-製作一頁偽instagram頁面

使用view以及ImageView做出一頁偽instagram

首先到Ui Kit網站上尋找素材使用（在設計方面省點時間好好鑽研xcode～）
https://www.sketchappsources.com/category/ui.html

找到可用素材後下載下來以sketch打開，
就可以盡情取用它的icon了！
選取需要的icon後，使用export選擇ios類別(下圖右)，
就可以一次輸出寫app時需要的@1x,@2x,@3x的icon了

之後是打開Xcode開始各種刻畫面：

首先，先輸入所有會用到的icon與圖片。
注意到了嗎？剛剛用sketch輸出的1x,2x,3x圖片都自動歸位了！

再來，回到storyboard，細細的刻上畫面吧！

這次只用到三個元件：
1.ImageView
2.TabBar
3.Label

嘩啦嘩啦完成！

既然是偽IG，App icon也必須偽造進去，設計上使用藍紫漸層取代原本的紅紫漸層。名稱的部分，就用自己的帳號+instagram的字尾=Jieoopgram吧

最後是操作影片

然後附上GitHub網址：

JJA12/jieoopgram

完成！交件！關機！