iOS啟動圖有兩種設置方式,分別為 Launch Images Source 和 Launch Screen File,新建項目時 Xcode 會自動創建 LaunchScreen.storyboard 且默認使用 Launch Screen File 的方式展示啟動圖。
如果誤刪了 LaunchScreen.storyboard 但還想使用 Launch Screen File 的方式展示啟動圖,可以直接新建一個 Storyboard 并勾選 Interface Builder Document 下的 Use as Launch Screen
,勾選了 Use as Launch Screen
的 Storyboard 并不能指定 Custom Class,所以就算使用了 Launch Screen File 也并不能在啟動圖中添加任何代碼邏輯。
通常情況下我會直接使用 Launch Images Source 方式展示啟動圖,省去了為啟動圖做適配的工作,只需要設計師提供不同尺寸的 PNG 圖片就可以了,使用 Launch Images Source 也非常簡單,只需要刪除 Launch Screen File 的內容并選擇 Launch Images Source
,你就可以在 Assets.xcassets 中找到對應放圖片的位置,如 Brand Assets,根據需要勾選右側設置,如APP不支持橫屏且是iPhone用的,勾選 Portrait 即可。
下邊說說我在設置 Launch Images Source 時遇到過的問題,先看圖。
如圖2-1
所示,如果出現上下黑邊的情況說明并沒有勾選圖1-5
的設置,直接放圖的話 Xcode 并不能直接識別啟動圖,所以一定要勾選后再將圖片放進去。
圖2-2
中乍一看并沒有什么不對,但如標注所示狀態欄的高度和粉色View高度并不正確,粉色 View 我在 Storyboard 中設置的值為 50,但顯示的高度并不是 100px 而變成了 118px,狀態欄的高度也變成了 44px,整個畫面寬高均被拉伸變形了。引起這個問題的元兇也是 Launch Images。請一定要仔細檢查 Launch Image 對應圖片的大小,不要相信UI的命名!不要相信UI的命名!不要相信UI的命名!正確設置后屏幕才會正常拉伸。