設置應用程序圖標和引導畫面


一個好的應用程序圖標,不僅會給用戶留下良好的第一印象,而且可以幫助用戶在茫茫多的桌面圖標中,快速發現你的應用程序。本文將介紹如何把已經設計好的圖標以及啟動圖片添加到我們的應用程序。

大綱

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

一. 圖標規格及說明

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搜索欄、中顯示  可選

說明:

  1. 圖標文件的文件名稱必須嚴格按照上表中的設定;
  2. 如果只制作了一個名為“Icon.png”的圖片,系統會根據實際需要的尺寸對其進行縮放處理,但考慮到實際顯示效果,最好還是按照上表中的規格制作前4個的圖標文件
  3. 如果應用程序允許用戶在手機的“設置”中進行某些設置操作,最好提供上述7個圖標的全部文件;
  4. 如果制作的應用僅在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 }

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

 

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM