Ios App icon & 啟動畫面

做完 App 功能之後～～～就要來美化囉～～～

來看看如何在 App 加入 icon 還有開啟 App 時的啟動畫面吧。

今天內容有：

• 如何製作 — icon
• 如何製作 — 啟動畫面

如何製作 — icon

有兩個推薦的網址~~~

可以將你製作好的 icon 圖丟進去，生成 ios app需要的格式。

注意！圖片最好是做成正方形的，圖片才不會變形喔～～～

App Icon Generator

Developer Tool - App Icon Resizer

App Icon Generator

1. 製作好之後，放進App Icon Generator，下載檔案後解壓縮。
2. 在 Xcode 專案中，將 Assets.xcassets 裡的 AppIcon 刪除。
3. 解壓縮的資料夾找到 AppIcon.appiconset 檔案夾，圖片資料都在裡面。
4. AppIcon.appiconset這個檔案夾 放進 Assets.xcassets 。

Developer Tool — App Icon Resizer

1. 製作好之後，放進烤箱機中 XD，檔案會寄到e-mail中後下載解壓縮。
2. 在 Xcode 專案中，進入Assets.xcassets 裡的 AppIcon 。
3. 將下載的圖片貼進 AppIcon 中的 iPhone App iOS 7–13 60pt。
4. 注意！有分 2x 和3x 喔！不要貼錯喔～～～

如何製作 — 啟動畫面

製作啟動畫面也是很簡單的～～～

1. 進入LaunchScreen.storyboard
2. 接著就像平常在做畫面一樣，製作imageView和Label等等…
3. 這樣就完成一個簡單的 啟動畫面囉～～～

完成成果如下～～～