轻松搞定应用启动黑白屏

启动白屏现象

随着应用体积越来越大，初始化的时候做的事情越来越多，应用在启动的时候，往往会出现一个短暂的白屏现象，对于用户来说体验非常不好，如下图所示：

为什么会出现启动白屏？

先做个测试：在MainActivity的onCreate方法中，在调用setContentView设置布局前，让延迟执行2秒中，则会出现白屏现象。

@Override
protected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);try {// 延迟2秒Thread.sleep(2000);} catch (InterruptedException e) {e.printStackTrace();}setContentView(R.layout.activity_main);

所以一般出现白屏的原因就是系统在加载布局之前执行了太多的耗时操作，比如：

Activity启动过程：当点击桌面图标时，系统进程或fork应用进程，应用进程会做一些初始化操作，加载资源以及创建启动Activity，所以用户不会马上进入应用。当启动一个activity或者应用的时候,系统会先加载一个window preview的UI来增加过渡效果,，在启动页没有绘制完成时，会先初始化一个Window，所以通常看到的黑屏或白屏，就是这个预览窗口。
加载的页面比较复杂，系统绘制到渲染耗时；
application中同步初始化过多耗时操作。

初步优化的方式是，将一些初始化操作放到子线程中异步执行，优化加载的页面布局层级，减少布局复杂度。

白屏和黑屏

当启动的时候，有的手机显示的是白屏，而有的手机显示的是黑屏，所以为什么会出现这种情况呢？

打开res/value/styles.xml，找到应用主题样式：

<!-- Base application theme. -->
<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar"><!-- Customize your theme here. --><item name="colorPrimary">@color/colorPrimary</item><item name="colorPrimaryDark">@color/colorPrimaryDark</item><item name="colorAccent">@color/colorAccent</item>
</style>

AppTheme样式继承parent="Theme.AppCompat.Light.NoActionBar"，找到Theme.AppCompat.Light.NoActionBar，如下：

<style name="Platform.AppCompat.Light" parent="android:Theme.Holo.Light">

再找到它的父样式android:Theme.Holo.Light，

<style name="Theme.Holo.Light" parent="Theme.Light">

最后再找到Theme.Light，

<style name="Theme.Light"><item name="isLightTheme">true</item><!--设置window背景色--><item name="windowBackground">@drawable/screen_background_selector_light</item><item name="windowClipToOutline">false</item><item name="colorBackground">@color/background_light</item>

找到<item name="windowBackground">@drawable/screen_background_selector_light</item>，这句就是window窗口的背景颜色配置，点进@drawable/screen_background_selector_light就可以看到颜色值：

<drawable name="screen_background_light">#ffffffff</drawable>

所以，只要重写一下windowBackground样式就可以设置成你想要的颜色，如设置为黑色：

<!-- Base application theme. -->
<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar"><!-- Customize your theme here. --><item name="android:windowBackground">#000000</item>
</style>

启动结果：

解决方法

大部分的app都是使用SplashActivity来避免启动白屏：

1、首先创建一个不带布局文件的SplashActivity，不要调用setContentView方法，另外在SplashActivity中可以增加申请基本访问权限的功能；

public class SplashActivity extends AppCompatActivity {@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);//防止切换后台回来进入启动页面if (!this.isTaskRoot()) {finish();return;}// 使用PermissionX申请权限PermissionX.init(this).permissions(Manifest.permission.READ_CONTACTS, Manifest.permission.WRITE_CONTACTS,Manifest.permission.READ_EXTERNAL_STORAGE, Manifest.permission.WRITE_EXTERNAL_STORAGE).request(new RequestCallback() {@Overridepublic void onResult(boolean allGranted, List<String> grantedList, List<String> deniedList) {if (allGranted) {toMainActivity();}}});}public void toMainActivity() {Intent intent = new Intent(SplashActivity.this, MainActivity.class);startActivity(intent);finish();}}

2、新增screen.png图片，并在res/value/styles.xml中新增SplashTheme；

<!--优化启动白屏-->
<style name="SplashTheme" parent="AppTheme"><!--设置window背景图片--><item name="android:windowBackground">@drawable/screen</item><!--设置不可以在API级别21及更高级别的状态栏下绘制所有内容--><item name="android:windowDrawsSystemBarBackgrounds">false</item><!--设置window全屏--><item name="android:windowFullscreen">true</item><!--设置window无标题栏--><item name="android:windowNoTitle">true</item>
</style>

3、给SplashActivity设置SplashTheme样式，并设为启动页：

<activityandroid:name=".SplashActivity"android:launchMode="singleTask"android:theme="@style/SplashTheme"><intent-filter><action android:name="android.intent.action.MAIN" /><category android:name="android.intent.category.LAUNCHER" /></intent-filter>
</activity>

所以在启动SplashActivity的时候，设置了window的属性，又不用加载布局，从而避免了黑白屏现象。

最终结果：

文中示例源码地址：

GitHub地址

Gitee地址