個人博客: LiCheng的博客
引言:
在開發一款商業App時,我們大都會為我們的App設置一個啟動頁。
蘋果官方對于iOS啟動頁的設計說明:
為了增強應用程序啟動時的用戶體驗,您應該提供一個啟動圖像。啟動圖像與應用程序的首屏幕看起來非常相似。 當用戶在主屏幕上點擊您的應用程序圖標時,iPhone 會立即顯示這個啟動圖像。 一旦準備就緒,您的應用程序就會顯示它的首屏幕,來替換掉這個啟動占位圖像。 請記住,*啟動圖像并不是為您提供機會進行藝術展示;它完全是為了增強用戶對應用程序能夠快速啟動并立即投入使用的感知度。 *
啟動頁一般都是圖片,因為蘋果有4、4S、5、5S、6、6S等可能以后還會有其他的型號,所以要考慮到屏幕的適配,還有系統的適配(有些用戶的系統版本不支持一些技術,比如LaunchScreen.storyboard)。
XCode 中有 LaunchScreen.storyboard 或者 LaunchScreen.xib,蘋果默認使用的就是拿這個當啟動頁,這是一個靜態的頁面,不能寫代碼,也就是只能用自動布局來適配屏幕的大小,但是這個兼容性不強,低版本的不能使用。
說了這么多,如何設置App的啟動圖片呢 ?
創建 Launch Image:
-
點擊Image.xcassets 進入圖片管理,然后右擊下面加號,彈出"App Icon & Launch Image",選擇"New iOS Launch Image"。
-
如圖,左側會出現一個LaunchImage,這個就是我們剛才創建的文件。右側的勾選可以讓你選擇是否要對ipad、橫屏、豎屏、以及低版本的ios系統做支持。
-
點擊一張圖片的時候,右側會出現Expected Size 1242 * 2208 pixels,這個代表啟動圖片的尺寸,按照尺寸修改圖片,然后將圖片拖入即可。
-
圖片添加好的效果:
設置屬性:
-
接下來就是設置一些屬性了:
-
點擊5,就會出來一個框,如圖,點擊Migrate:
-
此時該處會變成這個樣子:
下拉, 選擇我們創建的LaunchImage.
-
把6里面的內容清空, 最后就是這個樣子:
好了, 啟動圖片我們設置完了, 現在可以運行看到效果了。
設置啟動圖片的停留時間:
蘋果默認啟動頁停留的時間很短,有時不滿足我們的需求,這時我們就可以手動控制啟動頁停留的時間,沒有太高深的代碼,只需在AppDelegate.m文件的didFinishLaunchingWithOptions代理方法里面讓線程休眠指定的時間即可。
代碼如下:
- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
// 啟動圖片延時: 1秒
[NSThread sleepForTimeInterval:1];
return YES;
}
<br />
<br />
<br />
GitHub: https://github.com/LiCheng244/LCUtils
個人博客: http://www.licheng244.com/