圖標(biāo)是IOS程序包所必需的組成部分。如果你沒(méi)有提供程序所需的各種尺寸的圖標(biāo),程序上傳發(fā)布時(shí)可能會(huì)無(wú)法通過(guò)驗(yàn)證。IOS程序?yàn)榧骖櫜煌膽?yīng)用場(chǎng)景,定義了多個(gè)不同規(guī)格的圖標(biāo),并以不同的命名區(qū)分:
網(wǎng)站建設(shè)哪家好,找成都創(chuàng)新互聯(lián)!專(zhuān)注于網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站建設(shè)、微信開(kāi)發(fā)、微信小程序、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項(xiàng)目。為回饋新老客戶(hù)創(chuàng)新互聯(lián)還提供了金灣免費(fèi)建站歡迎大家使用!
IOS圖標(biāo)尺寸一覽
iPhone專(zhuān)用程序:
圖標(biāo)名稱(chēng) | 大小 | 圓角 | 用途 | 必需 |
Icon.png | 57 X 57 | 10px | 用于程序商店和在iPhone/iPod Touch中顯示 | 必需 |
Icon@2x.png | 114 X 114 | 20px | Icon.png的高清模式 | |
Icon-Small.png | 29 X 29 | 20px | 用于設(shè)置和Spotlight搜索 | |
Icon-Small@2x.png | 58 X 58 | 8px | Icon-Small.png的高清模式 |
ipad專(zhuān)用程序:
圖標(biāo)名稱(chēng) | 大小 | 圓角 | 用途 | 必需 |
Icon-72.png | 72 X 72 | 20px | 用于在iPad桌面中顯示 | 必需 |
Icon-50.png | 50 X 50 | ? | 用于iPad中的Spotlight搜索 | |
Icon-29.png | 29 X 29 | 10px | 設(shè)置頁(yè)面 |
通用程序:
圖標(biāo)名稱(chēng) | 大小 | 圓角 | 用途 | 必需 |
Icon-72.png | 72 X 72 | 20px | 用于在iPad桌面中顯示 | 必需 |
Icon.png | 57 X 57 | 10px | 用于程序商店和在iPhone/iPod Touch中顯示 | 必需 |
Icon-50.png | 50 X 50 | 10px | 用于iPad中的Spotlight搜索 | |
Icon-29.png | 29 X 29 | 20px | 用于設(shè)置和Spotlight搜索 |
取消圖標(biāo)上的高光
系統(tǒng)會(huì)默認(rèn)會(huì)在圖標(biāo)上自動(dòng)加上半透明的高光半圓,如果我們不想要這個(gè)效果或者圖標(biāo)本身已經(jīng)包含了這個(gè)高光效果,我們可以在項(xiàng)目配置里把系統(tǒng)的高光功能取消掉:
xcode3.2x建的項(xiàng)目:
在info plist里加一個(gè)配置項(xiàng),key為“Icon already includes gloss and bevel effects”, 類(lèi)型為bool,然后打上鉤就,這樣系統(tǒng)就不會(huì)自動(dòng)加高光;
xcode4建的項(xiàng)目:
在項(xiàng)目target的summary標(biāo)簽頁(yè)下找到App Icons項(xiàng),在“Prerendered”打上鉤
此時(shí)在info.plist里會(huì)多出一個(gè)配置項(xiàng)"Icon already includes gloss effects":
再找到“Icon files (iOS 5)”項(xiàng)目(如果有的話(huà)),展開(kāi),把里面的“Icon already includes gloss effects”也設(shè)置成“YES”:
這樣程序中的高光效果就取消了。
itunes connect上的圖標(biāo)
我們?cè)趇tunes connect網(wǎng)站上創(chuàng)建應(yīng)用時(shí)也要求上傳圖標(biāo),上傳后 itunes connect也會(huì)給圖標(biāo)加上高光效果。這不用擔(dān)心,如果我們的程序已經(jīng)取消了高光效果,在程序上傳后,網(wǎng)站上圖標(biāo)的高光效果也會(huì)自動(dòng)取消掉的。
直接拖放到程序目錄下面就可以了。
Default.png iPhone默認(rèn)啟動(dòng)圖片, 320x480或者320x460
Default@2x.png iPhone4啟動(dòng)圖片 640x960或者640x920
為iPad和iPhone程序增加啟動(dòng)畫(huà)面非常簡(jiǎn)單,基本思路就是增加啟動(dòng)圖片資源Default.png即可,只是要根據(jù)不同的分辨率和旋轉(zhuǎn)方向需要有不同的圖片尺寸。
目前的iOS設(shè)備有三種不同的分辨率:
1 | iPad 768x1024 |
2 | iPhone4 640x960 |
3 | iPhone 320x480 |
如果一個(gè)程序,既要支持iPad又要支持iPhone,那么它需要包含下面幾個(gè)圖片:
1 | Default-Portrait.png iPad專(zhuān)用豎向啟動(dòng)畫(huà)面 768x1024或者768x1004 |
2 | Default-Landscape.png iPad專(zhuān)用橫向啟動(dòng)畫(huà)面 1024x768或者1024x748 |
3 |
|
4 | Default-LandscapeLeft.png iPad專(zhuān)用橫向啟動(dòng)畫(huà)面(可省略), 1024x768或者1024x748 |
5 | Default-LandscapeRight.png iPad專(zhuān)用橫向啟動(dòng)畫(huà)面(可省略), 1024x768或者1024x748 |
6 |
|
7 | Default@2x.png iPhone4啟動(dòng)圖片640x960或者640x920 |
為了在iPad上使用上述的啟動(dòng)畫(huà)面,你還需要在xxxx_info.plist中加入key(根據(jù)下拉菜單中的可選項(xiàng)選擇):
1 | UISupportedInterfaceOrientations |
2 | 或 Supported interface orientations |
同時(shí),為其加入值(根據(jù)下拉菜單中的可選項(xiàng)選擇):
1 | UIInterfaceOrientationPortrait 或 Portrait (bottom home button) |
2 | UIInterfacOrientationPortraitUpsideDown 或 Portrait (top home button) |
3 | UIInterfaceOrientationLandscapeLeft 或 Landscape (left home button) |
4 | UIInterfaceOrientationLandscapeRight 或 Landscape (right home button) |