storyboard 苹果启动图_使用Xcode storyboard 来提供 app 的启动屏幕
一. 背景
6月30日前,蘋果要求所有的app必須使用storyboard來提供app的啟動屏幕。
其主要目的就是希望所有的開發者盡量不使用一張純圖片作為啟動頁面,而是希望APP的啟動頁面和其他頁面一樣,也是可以根據不同設備不同場景而進行個性化的配置和開發(比如暗黑模式和普通模式等等)。
具體信息如下:
App 更新的截止日期已延長
2020 年 03 月 26 日
我們非常珍視全球開發者社區,并感謝您堅持通過技術力量來改善人們的生活。為照顧可能需要更多時間來更新 App Store 上現有 app 的開發者,要求遵守以下準則的截止日期現延長至 2020 年 6 月 30 日。
面向 iPhone 或 iPad 的 app 必須使用 iOS 13 SDK 或更高版本構建,并使用 Xcode storyboard(故事板) 來提供 app 的啟動屏幕。
二.解決方案
1.刪除LaucnImage以及系統中的相關設置
刪除老的LaunchImage的加載方式
2.刪除舊的啟動圖
刪除舊的啟動圖文件
3.創建啟動圖的Storyborad
Xcode--File--New--Launch Screen--Save as -- LaunchScreen
創建啟動圖的Storyborad
創建好的Storyboard
4.修改啟動圖
絕大多數的APP都是直接使用一張圖片來做為啟動頁面的,因此我們刪除View中的其他控件,新加一個UIImageView來展示啟動圖片。
刪除View中的內容,取消Safe Area的勾選
取消Safe Area的勾選
在View中添加一個UIImageView
添加UIImageView
設置UIImageView的約束,讓它全屏顯示
UIImageView的約束
修改后的Storyboard
5.創建啟動圖片的xcassets資源
在Images.xcassets中創建啟動圖片的xcassets。
創建啟動圖片的xcassets
這就有兩種選擇,有的app是使用一張圖片通過拉伸來做為所有屏幕設備的啟動圖,這樣只需要添加一張圖片就可。
另外一種就是根據不同的設備和屏幕來做使用不同的圖片作為啟動圖。
下面就是一個針對不同的屏幕尺寸使用不同的圖片的xcassets對應的contens.json的示例。其中的subtype對應的就是不同的屏幕分辨率。retina4對應的是 4英寸的屏幕,667h對應的是4.7英寸的屏幕,736h對應的是5.5英寸的屏幕。(更詳細的參數介紹請參考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.設置launchScreen的UIImageView的圖片
設置launchScreen的UIImageView的圖片
7.在Info.plist中設置啟動storyboard的名稱
在Info.plist中設置啟動圖的storyboard的名稱
三. 其他問題:
有時修改之后在真機上因為緩存原因,導致展示不出來相應的圖片。
可以通過刪除APP,重啟手機,Xcode清理工程,來清理緩存,查看修改后的效果。
四. 最后
如果對于復雜的啟動頁面,蘋果還是推薦通過修改相應的storyboard的代碼來實現
總結
以上是生活随笔為你收集整理的storyboard 苹果启动图_使用Xcode storyboard 来提供 app 的启动屏幕的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 推荐学java——Spring之AOP
- 下一篇: 如何防止ASP木马