天天看點
傳回

App啟動頁面優化

目錄介紹

  • 01.存在白屏問題
    • 1.1 問題描述
    • 1.2 問題分析
  • 02.解決白屏的辦法
    • 2.1 解決方案分析
    • 2.2 第一種解決方案
    • 2.3 第二種解決方案
    • 2.4 注意要點
  • 03.Application啟動速度優化
  • 04.啟動頁面屏蔽傳回按鍵

好消息

  • 出現問題描述
    • android app啟動頁面黑屏的問題，android開發app啟動時若沒有做特殊處理的話，會出現一瞬間的白屏現象。
    • 即使你啟動頁界面就加載一個布局，不做其他耗時處理，貌似也會出現一瞬間的白屏問題。注意，有些地方也稱黑屏，主要是看你給app設定的style樣式。
    • 當從桌面 Launcher 的小圖示點選冷啟動一個 App 的時候，程式需要進行一些基本的初始化操作，例如在Application 或者SplashActivity中做了很多耗時操作，例如初始化第三方SDK等,當手機性能不好，配置不高時，該現象尤其明顯。

  • 為什麼存在這個問題
    • 當系統啟動一個APP時，zygote程序會首先建立一個新的程序去運作這個APP，但是程序的建立是需要時間的，在建立完成之前，界面是呈現假死狀态，于是系統根據你的manifest檔案設定的主題顔色的不同來展示一個白屏或者黑屏。而這個黑（白）屏正式的稱呼應該是Preview Window，即預覽視窗。
    • 實際上就是是activity預設的主題中的android:windowBackground為白色或者黑色導緻的。
    • 總結來說啟動順序就是：app啟動——Preview Window(也稱為預覽視窗)——啟動頁

  • Android在選擇展示黑屏或者白屏的時候，是根據你設定的主題而不同的，也就是說，雖然你的代碼沒有被執行，你的配置檔案卻被提前讀取了，用來作為展示Preview Window界面的依據。是以，解決方案的切入口就是整個APP的manifest檔案，更确切的說應該是主題配置檔案。
  • 設定配置檔案style樣式中的windowBackground這個屬性來顯示一張背景圖還有一個效果就是啟動應用程式會感覺非常快，而且與加載MainActivity的contentView是異步的。

  • 解決辦法：給目前啟動頁添加一個有背景的style樣式
    • 設定style樣式如下 
    <style name="SplashTheme" parent="AppTheme">
    <item name="android:windowBackground">@mipmap/splash</item>
    <item name="android:statusBarColor" tools:ignore="NewApi">@color/white</item>
    <item name="android:windowIsTranslucent">true</item>
</style>
    • 注意，在清單檔案中 
    <activity android:name=".SplashActivity"
    android:theme="@style/SplashTheme">
    <intent-filter>
        <action android:name="android.intent.action.MAIN" />

        <category android:name="android.intent.category.LAUNCHER" />
    </intent-filter>
</activity>
  • 經過處理之後App啟動時就不會出現一瞬間白屏的效果
    • 将主題設定到啟動的Activity的主題中，windowBackground就是即将展示的preview window。其中splash可以是一整張圖檔，它也可以是一個能解析出圖檔資源的XML檔案。
  • 該方案注意要點
    • 給Preview Window設定的背景圖如果不做處理，圖檔就會一直存在于記憶體中，是以，當我們進入到歡迎頁的時候，不要忘了把背景圖設定為空 
    @Override
protected void onCreate(@Nullable Bundle savedInstanceState) {
    //将window的背景圖設定為空
    getWindow().setBackgroundDrawable(null);
    super.onCreate(savedInstanceState);
}
  • 這樣操作如何螢幕适配呢？
    • 這樣通過樣式style設定SplashActivity加載圖，不能像imageView那樣可以設定縮放功能，是以可以采用.9圖檔。
    • 以前有開發者采用我的這個建議，直接設定圖，沒有做适配，也無傷大雅，具體要看UI要求呢！

  • 禁止加載Preview Window，具體做法如下： 
    <style name="SplashTheme" parent="@style/Theme.AppCompat.Light.NoActionBar">
    <item name="android:windowDisablePreview">true</item>
</style>
    • 設定為啟動的Activity的主題，即可禁止Preview Window，當然，也有人通過把preview window設定為全透明，也達成了類似的效果。個人感覺這種方法沒有第一種好！
  • windowDisablePreview的作用
    • 通過設定android:windowDisablePreview屬性，禁用視窗的預覽動畫，在SplashActivity顯示之前，系統永遠不會使用視窗的主題來顯示它的預覽，這也保證了不會出現白屏或者黑屏。但是，與設定android:windowIsTranslucent屬性一樣，如果在SplashActivity啟動的時候，有過多複雜的操作，就會出現在手機中點選了應用程式的圖示，但過n秒才會打開應用程式不好的卡頓體驗效果。
  • 該方案是否有缺點？
    • 這種方法有個小缺點，就是點選後短暫的那幾百毫秒沒有反應，就好像“假死”了一樣，過了一會兒才跳出我們應用程式的第一個Activity，如果你不想讓你的 App 有這個短暫“假死”時間，建議使用第一種方法。

  • 不管是那種方式，都可以解決問題。注意的是有些手機标題欄和狀态欄也會影響這兩圖層的，造成抖動效果，為了避免這種情況需要處理狀态欄問題。這裡可以直接引用我封裝的狀态欄庫，有興趣可以了解下，直接拿來用： https://github.com/yangchong211/YCStatusBar

  • 提高app的啟動速度，加快Application的執行時間也是一個很重要的方面，這裡我暫時總結了幾條原則：
    • 盡量不将一些業務邏輯放于Application中；
    • Application盡量不以靜态變量的方式儲存應用資料；
    • 若App的大小不是特别大無需使用dex分包方案；
    • 在Application中關于檔案，資料庫等耗時的操作盡量放到IntentService線程中處理
    • 不要做有關于循環的操作

  • 一般App中都會在啟動頁面執行一些初始化配置等，是以這時候啟動頁加載時不希望使用者通過按下傳回按鍵退出App，因而可以在啟動頁中屏蔽傳回按鍵，這裡簡單的介紹一下具體的實作： 
    /**
 * Activity屏蔽實體傳回按鈕
 *
 * @param keyCode
 * @param event
 * @return
 */
@Override
public boolean onKeyDown(int keyCode, KeyEvent event) {
    if (keyCode == KeyEvent.KEYCODE_BACK) {
        return true;
    }
    return super.onKeyDown(keyCode, event);
}

關于其他内容介紹

01.關于部落格彙總連結

02.關于我的部落格

android開發 Python java 資料格式 xml 開發工具 開發者 資料庫 App啟動優化 移動app優化 app優化 app穩定性優化 app頁面
上一篇: JS正規表達式入門，看這篇就夠了
下一篇: 一篇文章了解JS繼承——原型鍊/構造函數/組合/原型式/寄生式/寄生組合/Class extends

繼續閱讀