您好,登錄后才能下訂單哦!
圖標是IOS程序包所必需的組成部分。如果你沒有提供程序所需的各種尺寸的圖標,程序上傳發布時可能會無法通過驗證。IOS程序為兼顧不同的應用場景,定義了多個不同規格的圖標,并以不同的命名區分:
IOS圖標尺寸一覽
iPhone專用程序:
圖標名稱 | 大小 | 圓角 | 用途 | 必需 |
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 | 用于設置和Spotlight搜索 | |
Icon-Small@2x.png | 58 X 58 | 8px | Icon-Small.png的高清模式 |
ipad專用程序:
圖標名稱 | 大小 | 圓角 | 用途 | 必需 |
Icon-72.png | 72 X 72 | 20px | 用于在iPad桌面中顯示 | 必需 |
Icon-50.png | 50 X 50 | ? | 用于iPad中的Spotlight搜索 | |
Icon-29.png | 29 X 29 | 10px | 設置頁面 |
通用程序:
圖標名稱 | 大小 | 圓角 | 用途 | 必需 |
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 | 用于設置和Spotlight搜索 |
取消圖標上的高光
系統會默認會在圖標上自動加上半透明的高光半圓,如果我們不想要這個效果或者圖標本身已經包含了這個高光效果,我們可以在項目配置里把系統的高光功能取消掉:
xcode3.2x建的項目:
在info plist里加一個配置項,key為“Icon already includes gloss and bevel effects”, 類型為bool,然后打上鉤就,這樣系統就不會自動加高光;
xcode4建的項目:
在項目target的summary標簽頁下找到App Icons項,在“Prerendered”打上鉤
此時在info.plist里會多出一個配置項"Icon already includes gloss effects":
再找到“Icon files (iOS 5)”項目(如果有的話),展開,把里面的“Icon already includes gloss effects”也設置成“YES”:
這樣程序中的高光效果就取消了。
itunes connect上的圖標
我們在itunes connect網站上創建應用時也要求上傳圖標,上傳后 itunes connect也會給圖標加上高光效果。這不用擔心,如果我們的程序已經取消了高光效果,在程序上傳后,網站上圖標的高光效果也會自動取消掉的。
直接拖放到程序目錄下面就可以了。
Default.png iPhone默認啟動圖片, 320x480或者320x460
Default@2x.png iPhone4啟動圖片 640x960或者640x920
為iPad和iPhone程序增加啟動畫面非常簡單,基本思路就是增加啟動圖片資源Default.png即可,只是要根據不同的分辨率和旋轉方向需要有不同的圖片尺寸。
目前的iOS設備有三種不同的分辨率:
1 |
iPad 768x1024 |
2 |
iPhone4 640x960 |
3 |
iPhone 320x480 |
如果一個程序,既要支持iPad又要支持iPhone,那么它需要包含下面幾個圖片:
1 |
Default-Portrait.png iPad專用豎向啟動畫面 768x1024或者768x1004 |
2 |
Default-Landscape.png iPad專用橫向啟動畫面 1024x768或者1024x748 |
3 |
|
4 |
Default-LandscapeLeft.png iPad專用橫向啟動畫面(可省略), 1024x768或者1024x748 |
5 |
Default-LandscapeRight.png iPad專用橫向啟動畫面(可省略), 1024x768或者1024x748 |
6 |
|
7 |
Default@2x.png iPhone4啟動圖片640x960或者640x920 |
為了在iPad上使用上述的啟動畫面,你還需要在xxxx_info.plist中加入key(根據下拉菜單中的可選項選擇):
1 |
UISupportedInterfaceOrientations |
2 |
或 Supported interface orientations |
同時,為其加入值(根據下拉菜單中的可選項選擇):
1 |
UIInterfaceOrientationPortrait 或 Portrait (bottom home button) |
2 |
UIInterfacOrientationPortraitUpsideDown 或 Portrait (top home button) |
3 |
UIInterfaceOrientationLandscapeLeft 或 Landscape (left home button) |
4 |
UIInterfaceOrientationLandscapeRight 或 Landscape (right home button) |
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。