[轉]IOS啟動圖以及應用表徵圖

標籤：

一個好的應用程式圖示，不僅會給使用者留下良好的第一印象，而且可以協助使用者在茫茫多的案頭表徵圖中，快速發現你的應用程式。本文將介紹如何把已經設計好的表徵圖以及啟動圖片添加到我們的應用程式。

大綱

1. 表徵圖的規格及說明；
2. 啟動圖片規格及說明；
3. 添加素材演練；
4. 設定啟動圖片顯示時間。

一. 表徵圖規格及說明

iOS中表徵圖的名稱及規格見下表：

序號	檔案名稱	規格	說明	備忘
1	iTunesArtwork	512 * 512	發布到App Store時使用	可選
2	Icon.png	57 * 57	iPhone/iPod的主畫面表徵圖	必須提供
3	[email protected]	114 * 114	iPhone 4的主畫面表徵圖	可選
4	Icon-72.png	72 * 72	iPad的主畫面表徵圖	可選
5	Icon-Small.png	29 * 29	iPhone/iPod搜尋欄和設定中顯示 iPad的設定中顯示	可選
6	[email protected]	58 * 58	iPhone 4搜尋欄和設定中顯示	可選
7	Icon-Small-50.png	50 * 50	iPad搜尋欄、中顯示	可選

說明：

1. 表徵圖檔案的檔案名稱必須嚴格按照上表中的設定；
2. 如果只製作了一個名為“Icon.png”的圖片，系統會根據實際需要的尺寸對其進行縮放處理，但考慮到實際顯示效果，最好還是按照上表中的規格製作前4個的表徵圖檔案；
3. 如果應用程式允許使用者在手機的“設定”中進行某些設定作業，最好提供上述7個表徵圖的全部檔案；
4. 如果製作的應用僅在iPad上運行，則只需提供上表中的1、4、5、7四個檔案即可。

二. 啟動圖片規格及說明

1. iPhone應用程式啟動圖片規格表：

序號	檔案名稱	規格（有狀態列）	規格（全屏）	說明
1	Default.png	320 * 460	320 * 480	低解析度螢幕使用
2	[email protected]	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 *)launchOptions2 {3     // Override point for customization after application launch.4     return YES;5 }

3. 在其中添加一句 [NSThreadsleepForTimeInterval:5]; 如下所示：

1 - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions2 {3     // Override point for customization after application launch.4     [NSThread sleepForTimeInterval:5];5     6     return YES;7 }

說明：現在，就可以根據實際需要自行設定啟動圖片停留的時間了，一切就是這麼簡單！:]

 

 

[轉]IOS啟動圖以及應用表徵圖