正常我們在開始一個(gè)工程時(shí)，都會(huì)添加對(duì)應(yīng)的桌面圖標(biāo)和啟動(dòng)頁。從開始接觸iOS開發(fā)，圖片的來源是美術(shù)。直到后來，遇到了一個(gè)不懂如何切icon的美術(shù)。。。絞盡腦汁講解之后，終于會(huì)了。然后又遇到了下一個(gè)不會(huì)的。。。于是終于找到了另一個(gè)方法，找到一款專門切圖標(biāo)的app，后來沒更新，導(dǎo)致需要的圖片尺寸不夠，又換成了另一個(gè)app，請?jiān)徫矣洸磺迕至?。后面又使用?圖標(biāo)工廠,這個(gè)網(wǎng)頁工具還是用了不少時(shí)間，除了可能不小心點(diǎn)到廣告，還是很好用的，但是切啟動(dòng)頁是付費(fèi)的。。。直到現(xiàn)在，剛開了一個(gè)新工程的我發(fā)現(xiàn)，他切的圖標(biāo)數(shù)量不夠，于是我又找到了現(xiàn)在的不求人方法，就是直接通過腳本來生成。過程非常簡單，放入圖片然后運(yùn)行腳本，基本就秒生成。原理我就不多講了，都是代碼人，看腳本代碼沒啥難度，主要是之前也沒這方面的意識(shí)。參考來源傳送門。
我這邊精簡了腳本內(nèi)容，去掉了說明，只生成了一套iOS的icon。
腳本內(nèi)容：
#!/bin/sh
iosIconWithSize(){
sips -Z $1 icon.png --out ./ios/AppIcon.appiconset/icon_app_$1x$1.png
}
rm -r -f ios/AppIcon.appiconset
mkdir -p ios/AppIcon.appiconset
for iosSize in 40 60 58 87 76 114 80 120 180 128 192 136 152 167 1024
do
iosIconWithSize $iosSize
done
目前一個(gè)iPhone項(xiàng)目就只需要這些icon。
注意點(diǎn)：我這邊使用的圖片名稱是 icon.png,腳本也是采用的這個(gè)名稱，如果想偷懶直接用的話，就需要把放入的圖片名改成icon.png。先看運(yùn)行圖：
只需要兩步
1 cd 到文件夾
cd [文件路徑]
2 執(zhí)行腳本
sh icon.sh
到此就完成了。
下面附上一個(gè)啟動(dòng)頁腳本代碼，如果有需要其他尺寸的自己加就行
#!/bin/sh
androidScreenWithSize(){
sips -z 800 480 screen.png --out ./android/screen-hdpi-portrait.png
sips -z 640 360 screen.png --out ./android/screen-mdpi-portrait.png
sips -z 1280 720 screen.png --out ./android/screen-xhdpi-portrait.png
sips -z 1920 1080 screen.png --out ./android/screen-xxhdpi-portrait.png
sips -z 3840 2160 screen.png --out ./android/screen-xxxhdpi-portrait.png
}
iPhoneScreenWithSize(){
sips -z 960 640 screen.png --out ./ios/iphonePortraitiOS_640x960px.png
sips -z 1136 640 screen.png --out ./ios/iphonePortraitiOS_640x1136px.png
sips -z 1334 750 screen.png --out ./ios/iphonePortraitiOS_750x1334px.png
sips -z 1792 828 screen.png --out ./ios/iphoneXRPortraitiOS_828x1792px.png
sips -z 2208 1242 screen.png --out ./ios/iphonePortraitiOS_1242x2208px.png
sips -z 2436 1125 screen.png --out ./ios/iphoneXPortraitiOS_1125x2436px.png
sips -z 2688 1242 screen.png --out ./ios/iphoneXSMaxPortraitiOS_1242x2688px.png
}
rm -r -f android
rm -r -f ios
mkdir android
mkdir ios
androidScreenWithSize
iPhoneScreenWithSize
對(duì)的，就是從傳送門抄的。記得不要忘記改圖片名稱哦。
、、
需要注意一點(diǎn)，因?yàn)閕con是不改變長寬比例的，但是啟動(dòng)圖是改變長寬比例的，所以一定存在長寬比例的問題。但是，但是現(xiàn)在iOS啟動(dòng)頁是通過xib設(shè)置的，而不是以前的啟動(dòng)圖了，也就是現(xiàn)在啟動(dòng)圖其實(shí)就只有一張了，如果你全鋪開的話。如果要做屏幕適配，就相當(dāng)于要做一個(gè)適配的界面，有些元素可能就得切圖了，等于多了一個(gè)界面，但是相對(duì)而言也比多張圖要靠譜些。
