正文

相信大家一定遇到過某些App在手機(jī)桌面打開時(shí)會(huì)出現(xiàn)短暫或者幾秒鐘的白屏情況吧，沒錯(cuò)那是應(yīng)用程序啟動(dòng)后系統(tǒng)默認(rèn)的背景色，此時(shí)應(yīng)用的第一個(gè)Activity還未被加載出來，所以不管怎么設(shè)置第一個(gè)Activity的背景色都毫無作用。但細(xì)心的朋友發(fā)現(xiàn)，有些App啟動(dòng)時(shí)白屏的時(shí)間又很短幾乎可以忽略不計(jì)呢？今天就分享一篇關(guān)于App冷啟動(dòng)處理白屏?xí)r間過長的問題。

首先先聊一聊冷啟動(dòng)和熱啟動(dòng)：

• 冷啟動(dòng)

殺掉App,此時(shí)的App進(jìn)程不存在于后臺(tái)，啟動(dòng)時(shí)從Logo頁面開始。

• 熱啟動(dòng)

App處于后臺(tái)，進(jìn)程未被殺死，重新進(jìn)入前臺(tái)時(shí)頁面保持上一次頁面，不會(huì)重新啟動(dòng)。

所以，我們此次所講的屬于冷啟動(dòng)過程，當(dāng)應(yīng)用程序代碼量小、業(yè)務(wù)邏輯少、體積小時(shí),App啟動(dòng)還是比較快，白屏?xí)r間可以忽略不計(jì)。一旦初始化工具過多，首頁業(yè)務(wù)邏輯過多時(shí)啟動(dòng)速度會(huì)嚴(yán)重變慢，此時(shí)的白屏?xí)r間會(huì)越來越長，給人一種極差的體驗(yàn)。我們需要做的就是在白屏?xí)r間盡可能快速的展示Logo等圖標(biāo)，讓它成為一個(gè)過渡，待應(yīng)用程序準(zhǔn)備好后跳轉(zhuǎn)到相應(yīng)頁面以提高用戶體驗(yàn)。

配置一個(gè)SplashActivity

首先，需要配置一個(gè)SplashActivity（應(yīng)用展示的第一個(gè)Activity）的主題

<style name="SplashTheme" parent="Theme.AppCompat.Light.NoActionBar">
    <!-- 將splash圖片設(shè)置在這，這樣這張圖片取代白屏 -->
    <item name="android:windowBackground">@drawable/logo_drawable</item>
    <item name="android:windowAnimationStyle">@style/notAnimation</item>
    <!--將頂部狀態(tài)欄設(shè)置為透明，并將界面內(nèi)容布局上邊界上提至狀態(tài)欄頂部-->
    <item name="android:windowTranslucentStatus">true</item>
    <!--如果有底部虛擬導(dǎo)航欄，則將底部虛擬導(dǎo)航欄設(shè)置為透明，并將界面內(nèi)容布局下邊界下沉至虛擬導(dǎo)航欄底部-->
    <item name="android:windowTranslucentNavigation">true</item>
    <item name="android:windowFullscreen">true</item>
    <item name="android:windowNoTitle">true</item>
    <item name="windowActionBar">true</item>
</style>

其中windowBackground是我們本次重點(diǎn)配置，windowAnimationStyle是取消頁面的一些動(dòng)畫效果，一般首頁我們讓它無動(dòng)畫，其他設(shè)置根據(jù)自己情況設(shè)置即可。

讓我們來看看logo_drawable

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <color android:color="#ffffffff"/>
    </item>
    <item
        android:top="208dp"
        android:bottom="453dp">
        <bitmap
            android:gravity="center"
            android:src="@mipmap/ic_logo" />
    </item>
</layer-list>

白色背景上疊加一個(gè)bitmap，這里需要注意的是bitmap外層的item標(biāo)簽一定要根據(jù)設(shè)計(jì)稿配置好上下邊距，否則運(yùn)行App后的效果會(huì)被鋪滿屏幕。

然后我們將上面的主題配置到activity中，此時(shí)SplashActivity的布局文件中可以什么都不寫，因?yàn)樵撝黝}就相當(dāng)于背景，如果此處編寫頁面可能會(huì)和背景l(fā)ogo重合，僅需要編寫一些邏輯和跳轉(zhuǎn)處理。

<activity
    android:name=".ui.splash.SplashActivity"
    android:configChanges="orientation|screenSize"
    android:exported="true"
    android:launchMode="singleTop"
    android:screenOrientation="portrait"
    android:theme="@style/SplashTheme">
    <intent-filter>
        <action android:name="android.intent.action.MAIN" />
        <category android:name="android.intent.category.LAUNCHER" />
    </intent-filter>
</activity>

至此，再次運(yùn)行打開App發(fā)現(xiàn)，幾乎點(diǎn)開就是我們配置的logo,完美處理白屏問題。

注意：

如果項(xiàng)目使用了UI適配的三方庫，例如androidAutoSize，一定記得根據(jù)文檔處理放棄啟動(dòng)頁適配，否則運(yùn)行出來的效果也是不如意。

總結(jié)

白屏處理其實(shí)就是通過主題配置一個(gè)背景，在加載頁面時(shí)會(huì)首先顯示該背景，無需渲染頁面，所以App打開就能很快展示Logo，一般延遲一兩秒再跳轉(zhuǎn)首頁達(dá)到一個(gè)良好的用戶體驗(yàn)。