快捷導(dǎo)航

Android啟動(dòng)頁出現(xiàn)白屏、黑屏的解決方案

更新時(shí)間：2017年12月18日 14:16:30 作者：工藤一號(hào)

這篇文章主要給大家介紹了關(guān)于Android啟動(dòng)頁出現(xiàn)白屏、黑屏的解決方案，這一個(gè)需求是每位Android開發(fā)者都需要的，最近發(fā)現(xiàn)了一個(gè)不錯(cuò)的解決方法，所以分享給大家，文中給出了詳細(xì)的介紹，需要的朋友可以參考下。

歷史原因

當(dāng)系統(tǒng)啟動(dòng)一個(gè)APP時(shí)，zygote進(jìn)程會(huì)首先創(chuàng)建一個(gè)新的進(jìn)程去運(yùn)行這個(gè)APP，但是進(jìn)程的創(chuàng)建是需要時(shí)間的，在創(chuàng)建完成之前，界面是呈現(xiàn)假死狀態(tài)的，這就很尷尬了，因?yàn)橛脩魰?huì)以為沒有點(diǎn)到APP而再次點(diǎn)擊，這極大的降低用戶體驗(yàn)，Android需要及時(shí)做出反饋去避免這段迷之尷尬。于是系統(tǒng)根據(jù)你的manifest文件設(shè)置的主題顏色的不同來展示一個(gè)白屏或者黑屏。而這個(gè)黑（白）屏正式的稱呼應(yīng)該是Preview Window,即預(yù)覽窗口。

好了，現(xiàn)在我們明白了，Preview Window其實(shí)是為了提高用戶體驗(yàn)而有意設(shè)定的。因此，其實(shí)如果不是強(qiáng)迫癥，它可能并不是一個(gè)問題。

但是我猜大部分小伙伴應(yīng)該是和我一樣的強(qiáng)迫癥患者：這么丑的黑屏怎么能出現(xiàn)在我的APP上呢？？？?。?！

所以，下面我們就來聊聊這個(gè)問題的解決方案。

引言

目前app的設(shè)計(jì)思路，都會(huì)有一個(gè)啟動(dòng)頁，來進(jìn)行一些數(shù)據(jù)的初始化等一些比較耗時(shí)的操作，這就會(huì)造成啟動(dòng)頁短暫的白屏或者黑屏（黑還是白取決于你的默認(rèn)主題）。那么，如何解決這種問題的？今天介紹一種比較完美的解決方案：layer_list疊加層。

如果你的啟動(dòng)頁，是一張靜態(tài)圖片，那么這種方式非常適合你。

一般來說，啟動(dòng)頁都不會(huì)很花哨，標(biāo)準(zhǔn)的都是一個(gè)logo+app名字，上下排列。類似于下圖：

QQ音樂啟動(dòng)頁

如果是這樣的，那就是最簡(jiǎn)單的，找UI切幾張logo+文字的圖，按照x xx xxx放好，然后drawable文件夾中新建一個(gè)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>

然后在你的清單文件中，給啟動(dòng)頁Activity單獨(dú)設(shè)置一個(gè)主題：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>

但是，如果你的啟動(dòng)頁不是這種布局，而是類似于下圖這種：

微博

上下布局，間隔較大，而且上下之間的布局不固定（根據(jù)機(jī)型屏幕大小自動(dòng)適應(yīng)），這種，該如何處理呢？UI妹紙又要求不能等比例放大顯示，說那樣很丑吧啦吧啦吧。。。

其實(shí)我們可以這樣：把上下布局切開，然后就變成了這樣：

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要根據(jù)不同尺寸的啟動(dòng)頁圖片進(jìn)行切割，這樣就完美解決了各種分辨率屏幕的適配問題（包括平板）。

如果你的啟動(dòng)頁比較簡(jiǎn)潔，和我說的這兩種情況差不多，你完全可以不給啟動(dòng)頁Activity設(shè)置布局文件（setContentView()），只使用疊加層作為布局顯示。

如果你的app啟動(dòng)頁比較花哨或者不規(guī)則，你也可以利用這種方式，增加一個(gè)比較簡(jiǎn)潔的app啟動(dòng)圖片的疊加層布局，作為啟動(dòng)頁的主題進(jìn)行加載，啟動(dòng)初始化完了再進(jìn)行頁面的變化等操作，也可做到秒啟動(dòng)，不再忍受白屏或者黑屏。

總結(jié)

以上就是這篇文章的全部?jī)?nèi)容了，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，如果有疑問大家可以留言交流，謝謝大家對(duì)腳本之家的支持。

您可能感興趣的文章: