App啓動頁面優化

目錄介紹

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

好消息

• 博客筆記大彙總【16年3月到至今】，包括Java基礎及深入知識點，Android技術博客，Python學習筆記等等，還包括平時開發中遇到的bug彙總，當然也在工作之餘收集了大量的面試題，長期更新維護並且修正，持續完善……開源的文件是markdown格式的！同時也開源了生活博客，從12年起，積累共計50篇[近30萬字]，轉載請註明出處，謝謝！
• 鏈接地址：https://github.com/yangchong211/YCBlogs
• 如果覺得好，可以star一下，謝謝！當然也歡迎提出建議，萬事起於忽微，量變引起質變！
• 輪播圖封裝庫：https://github.com/yangchong211/YCBanner
• 輕量級版本更新彈窗：https://github.com/yangchong211/YCUpdateApp
• 通知欄封裝庫：https://github.com/yangchong211/YCNotification

01.存在白屏問題

1.1 問題描述

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

1.2 問題分析

• 爲什麼存在這個問題
  • 當系統啓動一個APP時，zygote進程會首先創建一個新的進程去運行這個APP，但是進程的創建是需要時間的，在創建完成之前，界面是呈現假死狀態，於是系統根據你的manifest文件設置的主題顏色的不同來展示一個白屏或者黑屏。而這個黑（白）屏正式的稱呼應該是Preview Window，即預覽窗口。
  • 實際上就是是activity默認的主題中的android:windowBackground爲白色或者黑色導致的。
  • 總結來說啓動順序就是：app啓動——Preview Window(也稱爲預覽窗口)——啓動頁

02.解決白屏的辦法

2.1 解決方案分析

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

2.2 第一種解決方案

• 解決辦法：給當前啓動頁添加一個有背景的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要求呢！

2.3 第二種解決方案

• 禁止加載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 有這個短暫“假死”時間，建議使用第一種方法。

2.4 注意要點

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

03.Application啓動速度優化

• 提高app的啓動速度，加快Application的執行時間也是一個很重要的方面，這裏我暫時總結了幾條原則：
  • 儘量不將一些業務邏輯放於Application中；
  • Application儘量不以靜態變量的方式保存應用數據；
  • 若App的大小不是特別大無需使用dex分包方案；
  • 在Application中關於文件，數據庫等耗時的操作儘量放到IntentService線程中處理
  • 不要做有關於循環的操作

04.啓動頁面屏蔽返回按鍵

• 一般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.關於博客彙總鏈接

• 1.技術博客彙總
• 2.開源項目彙總
• 3.生活博客彙總
• 4.喜馬拉雅音頻彙總
• 5.其他彙總

02.關於我的博客

• 我的個人站點：×××w.yczbj.org，×××w.ycbjie.cn
• github：https://github.com/yangchong211
• 知乎：https://×××w.zhihu.com/people/yczbj/activities
• 簡書：http://×××w.jianshu.com/u/b7b2c6ed9284
• csdn：http://my.csdn.net/m0_37700275
• 喜馬拉雅聽書：http://×××w.ximalaya.com/zhubo/71989305/
• 開源中國：https://my.oschina.net/zbj1618/blog
• 泡在網上的日子：http://×××w.jcodecraeer.com/member/content_list.php?channelid=1
• 郵箱：[email protected]
• 阿里雲博客：https://yq.aliyun.com/users/article?spm=5176.100- 239.headeruserinfo.3.dT4bcV
• segmentfault頭條：https://segmentfault.com/u/xiangjianyu/articles
• 掘金：https://juejin.im/user/5939433efe88c2006afa0c6e