Android启动页出现白屏、黑屏的解决方案

历史原因

当系统启动一个APP时，zygote进程会首先创建一个新的进程去运行这个APP，但是进程的创建是需要时间的，在创建完成之前，界面是呈现假死状态的，这就很尴尬了，因为用户会以为没有点到APP而再次点击，这极大的降低用户体验，Android需要及时做出反馈去避免这段迷之尴尬。于是系统根据你的manifest文件设置的主题颜色的不同来展示一个白屏或者黑屏。而这个黑（白）屏正式的称呼应该是Preview Window,即预览窗口。

好了，现在我们明白了，Preview Window其实是为了提高用户体验而有意设定的。因此，其实如果不是强迫症，它可能并不是一个问题。

但是我猜大部分小伙伴应该是和我一样的强迫症患者：这么丑的黑屏怎么能出现在我的APP上呢？？？！！！

所以，下面我们就来聊聊这个问题的解决方案。

引言

目前app的设计思路，都会有一个启动页，来进行一些数据的初始化等一些比较耗时的操作，这就会造成启动页短暂的白屏或者黑屏（黑还是白取决于你的默认主题）。那么，如何解决这种问题的？今天介绍一种比较完美的解决方案：layer_list叠加层。

如果你的启动页，是一张静态图片，那么这种方式非常适合你。

一般来说，启动页都不会很花哨，标准的都是一个logo+app名字，上下排列。类似于下图：

QQ音乐启动页

如果是这样的，那就是最简单的，找UI切几张logo+文字的图，按照x xx xxx放好，然后drawable文件夹中新建一个layer_splash.xml文件：

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android"> 
 <!-- 整体的背景颜色 --> 
 <item android:drawable="@color/white" /> <item> 
 <!-- 中间的图片 --> 
 <bitmap 
  android:gravity="center" 
  android:src="@drawable/icon_welcome"
  android:scaleType="center" /> 
</item>
</layer-list>

然后在你的清单文件中，给启动页Activity单独设置一个主题：SplashAppTheme，并在其中引用刚才新建的叠加层布局文件，大功告成！这种方式可以做到秒开，无需任何等待。

<style name="SplashAppTheme" parent="android:Theme">
  <item name="android:windowNoTitle">true</item>
  <item name="android:windowFullscreen">true</item>
  <item name="android:windowBackground">@drawable/layer_splash</item>
</style>

但是，如果你的启动页不是这种布局，而是类似于下图这种：

微博

上下布局，间隔较大，而且上下之间的布局不固定（根据机型屏幕大小自动适应），这种，该如何处理呢？UI妹纸又要求不能等比例放大显示，说那样很丑吧啦吧啦吧。。。

其实我们可以这样：把上下布局切开，然后就变成了这样：

splash_top

splash_bottom

我们的xml文件这样写：

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
 <!-- 整体的背景颜色 -->
 <item>
  <color android:color="@color/white" />
 </item>
 <!-- 顶部 -->
 <item>
  <bitmap
   android:gravity="top|center_horizontal"
   android:scaleType="center"
   android:src="@drawable/splash_top" />
 </item>
 <!-- 底部 -->
 <item>
  <bitmap   android:gravity="bottom|center_horizontal"
   android:scaleType="center"
   android:src="@drawable/splash_bottom" />
 </item>
</layer-list>

记得top 和 bottom要根据不同尺寸的启动页图片进行切割，这样就完美解决了各种分辨率屏幕的适配问题（包括平板）。

如果你的启动页比较简洁，和我说的这两种情况差不多，你完全可以不给启动页Activity设置布局文件（setContentView()），只使用叠加层作为布局显示。

如果你的app启动页比较花哨或者不规则，你也可以利用这种方式，增加一个比较简洁的app启动图片的叠加层布局，作为启动页的主题进行加载，启动初始化完了再进行页面的变化等操作，也可做到秒启动，不再忍受白屏或者黑屏。

总结

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，如果有疑问大家可以留言交流，谢谢大家对脚本之家的支持。