製作一頁精美的APP畫面-Pinkoi~~

這次的作業是利用ImageView做出一個App的畫面!!
同樣地....由於為騰同學先做出來了,於是便參考他的做法。

https://medium.com/%E5%BD%BC%E5%BE%97%E6%BD%98%E7%9A%84-swift-ios-app-%E9%96%8B%E7%99%BC%E6%95%99%E5%AE%A4/%E8%A3%BD%E4%BD%9C%E4%B8%80%E9%A0%81%E7%B2%BE%E7%BE%8E%E7%9A%84-app-%E7%95%AB%E9%9D%A2-12ea2cf03bbe

因為不知道要選那個App的畫面,所以請老婆隨意挑一個,她給我這個...

首先先把圖截下來,另存成 PNG 檔,分別為TOP、BRAND...等等

存好圖檔後,再來便是開始寫程式,把圖拉進Assets.xcassets檔案夾內,然後拉ImageView並設定尺寸及位置,尺寸就設定成各個對應圖的大小。

緊接著是將對應的圖放到對應的ImageView中,TOP放第一個,依序指定。

最後呈現出來如下圖:

動態GIF:

GitHub Link:
https://github.com/liananwang/app03

--

--