解决Android应用冷启动时出现的白屏问题

首先科普一下关于APP冷热启动的区别:

app冷启动: 当应用启动时,后台没有该应用的进程,这时系统会重新创建一个新的进程分配给该应用, 这个启动方式就叫做冷启动(后台不存在该应用进程)。

app热启动: 当应用已经被打开, 但是被按下返回键、Home键等按键时回到桌面或者是其他程序的时候,再重新打开该app时, 这个方式叫做热启动(后台已经存在该应用进程)。

Android 应用冷启动时,需要从Application开始启动,加载时间就会比较长,容易出现白色或黑色闪屏,观察一下手机上一些 其他APP 比如 微信、京东等就不存在这个现象。

原因分析

分析一下原因,其实是跟闪屏Activity的主题有关,比如使用了
Theme.AppCompat.Light.DarkActionBar主题的话,其中指定了windowBackground,所以背景就是白色的了。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
    <item name="android:windowBackground">@color/background_material_light</item>
```

## 解决方案

- 设置Theme
我们需要在 `manifest`指定SplashActivity的theme

```xml
<activity

android:name=".SplashActivity"

android:theme="@style/AppTheme.Splash">

...

</activity>
  • 设置 Style 背景图片
1
2
3
4
5
6
7
<stylename="AppTheme.Splash"parent="AppTheme">

<itemname="android:windowBackground">@mipmap/splash</item>

<itemname="android:windowNoTitle">true</item>

</style>

这个style只是用来做闪屏的主题,APP的默认主题还是使用AppTheme

这种设置后默认先是出现APP内置的闪屏图片,然后在SplashActivity中再动态加载在线闪屏,最后进入主界面。最终实现效果与京东的APP类似。

详细教程

在阅读这篇文章之前,首先要知道,App 启动分为冷启动和热启动。

点击一个App 图标的时候会发现有时进入App首页很快,有时很慢,有时中间还有个白屏。有时中间还有个黑屏。

冷启动

冷启动:当启动应用时,后台没有该应用的进程,这时系统会重新创建一个新的进程分配给该应用。

冷启动的特点:因为系统会重新创建一个新的进程分配给它,所以会创建和初始化Application,在创建和初始化它的Launch Activity(onCreate onMesure onLayout,ondraw),最后展示在界面上

在冷启动的时间段内发生了什么?

首先我们要知道当打开一个Activity的时候发生了什么,在一个Activity打开时,如果该Activity所属的Application还没有启动,那么系统会为这个Activity创建一个进程(每创建一个进程都会调用一次Application,所以Application的onCreate()方法可能会被调用多次),在进程的创建和初始化中,势必会消耗一些时间,在这个时间里,WindowManager会先加载APP里的主题样式里的窗口背景(windowBackground)作为预览元素,然后才去真正的加载布局,如果这个时间过长,而默认的背景又是黑色或者白色,这样会给用户造成一种错觉,这个APP很卡,很不流畅,自然也影响了用户体验。

热启动

热启动:当启动应用时,后台存在该应用的进程(back键,home键,应用退出,但是没有销毁),从已有的进程中启动

热启动的特点:从已有的进程中启动,不需要创建和初始化Application ,直接创建和初始化它的Launch Activity

先来看下,未优化和优化后的对比图:

未优化,冷启动app会出现短暂的白屏

这里写图片描述

优化方案一:

使用背景图

这里写图片描述

优化方案二:

使用透明背景

这里写图片描述

消除启动时的白屏/黑屏

在用户点击手机桌面APP的时候,看到的黑屏或者白屏其实是界面渲染前的第一帧,如果你看懂了文章头的那2个问题,那么解决这个问题就非常轻松了,无非就是将Theme里的windowBackground设置成我们想要让用户看到的画面就可以了,这里有2种做法:

1、将背景图设置成我们APP的Logo图,作为APP启动的引导,现在市面上大部分的APP也是这么做的。

1
2
3
<style name="AppWelcome" parent="AppTheme">
<item name="android:windowBackground">@mipmap/bg_welcome_start</item>
</style>

2、将背景颜色设置为透明色,这样当用户点击桌面APP图片的时候,并不会”立即”进入APP,而且在桌面上停留一会,其实这时候APP已经是启动的了,只是我们心机的把Theme里的windowBackground的颜色设置成透明的,强行把锅甩给了手机应用厂商(手机反应太慢了啦,哈哈),其实现在微信也是这样做的,不信你可以试试。

1
2
3
<itemname="android:windowIsTranslucent">true</item>

<itemname="android:windowFullscreen">true</item>

或者使用同名主题

1
<stylename="Appwelcome"parent="android:Theme.Translucent.NoTitleBar.Fullscreen"/>

二、关于启动优化

上面的做法其实可以达到”秒开”APP的效果,不过确不是真实的速度,在Activity创建过程中其实是会经过一系列framework层的操作,在日常开发中,我们都会去重写Application类,然后在Application里进行一些初始化操作,比如存放用户标识的静态化TOKEN,第三方SDK的初始化等。

这里给出几点建议:

1、不要让Application参与业务的操作

2、不要在APPlication进行耗时操作,比如有些开发者会在自己的APP里一系列文件夹或文件(比如我自己),这些I/O操作应该放到”确实该使用的时候再去创建”亦或者是数据库的一些操作。

3、不要以静态变量的方式在Application中保存数据等。

4、减少LaunchActivity的View层级,减少View测量绘制时间

当然这是绝对的理想主义,把上面的”不要”2字之前添上”尽量”2字吧,毕竟在实际开发中,这样做确实会让我们方便许多。

对了,补充一点,布局也是很重要的,尽量的去减少布局的复杂性,布局深度,因为在View绘制的过程中,测量也是很耗费性能的。

三、如何测量应用启动时间

android是有命令可以计算启动时间的

1
adbshellamstart-W[packageName]/[packageName.launchActivity]

那就拿自己的项目来给大家看看上面两种启动的时间差别

冷启动:

这里写图片描述

热启动

这里写图片描述

很明显

戴定康 wechat
欢迎您扫一扫上面的微信,加我为好友!