一個好的應用程序圖標,不僅會給用戶留下良好的第一印象,而且可以幫助用戶在茫茫多的桌面圖標中,快速發現你的應用程序。本文將介紹如何把已經設計好的圖標以及啟動圖片添加到我們的應用程序。
大綱
- 圖標的規格及說明;
- 啟動圖片規格及說明;
- 添加素材演練;
- 設定啟動圖片顯示時間。
一. 圖標規格及說明
iOS中圖標的名稱及規格見下表:
序號 | 文件名 | 規格 | 說明 | 備注 |
1 | iTunesArtwork | 512 * 512 | 發布到App Store時使用 | 可選 |
2 | Icon.png | 57 * 57 | iPhone/iPod的主屏幕圖標 | 必須提供 |
3 | Icon@2x.png | 114 * 114 | iPhone 4的主屏幕圖標 | 可選 |
4 | Icon-72.png | 72 * 72 | iPad的主屏幕圖標 | 可選 |
5 | Icon-Small.png | 29 * 29 | iPhone/iPod搜索欄和設置中顯示 iPad的設置中顯示 |
可選 |
6 | Icon-Small@2x.png | 58 * 58 | iPhone 4搜索欄和設置中顯示 | 可選 |
7 | Icon-Small-50.png | 50 * 50 | iPad搜索欄、中顯示 | 可選 |
說明:
- 圖標文件的文件名稱必須嚴格按照上表中的設定;
- 如果只制作了一個名為“Icon.png”的圖片,系統會根據實際需要的尺寸對其進行縮放處理,但考慮到實際顯示效果,最好還是按照上表中的規格制作前4個的圖標文件;
- 如果應用程序允許用戶在手機的“設置”中進行某些設置操作,最好提供上述7個圖標的全部文件;
- 如果制作的應用僅在iPad上運行,則只需提供上表中的1、4、5、7四個文件即可。
二. 啟動圖片規格及說明
1. iPhone應用程序啟動圖片規格表:
序號 | 文件名 | 規格(有狀態欄) | 規格(全屏) | 說明 |
1 | Default.png | 320 * 460 | 320 * 480 | 低分辨率屏幕使用 |
2 | Default@2x.png | 640 * 920 | 640 * 960 | 高分辨率屏幕使用 |
注意:iPhone的啟動圖片是不區分方向的,也就是說不會隨着設備方向自適應調整方向。
2. iPad應用程序啟動圖片規格表:
序號 | 文件名 | 規格(有狀態欄) | 規格(全屏) | 說明 |
1 | Default-Portrait.png | 768 * 1004 | 768 * 1024 | 豎屏啟動圖片 |
2 | Default-Landscape.png | 1024 * 748 | 1024 * 768 | 橫屏啟動圖片 |
三. 添加素材演練
在以前版本的Xcode中,添加圖標和啟動圖片相對有些麻煩,而且蘋果默認給圖標增加了高光效果,但是對於美工來講,這種高光效果往往達不到預期效果。在Xcode 4.3.2中,一切變得簡單了許多。
1. 准備素材,同時按照上面表格中的約定對不同規格的圖片進行命名,並且統一存放在一個文件夾中;
2. 將素材文件的文件夾從Finder中,拖拽到項目中,會彈出下圖所示的窗口,點擊“Finish”按鈕;
3. 如果不想使用圖標默認的高光效果,可以點擊導航區域的項目名稱,然后點擊“TARGETS”下的項目名稱,勾選上“App Icons”邊上的“Prerendered”即可,如下圖所示:
小提示:對於已經存在圖標文件或者啟動圖片,如果想要替換的話,不要直接把新的圖片文件往Xcode里面拖,直接在Finder里面復制即可。:]
四. 設定啟動圖片顯示時間
到此為止,基本工作就已經完成了。但是在運行應用時,你會發現啟動圖片顯示的時間非常短!那么如何設置iOS啟動圖片的顯示時間呢?因為我們實在不想讓美工精心設計的圖片就這么一閃而逝了。另外,我們還可以在顯示啟動圖片時做些其他事情,譬如:播放一小段音頻,吸引一下用戶的注意力。
1. 在導航區域點擊並打開“AppDelegate.m”文件;
2. 找到
1 - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions 2 { 3 // Override point for customization after application launch. 4 return YES; 5 }
3. 在其中添加一句 [NSThreadsleepForTimeInterval:5]; 如下所示:
1 - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions 2 { 3 // Override point for customization after application launch. 4 [NSThread sleepForTimeInterval:5]; 5 6 return YES; 7 }
說明:現在,就可以根據實際需要自行設定啟動圖片停留的時間了,一切就是這么簡單!:]