App啟動(dòng)頁(yè)面優(yōu)化(白屏/黑屏)

背景:android app啟動(dòng)頁(yè)面黑屏的問題,android開發(fā)app啟動(dòng)時(shí)若沒有做特殊處理的話,會(huì)出現(xiàn)一瞬間的白屏現(xiàn)象。
即使你啟動(dòng)頁(yè)界面就加載一個(gè)布局,不做其他耗時(shí)處理,貌似也會(huì)出現(xiàn)一瞬間的白屏問題。注意,有些地方也稱黑屏,主要是看你給app設(shè)置的style樣式。
為什么存在這個(gè)問題:
當(dāng)系統(tǒng)啟動(dòng)一個(gè)APP時(shí),zygote進(jìn)程會(huì)首先創(chuàng)建一個(gè)新的進(jìn)程去運(yùn)行這個(gè)APP,但是進(jìn)程的創(chuàng)建是需要時(shí)間的,在創(chuàng)建完成之前,界面是呈現(xiàn)假死狀態(tài),于是系統(tǒng)根據(jù)你的manifest文件設(shè)置的主題顏色的不同來展示一個(gè)白屏或者黑屏。而這個(gè)黑(白)屏正式的稱呼應(yīng)該是Preview Window,即預(yù)覽窗口。
實(shí)際上就是是activity默認(rèn)的主題中的android:windowBackground為白色或者黑色導(dǎo)致的。
總結(jié)來說啟動(dòng)順序就是:app啟動(dòng)——Preview Window(也稱為預(yù)覽窗口)——啟動(dòng)頁(yè)。
解決方法:
Android在選擇展示黑屏或者白屏的時(shí)候,是根據(jù)你設(shè)定的主題而不同的,也就是說,雖然你的代碼沒有被執(zhí)行,你的配置文件卻被提前讀取了,用來作為展示Preview Window界面的依據(jù)。所以,解決方案的切入口就是整個(gè)APP的manifest文件,更確切的說應(yīng)該是主題配置文件。
設(shè)置配置文件style樣式中的windowBackground這個(gè)屬性來顯示一張背景圖還有一個(gè)效果就是啟動(dòng)應(yīng)用程序會(huì)感覺非常快,而且與加載MainActivity的contentView是異步的
第一種解決方法:
給當(dāng)前啟動(dòng)頁(yè)添加一個(gè)有背景的style樣式:

<style name="style_splash" parent="android:Theme">
        <item name="android:windowNoTitle">true</item>
        <item name="android:windowBackground">@drawable/splash_launch_bg</item>
    </style>

splash_launch_bg.xml背景drawable

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">

    <item>
        <color android:color="@color/color_f4f4f4" />
    </item>

    <item>
        <bitmap
            android:gravity="center"
            android:src="@drawable/splash_img"
            android:tileMode="disabled" />

    </item>

    <item>
        <bitmap
            android:gravity="bottom"
            android:src="@drawable/splash_txt"
            android:tileMode="disabled" />
    </item>

</layer-list>

給啟動(dòng)頁(yè)設(shè)置此style

<activity
            android:name=".entry.splash.SplashActivity"
            android:launchMode="singleTop"
            android:screenOrientation="portrait"
            android:theme="@style/style_splash">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>

經(jīng)過處理之后App啟動(dòng)時(shí)就不會(huì)出現(xiàn)一瞬間白屏的效果,將主題設(shè)置到啟動(dòng)的Activity的主題中,windowBackground就是即將展示的preview window。其中splash可以是一整張圖片,它也可以是一個(gè)能解析出圖片資源的XML文件。
重點(diǎn):該方案注意要點(diǎn)
給Preview Window設(shè)置的背景圖如果不做處理,圖片就會(huì)一直存在于內(nèi)存中,所以,當(dāng)我們進(jìn)入到歡迎頁(yè)的時(shí)候,不要忘了把背景圖設(shè)置為空

@Override
protected void onCreate(@Nullable Bundle savedInstanceState) {
    //將window的背景圖設(shè)置為空
    getWindow().setBackgroundDrawable(null);
    super.onCreate(savedInstanceState);
}

注意:這樣通過樣式style設(shè)置SplashActivity加載圖,不能像imageView那樣可以設(shè)置縮放功能,因此可以采用.9圖片。
第二種解決方法:
禁止加載Preview Window,具體做法如下

<style name="SplashTheme" parent="@style/Theme.AppCompat.Light.NoActionBar">
    <item name="android:windowDisablePreview">true</item>
</style>

把此theme設(shè)定為啟動(dòng)的Activity的主題,即可禁止Preview Window,當(dāng)然,也有人通過把preview window設(shè)置為全透明,也達(dá)成了類似的效果。個(gè)人感覺這種方法沒有第一種好!

windowDisablePreview的作用:

通過設(shè)置android:windowDisablePreview屬性,禁用窗口的預(yù)覽動(dòng)畫,在SplashActivity顯示之前,系統(tǒng)永遠(yuǎn)不會(huì)使用窗口的主題來顯示它的預(yù)覽,這也保證了不會(huì)出現(xiàn)白屏或者黑屏。但是,與設(shè)置android:windowIsTranslucent屬性一樣,如果在SplashActivity啟動(dòng)的時(shí)候,有過多復(fù)雜的操作,就會(huì)出現(xiàn)在手機(jī)中點(diǎn)擊了應(yīng)用程序的圖標(biāo),但過n秒才會(huì)打開應(yīng)用程序不好的卡頓體驗(yàn)效果。

這種方法缺點(diǎn):
就是點(diǎn)擊后短暫的那幾百毫秒沒有反應(yīng),就好像“假死”了一樣,過了一會(huì)兒才跳出我們應(yīng)用程序的第一個(gè)Activity,如果你不想讓你的 App 有這個(gè)短暫“假死”時(shí)間,建議使用第一種方法。

注意:注意的是有些手機(jī)標(biāo)題欄和狀態(tài)欄也會(huì)影響這兩圖層的,造成抖動(dòng)效果,為了避免這種情況需要處理狀態(tài)欄問題。解決方法參考:github.com/yangchong21…

此篇為app啟動(dòng)頁(yè)白屏/黑屏解決方法,這是啟動(dòng)優(yōu)化的開端。

參考:https://juejin.im/post/6844903721218867207

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容