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中的內容:
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,歡迎討論,同時歡迎推薦和關注~
出處:http://www.cnblogs.com/xiaofeixiang
說明:部落格經個人辛苦努力所得,如有轉載會特別申明,部落格不求技驚四座,但求與有緣人分享個人學習知識,生活學習提高之用,部落格所有權歸本人和部落格園所有,如有轉載請在顯著位置給出博文連結和作者姓名,否則本人將付諸法律。
相關文章
- iOS-設定AppIcon圖示和啟動頁iOSAPP
- IOS基礎-APP圖示、啟動頁、名字的設定iOSAPP
- 短視訊軟體開發,ios啟動圖適配和啟動圖示適配iOS
- Flutter 開發 Android & IOS 啟動頁 splash pageFlutterAndroidiOS
- iOS 圖示&啟動圖生成器(一)iOS
- iOS 圖示&啟動圖生成器(二)iOS
- 【iOS 開發】iOS 10.3 如何更換 app 圖示iOSAPP
- 【Qt開發】更改應用程式圖示和工作列圖示QT
- 筆記-iOS應用程式的啟動過程筆記iOS
- Flutter 動態更改應用程式啟動圖示Flutter
- iOS開發-使用Safari除錯iOS APP H5頁面iOS除錯APPH5
- iOS App Icon和啟動圖尺寸配置iOSAPP
- 2024-11-21 uniapp小程式ios端設定overflow:hidden無法禁止頁面滑動APPiOS
- iOS全埋點解決方案-應用退出和啟動iOS
- 【iOS】動態更換圖示iOS
- XCODE6中使用iOS7 SDK的方法XCodeiOS
- Appcode 2022 for mac(ios應用開發)APPMaciOS
- Android應用中,跳轉到App的詳細設定頁面,設定許可權頁面AndroidAPP
- iOS SpringBoard tweak外掛,雙擊圖示快速啟動debugserveriOSSpringGseServer
- 譯:原生iOS應用程式和原生Android應用程式設計之間的差異iOSAndroid程式設計
- 預設瀏覽器設定及vue自動開啟頁面瀏覽器Vue
- 蘋果計劃明年在印度開設iOS應用設計和開發加速器蘋果iOS
- iOS開發Runtime的理解與應用iOS
- IOS 逆向開發(三)應用簽名iOS
- AppCode 2022 for mac(ios應用開發)中文APPMaciOS
- 2021 年 iOS 應用程式開發七種最佳語言iOS
- 單頁面應用和多頁面應用
- 玩轉iOS開發:iOS 8 新特性《Share Extension》iOS
- 移動開發—iOS日常面試問題移動開發iOS面試
- Flutter與Native混合開發-FlutterBoost整合應用和開發實踐(iOS)FlutteriOS
- 設定Android程式圖示和程式標題Android
- iOS應用自動撥打電話,開啟攝像頭缺陷iOS
- 淺談設計模式在iOS開發實戰專案中的應用設計模式iOS
- 批次上傳iOS應用程式截圖的實用技巧iOS
- 玩轉iOS開發:iOS中的NSOperation開發(一)iOS
- IOS14桌面佈局圖片怎麼設定iOS
- iOS開發-圖片UIImageiOSUI
- 記一次ios下h5頁面圖片顯示問題iOSH5
- ios應用開發+swift語言入門iOSSwift