一. 背景

6月30日前，蘋果要求所有的app必須使用storyboard來提供app的啟動屏幕。

其主要目的就是希望所有的開發(fā)者盡量不使用一張純圖片作為啟動頁面，而是希望APP的啟動頁面和其他頁面一樣，也是可以根據(jù)不同設(shè)備不同場景而進(jìn)行個性化的配置和開發(fā)(比如暗黑模式和普通模式等等)。

具體信息如下：

App 更新的截止日期已延長

2020 年 03 月 26 日

我們非常珍視全球開發(fā)者社區(qū)，并感謝您堅持通過技術(shù)力量來改善人們的生活。為照顧可能需要更多時間來更新 App Store 上現(xiàn)有 app 的開發(fā)者，要求遵守以下準(zhǔn)則的截止日期現(xiàn)延長至 2020 年 6 月 30 日。

面向 iPhone 或 iPad 的 app 必須使用 iOS 13 SDK 或更高版本構(gòu)建，并使用 Xcode storyboard(故事板) 來提供 app 的啟動屏幕。

二.解決方案

1.刪除LaucnImage以及系統(tǒng)中的相關(guān)設(shè)置

刪除老的LaunchImage的加載方式

2.刪除舊的啟動圖

刪除舊的啟動圖文件

3.創(chuàng)建啟動圖的Storyborad

Xcode--File--New--Launch Screen--Save as -- LaunchScreen

創(chuàng)建啟動圖的Storyborad

創(chuàng)建好的Storyboard

4.修改啟動圖

絕大多數(shù)的APP都是直接使用一張圖片來做為啟動頁面的，因此我們刪除View中的其他控件，新加一個UIImageView來展示啟動圖片。

刪除View中的內(nèi)容，取消Safe Area的勾選

取消Safe Area的勾選

在View中添加一個UIImageView

添加UIImageView

設(shè)置UIImageView的約束，讓它全屏顯示

UIImageView的約束

修改后的Storyboard

5.創(chuàng)建啟動圖片的xcassets資源

在Images.xcassets中創(chuàng)建啟動圖片的xcassets。

創(chuàng)建啟動圖片的xcassets

這就有兩種選擇，有的app是使用一張圖片通過拉伸來做為所有屏幕設(shè)備的啟動圖，這樣只需要添加一張圖片就可。

另外一種就是根據(jù)不同的設(shè)備和屏幕來做使用不同的圖片作為啟動圖。

下面就是一個針對不同的屏幕尺寸使用不同的圖片的xcassets對應(yīng)的contens.json的示例。其中的subtype對應(yīng)的就是不同的屏幕分辨率。retina4對應(yīng)的是 4英寸的屏幕，667h對應(yīng)的是4.7英寸的屏幕，736h對應(yīng)的是5.5英寸的屏幕。(更詳細(xì)的參數(shù)介紹請參考https://developer.apple.com/library/archive/documentation/Xcode/Reference/xcode_ref-Asset_Catalog_Format/LaunchImageType.html)

{

"images" : [

{

"idiom" : "iPhone",

"subtype" : "retina4",

"scale" : "1x"

},

{

"idiom" : "iPhone",

"filename" : "Default@2x.png",

"subtype" : "retina4",

"scale" : "2x"

},

{

"idiom" : "iPhone",

"filename" : "Default-568h@2x.png",

"subtype" : "retina4",

"scale" : "3x"

},

{

"idiom" : "iPhone",

"filename" : "Default-v@3x.png",

"subtype" : "736h",

"scale" : "3x"

},

{

"idiom" : "iPhone",

"filename" : "Default-6@2x.png",

"subtype" : "667h",

"scale" : "2x"

},

{

"idiom" : "iPhone",

"filename" : "iPhone X@3x.png",

"subtype" : "2436h",

"scale" : "3x"

},

{

"idiom" : "iPhone",

"filename" : "iPhone XS Max@3x.png",

"subtype" : "2688h",

"scale" : "3x"

},

{

"idiom" : "iPhone",

"filename" : "iPhone XR@2x.png",

"subtype" : "1792h",

"scale" : "2x"

}

],

"info" : {

"version" : 1,

"author" : "Xcode"

}

}

修改json后的示例

6.設(shè)置launchScreen的UIImageView的圖片

設(shè)置launchScreen的UIImageView的圖片

7.在Info.plist中設(shè)置啟動storyboard的名稱

在Info.plist中設(shè)置啟動圖的storyboard的名稱

三. 其他問題：

有時修改之后在真機(jī)上因?yàn)榫彺嬖?#xff0c;導(dǎo)致展示不出來相應(yīng)的圖片。

可以通過刪除APP，重啟手機(jī)，Xcode清理工程，來清理緩存，查看修改后的效果。

四. 最后

如果對于復(fù)雜的啟動頁面，蘋果還是推薦通過修改相應(yīng)的storyboard的代碼來實(shí)現(xiàn)

總結(jié)

以上是生活随笔為你收集整理的storyboard 苹果启动图_使用Xcode storyboard 来提供 app 的启动屏幕的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。