Android冷启动白屏解析，带你一步步分析和解决问题

   <h2>写在前面</h2>    <p>记得在本月初，我发表了一篇文章叫<a href="http://www.open-open.com/lib/view/open1464859854397.html">《 Android Studio新功能解析，你真的了解Instant Run吗？》</a>，里面详细讲解了Android Studio中新加入的Instant Run功能，使得我们开发的效率可以大大地提升。</p>    <p>不过对于这个功能也有不少朋友提出了疑问，比如我在我的博客评论区就看到了这样的评论：</p>    <p> </p>    <p><img src="https://simg.open-open.com/show/9ffb1a13213b45b154a66f784a72754d.jpg"></p>    <p> </p>    <p>关于首次启动程序白屏时间过长这个问题其实我也早就发现了，而且正如评论中所说，有的时候白屏时间可以长达七八秒。</p>    <p>看来这个问题已经是一个普遍存在的现象了，可能很多人对此都产生了疑惑。那么这里我就专门写一篇文章来为大家答疑解惑吧。</p>    <h2>问题重现</h2>    <p>我初次发现这个问题是在升级了Android Studio 2.0之后，当时Android Studio的版本是从1.5直接升级到了2.0，一个如此大版本的跨跃说明改动肯定是比较大的。</p>    <p>然后从这个时候开始，每次我们将程序安装到一台新手机上并首次启动时，都会经历一个很长的白屏时间，如下图所示：</p>    <p> </p>    <p><img alt="" src="https://simg.open-open.com/show/a6c7b0760a4b1ed7f2bef0e084a30632.gif"></p>    <p> </p>    <p>上图中的播放速度是实时速度，没有经过加速或减速。可以看到，这就是一个空项目，里面几乎没有任何功能，首次启动白屏竟然持续了5秒钟左右！虽说只是首次启动才会白屏这么长时间，但给用户造成这样的体验，实在是显得我们的程序太业余了，因此必须要想办法解决一下。</p>    <h2>分析原因</h2>    <p>一开始我将这个原因归结于是Android Studio 2.0的bug，毕竟一次性做了这么大的升级，有点bug也是很正常的。但是直到现在最新的Android Studio 2.2版本，这个问题依然还存在，好像Google完全就没有修复它的意思，这就不太对劲了。</p>    <p>然后我开始动手做实验，发现这个长时间白屏的问题其实和Android Studio的版本是没有关系的，而是和我们使用的gradle插件版本有关系。打开build.gradle文件查看一下，代码如下所示：</p>    <pre>  buildscript { repositories { jcenter() }      dependencies { classpath 'com.android.tools.build:gradle:2.1.2' }  }</pre>    <p>可以看到，这里我使用的gradle插件版本是2.1.2，这个版本下是会出现长时间白屏的问题的。</p>    <p>但如果我将gradle插件的版本号降低，比如降到2.0.0，再运行程序的话就给弹出这样的提示：</p>    <p> </p>    <p><img alt="" src="https://simg.open-open.com/show/876b4ae4283965501692f247caa9c8e2.jpg"></p>    <p> </p>    <p>提示我2.0.0版本的gradle插件是不支持Instant Run的，让我升级到2.1.2。但同时你会发现，长时间白屏的问题不见了。</p>    <p>但这里我还要再专门说明一下，其实并不是2.0.0版本的gradle插件不支持Instant Run，而是因为我当前使用的是2.1版的Android Studio，它和2.0.0版本的gradle插件在Instnat Run功能方面不兼容。如果你是使用的2.0版本的Android Studio，那么你会发现2.0.0版本的gradle插件也是支持Instant Run的。</p>    <p>如果你有兴趣的话可以把gradle插件的版本号再改低一些，比如1.5.0，或者1.3.0，这两个插件版本就是完全不支持Instant Run功能了，你会发现它们都不会造成长时间白屏的问题。</p>    <p>这样我们基本就把问题的原因定位出来了，支持Instant Run功能的时候就会出现长时间白屏的情况，不支持Instant Run功能的时候就一切正常，看来罪魁祸首果然还是Instant Run呀。</p>    <h2>解决问题</h2>    <p>但是Instant Run是Android Studio 2.0中重磅推出的功能，如果存在这么严重的bug，那么谁还敢使用呢？Google岂不是推出了一个废功能？</p>    <p>当然不是，遇到这个问题就吓得不敢用Instant Run的话，只能说明你对Instant Run功能没有真正理解。Instant Run为了能够让我们快速部署代码，背后其实是有一套非常复杂的逻辑的，比如要在APK中建立服务器与Android Studio进行通信，以及代码差异比对和替换等，这里给大家贴一张Instant Run的工作原理图来体验一下：</p>    <p> </p>    <p><img src="https://simg.open-open.com/show/e40104afda4465eab610421a01af3a62.jpg"></p>    <p> </p>    <p>这张图比较复杂，看不懂也没关系，因为我也看不懂，但是至少这让我们能直观地感受到Instant Run背后处理的工作是非常繁重的。</p>    <p>既然如此，相信大家也应该理解一下为什么首次启动会白屏这么长时间，因为为了要让Instant Run可以正常工作，我们的程序需要做非常多的初始化工作。而这一次的长时间白屏，换来的却是后续开发效率的剧增，这个交易我认为是相当值得的。</p>    <p>那有的朋友可能就要产生质疑了，说我们理解有什么用呀？用户又不会理解什么是Instant Run，这么久的白屏是会严重损伤用户体验的。</p>    <p>但是大家有没有想过Instant Run是用来做什么的？是用来提升开发效率的，没错，就是开发效率！也就是说，只有在开发阶段才会有Instant Run这个东西，在正式的产品中是完全不存在Instant Run的！</p>    <p>是不是一语点醒梦中人了？其实说白了，我们担心这个长时间白屏会损伤用户体验纯粹是在杞人忧天，Google早就帮我们都考虑过了，release版的程序是不会出现这种现象的。不信的话我现在就打一个签名后的APK包，然后我们装到手机上试一下，如下所示：</p>    <p> </p>    <p><img alt="" src="https://simg.open-open.com/show/bdafdf63c52d397aad218132ff12112e.gif"></p>    <p> </p>    <p>这和刚才是一模一样的程序，我没有修改任何的代码，只是打了一个release包，现在就没有长时间白屏的情况了。</p>    <h2>进一步优化</h2>    <p>如果你的观察力非常敏锐的话，应该能发现其实我们的程序还是会经历一个白屏的阶段，只不过非常短，瞬间就跳过了。</p>    <p>这个就和Instant Run无关了，这是由于在启动的时候程序都要进行一些基本的初始化操作，所有程序都是要经历这个过程的。</p>    <p>虽说这个白屏时间很短，并没有什么太大的影响，不过我们还是可以通过代码来进一步优化的。修改styles.xml中主题相关的代码，如下所示：</p>    <pre>  <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar"> ...... <item name="android:windowIsTranslucent">true</item> <item name="android:windowNoTitle">true</item> </style></pre>    <p>其中我们加入了两个属性，windowIsTranslucent和windowNoTitle，将这两个属性都设置成true，就可以让程序在初始化的时候窗口是透明的，初始化结束后程序主界面才会显示出来，从而也就完全看不到白屏界面了，如下图所示：</p>    <p> </p>    <p><img alt="" src="https://simg.open-open.com/show/191d2390caab8e47d942a977a8dd7fbf.gif"></p>    <p> </p>    <p>使用这种方式，虽然白屏界面看不到了，但是由于初始化的过程中窗口是透明的，会让用户感觉程序启动的响应速度稍微慢了点，不过其实这种差别都是毫秒级的，就没必要再为这个担心了。</p>    <p> </p>    <p><a href="/misc/goto?guid=4959675275729359837">阅读原文</a></p>    <p> </p>