iOS開發-xCode6(iOS 8)中應用程序圖標和啟動頁面設置


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中的內容:

{
  "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,歡迎討論,同時歡迎推薦和關注~


免責聲明!

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



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