ios8 xcode6 下的啟動介面設定和表徵圖設定

來源:互聯網
上載者:User

標籤:style   blog   http   io   ar   os   使用   for   sp   

啟動螢幕:LaunchScreen.xib檔案

案頭表徵圖等相關app圖片:Images.xcassets

大綱
  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”按鈕;

四. 設定啟動圖片顯示時間

到此為止,基本工作就已經完成了。但是在運行應用時,你會發現啟動圖片顯示的時間非常短!那麼如何設定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 下的啟動介面設定和表徵圖設定

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.