iOS開發-xCode6(iOS 8)中應用程式圖示和啟動頁面設定

峻峰飛陽發表於2016-10-21
iOSXCode

iOS8中設定應用程式圖示跟之前沒有什麼變化，命名規則不變，不過至於設定啟動頁面，網上給的方式很多都是模稜兩可的，東平西湊總算是把啟動頁面的圖片設定成功了，iOS設定啟動圖片有兩種方式一種是Launch Screen.xib，第二種是通過Images.xcassets，關於第一種方式是為了支援iOS8，不支援iOS7，因此本文使用第二種方式設定啟動圖片，說多了，進入正題吧。

基本概念

應用程式的圖示是非常好設定的，按照蘋果官方給出的規則，App Icon和Lanuch Image有一些約定俗稱的預設名稱，如下圖所示，如果是需要視網膜螢幕的需要需要重新制作圖片，並且需要加上一個@2x:

 

應用程式圖示和啟動圖片的大小如下圖所示:

詳情可以參考蘋果官網的介紹:https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/IconMatrix.html#//apple_ref/doc/uid/TP40006556-CH27-SW1，由於iPhone6，iPhone6 Plus的出現，出現多了兩種解析度，5.5英寸的iPhone6+的1242x2208，或者1080x1920，也就是Retina HD 5.5，4.7寸iPhone6的750x1334，也就是Retina HD 4.7，4寸屏的（iPhone5/5s）的640x1136，就是Retina 4用於3.5寸(iPhone4/4s)的640x960，就是2x;（部落格連結:http://www.cnblogs.com/xiaofeixiang);外國的一個官閘道器於其中的尺寸講得比較清晰，http://www.paintcodeapp.com/news/iphone-6-screens-demystified。

設定圖示和啟動頁面

本文新建專案為iPad專案，Icon.png(72*72)和Icon@2x.png(144*144)：

其他無需任何設定，就可以看到應用程式的圖示:

iOS8中多了一個Launch Screen.xib，這個暫時沒有使用到，我們只需要在Images.xcassets中設定我們需要設定的圖片即可,點選進入:

 

預設的是隻有一個AppIcon的，新增一個LanuchImage，這個時候設定iPad豎屏和橫屏的圖片，在Finder中檢視如下:

 

Contents.json中的內容:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
{
  "images" : [
    {
      "orientation" : "portrait",
      "idiom" : "ipad",
      "extent" : "full-screen",
      "minimum-system-version" : "7.0",
      "filename" : "Default.png",
      "scale" : "1x"
    },
    {
      "orientation" : "landscape",
      "idiom" : "ipad",
      "extent" : "full-screen",
      "minimum-system-version" : "7.0",
      "filename" : "Default-Landscape.png",
      "scale" : "1x"
    },
    {
      "orientation" : "portrait",
      "idiom" : "ipad",
      "extent" : "full-screen",
      "minimum-system-version" : "7.0",
      "filename" : "Default@2x.png",
      "scale" : "2x"
    },
    {
      "orientation" : "landscape",
      "idiom" : "ipad",
      "extent" : "full-screen",
      "minimum-system-version" : "7.0",
      "filename" : "Default-Landscape@2x.png",
      "scale" : "2x"
    }
  ],
  "info" : {
    "version" : 1,
    "author" : "xcode"
  }
}

　如果一切設定都是成功，還是無法看到啟動圖片，可以到General中設定一下LanuchImage:

其中遇到了些坑，不過還好解決， 博文連結:http://www.cnblogs.com/xiaofeixiang，歡迎討論，同時歡迎推薦和關注~

作者:FlyElephant
出處:http://www.cnblogs.com/xiaofeixiang
說明:部落格經個人辛苦努力所得，如有轉載會特別申明，部落格不求技驚四座，但求與有緣人分享個人學習知識,生活學習提高之用，部落格所有權歸本人和部落格園所有，如有轉載請在顯著位置給出博文連結和作者姓名，否則本人將付諸法律。

相關文章