標籤:style blog http io ar os 使用 for sp
啟動螢幕:LaunchScreen.xib檔案
案頭表徵圖等相關app圖片:Images.xcassets
大綱
- 表徵圖的規格及說明;
- 啟動圖片規格及說明;
- 添加素材演練;
- 設定啟動圖片顯示時間。
一. 表徵圖規格及說明
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搜尋欄、中顯示 |
可選 |
說明:
- 表徵圖檔案的檔案名稱必須嚴格按照上表中的設定;
- 如果只製作了一個名為“Icon.png”的圖片,系統會根據實際需要的尺寸對其進行縮放處理,但考慮到實際顯示效果,最好還是按照上表中的規格製作前4個的表徵圖檔案;
- 如果應用程式允許使用者在手機的“設定”中進行某些設定作業,最好提供上述7個表徵圖的全部檔案;
- 如果製作的應用僅在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”按鈕;
四. 設定啟動圖片顯示時間
到此為止,基本工作就已經完成了。但是在運行應用時,你會發現啟動圖片顯示的時間非常短!那麼如何設定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 }
說明:現在,就可以根據實際需要自行設定啟動圖片停留的時間了,一切就是這麼簡單!
iTunes Artwork icon ───────────────────────── 512px (90px)
App icon(iPhone4) ────────────────────────── 114px (20px)
App icon(iPad) ───────────────────────────── 72px (12px)
App icon(iPhone 3G/3GS) ───────────────────── 57px(10px)
Spotlight/Settings icon icon(iPhone4) ───────────── 58px (10px)
Spotlight/Settings icon icon(iPhone 3G/3GS/iPad) ──── 29px (9px)
圖片大小 (px) |
檔案名稱 |
用途 |
重要程度 |
512x512 |
iTunesArtwork |
iTunes 商店中展示 |
可以沒有,推薦有 |
57x57 |
Icon.png |
iPhone/iPod touch上的App Store以及Home介面 |
這個真得有 |
114x114 |
[email protected] |
iPhone 4(高解析度)的Home 介面 |
可以沒有,推薦有 |
72x72 |
Icon-72.png |
相容iPad的Home介面 |
可以沒有,推薦有 |
29x29 |
Icon-Small.png |
Spotlight搜尋以及設定介面 |
可以沒有,推薦有 |
50x50 |
Icon-Small-50.png |
相容iPad的Spotlight搜尋 |
如果有設定束,最好有 |
58x58 |
[email protected] |
iPhone 4(高解析度)的Spotlight搜尋和設定介面 |
如果有設定束,最好有 |
其中第一個,也就是iTunesArtwork,必須是png格式的,但不許有尾碼名。
專為iPad的應用程式
圖片大小 (px) |
檔案名稱 |
用途 |
重要程度 |
512x512 |
iTunesArtwork |
iTunes 商店中展示 |
可以沒有,推薦有 |
72x72 |
Icon-72.png |
App Store以及iPad上的Home介面 |
這個真得有 |
29x29 |
Icon-Small.png |
iPad上的設定介面 |
如果有設定束,最好有 |
50x50 |
Icon-Small-50.png |
相容iPad的Spotlight搜尋 |
可以沒有,推薦有 |
ItunesArtwork同上。
iPhone、iPad通用的應用程式
圖片大小 (px) |
檔案名稱 |
用途 |
重要程度 |
512x512 |
iTunesArtwork |
iTunes 商店中展示 |
可以沒有,推薦有 |
57x57 |
Icon.png |
iPhone/iPod touch上的App Store以及Home介面 |
這個真得有 |
114x114 |
[email protected] |
iPhone 4(高解析度)的Home 介面 |
可以沒有,推薦有 |
72x72 |
Icon-72.png |
iPad上的App Store以及Home介面 |
可以沒有,推薦有 |
29x29 |
Icon-Small.png |
iPad和iPhone的設定介面以及iPhone的Spotlight搜尋介面 |
可以沒有,推薦有 |
50x50 |
Icon-Small-50.png |
iPad上的Spotlight搜尋介面 |
可以沒有,推薦有 |
58x58 |
[email protected] |
iPhone 4(高解析度)的Spotlight搜尋和設定介面 |
如果有設定束,最好有 |
Info.plist檔案
下面你也知道要怎麼樣了吧——對了,設定plist檔案。首先,將所有的表徵圖檔案起好名字,添加到工程的Resources中去。
在.plist中添加一個Icon file欄位
再添加Icon files檔案欄位,為Icon files添加子欄位,就是所需的表徵圖檔案。。
Ps:如果你只提供一些必須的檔案,剩下的檔案iPhone會為你產生的。
Update:現在不提供iPhone4的必須表徵圖[email protected],將通不過App Store的審核,所以,現在[email protected]也是必須的了。
齊活。
ios8 xcode6 下的啟動介面設定和表徵圖設定