iOS图标启动图生成器（一）
前 言
一個完整的app都需要多種尺寸的圖標和啟動圖。一般情況下，設計師需要根據開發者提供的一套規則，設計出各種尺寸的圖標和啟動圖供開發人員使用。
但最近作者利用業余時間做了個app，因為不希望耽誤設計師較多時間，希望能自己來搞定各種尺寸的圖標，就只跟設計師要了最大尺寸的圖標和啟動圖各一個。本想著找一下現成的工具，批量生成需要的的圖片，但最后沒有找到，只好自己使用Photoshop切出了不同尺寸的圖片。
這期間還換過一次圖標和啟動圖，作者就重復了切圖工作，這花費了大量的時間。于是事后，作者開發了一個mac app——圖標&啟動圖生成器（簡稱生成器）以提高工作效率。作者用兩篇文章分別介紹生成器的使用和實現細節。
本篇文章介紹生成器的功能和使用方式。
01 生成器功能介紹
根據原圖一鍵生成整套規則的圖片；
支持選擇所需要的平臺規則；
支持選擇/輸入圖片導出路徑；
自動打開導出的圖片文件夾。
02 生成器支持的平臺
截止本篇文章發布，生成器v0.3版本共支持12套平臺規則。
-
iPhone AppIcons（iPhone app 圖標規則）
-
iPhone LaunchImages Portrait（iPhone app 豎屏啟動圖規則）
-
iPhone LaunchImages Landscape（iPhone app 橫屏啟動圖規則）
-
iPad AppIcons（iPad app 圖標規則）
-
iPad LaunchImages Portrait（iPad app 豎屏啟動圖規則）
-
iPad LaunchImages Landscape（iPad app 橫屏啟動圖規則）
-
Mac AppIcons（Mac app 圖標規則）
-
Watch AppIcons（Apple Watch app 圖標規則）
-
CarPlay AppIcons（CarPlay app 圖標規則）
-
Android AppIcons（Android app 常用圖標規則）
-
Android LaunchImages Portrait（Android app 常用豎屏啟動圖規則）
-
Android LaunchImages Landscape（Android app 常用橫屏啟動圖規則）
03 生成器界面介紹
在了解了生成器的基礎功能后，來看看生成器的界面。如下圖。
生成器的界面比較簡潔，控件元素按照從上到下、從左到右的順序分別為：
圖片框（承載源圖片）
平臺選擇器（供選擇平臺規則）
路徑按鈕（供選擇圖片導出路徑）
路徑文本框（顯示選擇的路徑，支持直接輸入路徑）
導出按鈕（在目標路徑中生成符合所選定的平臺規則的圖片，并打開路徑文件夾）
04 生成器使用步驟
生成器的使用步驟非常簡單，這里以此生成器app的圖標生成過程為例進行介紹。
1、準備源圖片
此生成器是一個mac app，需要10種尺寸的圖標，如下圖。
其中，所需要的最大圖標的尺寸為1024*1024。作者需要準備好這張最大尺寸的圖片，并拖拽到圖片框中作為源圖片。
2 、選擇平臺規則
作者需要生成符合mac app圖標規則的所有圖標圖片，所以這里選擇Mac AppIcons。
3、選擇導出路徑
這時，點擊導出按鈕已經能夠將源圖片切成所需要的一套圖片了。但在這之前，選擇一個合適的圖片導出路徑，會便于作者管理生成的圖片。另外，對文件路徑規則比較熟悉的同學可以直接輸入路徑。
4、導出圖片
點擊導出按鈕可以在目標路徑中生成符合所選定平臺規則的圖片，并打開這些圖片所在的文件夾以供使用。
按照以上4步，可以快速得到所需要的符合各種平臺規則圖標和啟動圖。
05 獲取app資源
設計師同學可以獲取dmg資源：
https://www.jianshu.com/go-wild?ac=2&url=https%3A%2F%2Fapp-home.iot.360.cn%2Fdownload%2Fios_ipa%2Ficongenerator%2Ficongenerator.dmg
開發者同學可以從QiShare的Github中獲取工程代碼：
https://github.com/QiShare/QiAppIconGenerator
如有問題，歡迎留言反饋~
（360技術原創內容，轉載請務必保留文末二維碼，謝謝~）
關于360技術 360技術是360技術團隊打造的技術分享公眾號，每天推送技術干貨內容
更多技術信息歡迎關注“360技術”微信公眾號
總結
以上是生活随笔為你收集整理的iOS图标启动图生成器（一）的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 解决mysql自动重连
- 下一篇： c语言炒股软件公式,股票软件怎么使用指标