天天看點

iOS開發:圖示生成器Prepo 的使用

前言

在移動端開發過程中,設定app的圖示尺寸是一個非常常見的操作,而且在設定app圖示尺寸的時候是要嚴格按照移動端的标準來設定,尤其是iOS版本的app圖示尺寸要求非常嚴格,如果設定的圖示尺寸不符合标準,app上架的時候就會出錯,是以在設定app圖示尺寸的時候一定要注意。iOS開發中通過Assets設定啟動圖檔以及icon處理工具Prepo(圖檔放大縮小不失真,自動生成@2x、@3x,圖檔類型随意切換),再也不用擔心美工給的圖檔規格不合适、不滿意了,大大友善了iOS開發者的開發,也節省了溝通時間,提高了開發效率。

Prepo

1、簡介

Prepo是圖示生成轉化器,Prepo for Mac是Mac OS平台上的一款非常不錯的Mac圖像處理軟體,Prepo for Mac基于Mac和iOS的一款免費且非常友善的圖示轉化器,它可以幫助設計師和iOS開發者快速的導出各種尺寸的圖示。設計師和iOS開發者通過Prepo把任何格式的圖檔檔案轉換成 iOS可用的圖檔格式。

有了Prepo,iOS開發者可以跳過美工,直接生成自己需要的任何尺寸的icon圖示,直接使用Xcode生成的Images.xcassets或者去建立個,然後就可以使用Prepo工具,即可處理。直接在Mac的App Store搜尋Prepo,免費下載下傳初級版本,還有收費的進階版本,直接下載下傳初級基礎版本就行了,也可以直接在浏覽器裡面輸入Prepo for Mac搜尋下載下傳安裝,兩種下載下傳安裝方式,根據個人喜歡選擇。

2、功能介紹

(1)Prepo可以幫助設計師和iOS開發者快速生成各種尺寸的圖示,隻需将最大分辨率的圖示(最大分辨率的圖示尺寸為1024*1024)拖拽進來,其他的具體的icon處理交給Prepo做就好了,非常簡單友善。

  (2)通過點選Prepo對話框頂部右上角的“copy plist”按鈕,設計師和iOS開發者可以輕松的把導出的檔案複制到Xcode中,節省了大量的工作時間。 如圖所示:

3、軟體特色

 (1)調節圖像大小、轉換圖檔格式;

 (2)批量的處理@2x作品;

 (3)自動的轉換和重命名 。

4、具體的使用操作

(1)打開浏覽器,搜尋Prepo for Mac,選擇下載下傳Prepo到Mac電腦上;

iOS開發:圖示生成器Prepo 的使用

(2)在Mac電腦上面安裝完Prepo之後,打開Prepo;

iOS開發:圖示生成器Prepo 的使用

(3)打開Prepo圖示生成器的主面闆,然後選中左側菜單欄裡面的“Icons”選項,然後選擇頂部的Icons類型選擇,本文案例以app的尺寸來講解,是以選擇了“iOS7+ Only”選擇,這就是設定app的Icons的尺寸;

iOS開發:圖示生成器Prepo 的使用
iOS開發:圖示生成器Prepo 的使用
iOS開發:圖示生成器Prepo 的使用
iOS開發:圖示生成器Prepo 的使用

(4)然後直接把需要設定Icons的最大分辨率的圖示拖入到主面闆的空白位置,提示的“Add Icon Artwork”,最大的分辨率尺寸為1024*1024,拉進去之後就生成一套圖示了,圖示上面還可以選擇不同版本等等,點選右邊的Export可以生成圖示;

iOS開發:圖示生成器Prepo 的使用

(5)圖示拖入進去之後,會自動生成出來app需要的各個尺寸的icon,然後選擇右上角的“copy plist”按鈕,直接可以輕松的把導出的檔案複制到Xcode中,節省了大量的工作時間,有些尺寸是不需要的,拉入Xcode的Images.xcassets,删除不比對的icon即可。

iOS開發:圖示生成器Prepo 的使用

附錄

選擇了“iOS7+ Only”之後,Prepo生成了以下幾個尺寸的icon,具體如下所示:

512x512            對應iTunesArtwork
83.5x83.5          對應Icon-iPadPro
76x76              對應Icon-76
60x60              對應Icon-60
40× 40             對應Icon-Spotlight-40
29× 29             對應Icon-Small           

複制

通過上述尺寸 以及解釋說明可以看到,包含的有iPad的icon尺寸,直接選擇app的icon尺寸即可,忽略iPad及其他類型的icon尺寸即可。