1.背景
無意間發(fā)現(xiàn)，自己的一個(gè)線上項(xiàng)目雖然很輕量級(jí)，但是在低端機(jī)型上依然存在啟動(dòng)頁白屏現(xiàn)象善涨，于是就快速優(yōu)化了一番掏婶，在此分享一下優(yōu)化方案啃奴。
2.存在問題
引用一張探索 Android 啟動(dòng)優(yōu)化方法中的app冷啟動(dòng)流程示意圖：
由啟動(dòng)圖可知：打開app時(shí)，系統(tǒng)要加載一個(gè)空白window雄妥，創(chuàng)建進(jìn)程最蕾，初始化app（啟動(dòng)應(yīng)用），最后才加載啟動(dòng)頁布局老厌。如果在創(chuàng)建進(jìn)程和初始化app過程中耗時(shí)較久瘟则，那么在啟動(dòng)頁布局顯示之前，用戶便能肉眼感知到空白window的存在枝秤，也就是我們所說的白屏（或者黑屏醋拧，由你設(shè)置的theme決定）。
本文要做的，一步一步解決顯示白屏的問題丹壕。
3.特別說明
本文就不聊zygote創(chuàng)建進(jìn)程運(yùn)行app的那一堆原理來班門弄斧了庆械，只談一談解決問題最簡單的方法，對原理有興趣的可以自行翻閱【參考文獻(xiàn)】中的相關(guān)文檔雀费。
4.解決思路
通過給activity指定帶有window背景的theme來避免白屏（設(shè)置window背景）
| 優(yōu)點(diǎn) | 缺點(diǎn) | |
|---|---|---|
| 設(shè)置window背景 | 能夠快速解決顯示白屏問題 | 可能會(huì)引起背景圖拉伸問題 |
5.快速解決方案
創(chuàng)建一個(gè)style干奢，清單文件里單獨(dú)給啟動(dòng)頁的theme設(shè)置為該style，代碼如下：
<style name="AppTheme.Splash" parent="Theme.AppCompat.DayNight.NoActionBar">
<!--將頂部狀態(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>
<!--給window窗口設(shè)置背景圖-->
<item name="android:windowBackground">@drawable/bg_splash_snow</item>
</style>
@drawable/bg_splash_snow改為你自己的背景圖
啟動(dòng)頁activity 的 onCreate 方法回調(diào)中辕羽，將window的背景圖置空逛尚，代碼如下：
class SplashActivity : AppCompatActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
window.setBackgroundDrawable(null)
super.onCreate(savedInstanceState)
setContentView(R.layout.activity_splash)
}
}
看下效果：
完事兒~~~下篇見
這就沒了？刁愿？绰寞？？铣口？
對滤钱，沒錯(cuò)，代碼就是這么簡單脑题。
不過對style里那三個(gè)屬性不熟悉的朋友件缸，可能心存疑問：這到底是個(gè)什么鬼。叔遂。他炊。
那咱接下來就細(xì)細(xì)的捋一遍吧。
6.事前準(zhǔn)備
創(chuàng)建一個(gè)啟動(dòng)頁界面已艰，布局里設(shè)置背景為一張圖片痊末，并放一個(gè)textview：
class SplashActivity : AppCompatActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContentView(R.layout.activity_splash)
}
}
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@drawable/bg_splash_snow"
tools:context=".activity.SplashActivity">
<androidx.appcompat.widget.AppCompatTextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="100dp"
android:text="@string/app_name"
android:textColor="@color/white"
android:textSize="22sp"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toTopOf="parent" />
</androidx.constraintlayout.widget.ConstraintLayout>
styles文件里新建一個(gè) style ，parent 設(shè)置為 Theme.AppCompat.DayNight.NoActionBar 來取消標(biāo)題欄：
<style name="AppTheme.Splash" parent="Theme.AppCompat.DayNight.NoActionBar">
</style>
AndroidManifest.xml里將該style設(shè)置給SplashActivity哩掺，方便我們后續(xù)對比效果：
<activity android:name=".activity.SplashActivity"
android:theme="@style/AppTheme.Splash">
<intent-filter>
<action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>
華為手機(jī)上運(yùn)行效果如下：
咦凿叠？這頂部狀態(tài)欄跟底部導(dǎo)航欄也忒丑了點(diǎn)。嚼吞。盒件。。誊薄。。
那锰茉。呢蔫。干掉吧。。片吊。
在style里設(shè)置一下：
<style name="AppTheme.Splash" parent="Theme.AppCompat.DayNight.NoActionBar">
<!--將頂部狀態(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>
</style>
運(yùn)行效果如下：
哦豁 ~~ 處理好頂部狀態(tài)欄跟底部導(dǎo)航欄后舒服多了全谤，但是，這個(gè)白屏問題爷贫？认然？？
恩漫萄，明顯的不像話卷员。
7.通過【設(shè)置window背景】解決白屏問題
這個(gè)賊簡單，只需要通過style的android:windowBackground屬性給window設(shè)置一個(gè)背景腾务，最終設(shè)置如下：
<style name="AppTheme.Splash" parent="Theme.AppCompat.DayNight.NoActionBar">
<!--將頂部狀態(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>
<!--給window窗口設(shè)置背景圖-->
<item name="android:windowBackground">@drawable/bg_splash_snow</item>
</style>
@drawable/bg_splash_snow 是我的一張背景圖：
運(yùn)行效果如下：
完事兒未巫，收工~
“等等~”，有朋友（無中生友启昧？）怕是要問了：那你這一個(gè)界面設(shè)置了兩個(gè)背景圖叙凡，豈不是有些冗余？
哎呀箫津，那來吧狭姨，去掉一張吧，把布局文件的圖干掉（tools:background表示只渲染預(yù)覽布局苏遥，不參與實(shí)際運(yùn)行）：
結(jié)果如下：
可以看到饼拍，運(yùn)行結(jié)果跟之前跟一模一樣。
眼尖的朋友又要問了：“連時(shí)間都一樣田炭？师抄？？”
哈哈哈教硫，我就是偷的上一張圖叨吮。
當(dāng)然了，這里顯示的背景圖就是window上的背景圖瞬矩，實(shí)際上這樣是有問題的茶鉴，比如我啟動(dòng)頁要放個(gè)viewpager啥的，需要處理圖片的一些展示邏輯可咋整景用，window背景又不能搞成viewpager涵叮？
那咱們換一個(gè)思路，window的背景圖在用完后給他置空，繼續(xù)顯示啟動(dòng)頁的布局視圖行不行呢割粮？來實(shí)踐一下看看：
class SplashActivity : AppCompatActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
// 置空window背景圖
window.setBackgroundDrawable(null)
super.onCreate(savedInstanceState)
setContentView(R.layout.activity_splash)
}
}
運(yùn)行效果如下：
這什么鬼盾碗，黑屏了？哦舀瓢，忘了給背景圖加回去了哈哈哈廷雅，再來再來：
再運(yùn)行一下看看效果：
這下OK了，通過將window背景圖設(shè)置成一個(gè)臨時(shí)圖片京髓，既解決了重復(fù)引用圖片資源的問題航缀，又可以正常執(zhí)行啟動(dòng)頁自己的邏輯了。
【特別注意】
由于window背景使用圖片時(shí)無法像imageView一樣設(shè)置縮放朵锣，所以會(huì)強(qiáng)制將圖片拉伸為屏幕寬高谬盐，從而導(dǎo)致圖片變形。要避免這種情況出現(xiàn)诚些，可以嘗試使用點(diǎn)九圖【9-Patch圖】或者自定義的drawable圖來處理飞傀，這里就需要仁者見仁智者見智了。
8.總結(jié)
解決app啟動(dòng)頁白屏的方案不止一種诬烹，我們這里采用了最直觀明了的做法砸烦，即使用圖片替換白屏的方式，但是要明白绞吁，這種做法僅僅是替換了白屏幢痘，并沒有消除白屏展示占用的時(shí)間。由app冷啟動(dòng)流程可知家破，空白window（即白屏）時(shí)間主要由創(chuàng)建進(jìn)程和初始化app（即啟動(dòng)應(yīng)用）來決定颜说，雖然我們無法干預(yù)創(chuàng)建進(jìn)程的時(shí)間，但可以從初始化app來下手汰聋，比如優(yōu)化自定義的application门粪，從而縮短白屏顯示時(shí)間，加快應(yīng)用啟動(dòng)速度烹困。
