Android App 啟動頁(Splash)黑/白閃屏現象產生原因與解決辦法(轉)


轉載: Android App 啟動頁(Splash)黑/白閃屏現象產生原因與解決辦法   首先感謝博主分享,本文作為學習記錄

驚鴻一瞥

微信的啟動頁,相信大家都不陌生。 
不知道大家有沒有發現一個現象,微信每次啟動的時候,是直接進入這個啟動頁面。 
我的意思是,很多應用,往往會先白屏停頓一下后再進入啟動頁面(Splash)。為了印證這一點,我把手機上所有的App都點了一遍。選幾個例子 
如下圖: 
微信: 
這里寫圖片描述 
斗魚: 
這里寫圖片描述 
斗魚和微信是直接進入了,他們的Splash頁面。 
知乎: 
這里寫圖片描述 
B站: 
這里寫圖片描述 
知乎和B站要先進入一個白屏,特別是B站,白屏后再進入的Splash頁面。

動手實現

想一想,如果讓我們自己來寫一個Splash頁面怎么實現?

  1. 創建SplashActivity樣式,我們需要他是啟動界面,固定垂直方向,全屏顯示
  <activity android:name=".MainActivity" />
        <activity
            android:name=".SplashActivity"
            android:screenOrientation="portrait"
            android:theme="@style/ThemeSplash">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
    </activity>

  2.設置主題為ThemeSplash

  <style name="ThemeSplash" parent="Theme.AppCompat.Light.NoActionBar">
        <item name="android:windowBackground">@android:color/white</item>
        <item name="android:windowNoTitle">true</item>
        <item name="android:windowFullscreen">true</item>
        <item name="windowActionBar">false</item>
         //一定要,否則有狀態欄顯示,不能全屏
        <item name="windowNoTitle">true</item> 
    </style>

  3.設置SplashActivity的布局文件 activity_splash.xml為背景圖片的全屏顯示

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@mipmap/bg_splash"
    tools:context="com.example.makeapp.SplashActivity">
</RelativeLayout>

 

  4.設置SplashActivity代碼,延遲2秒跳轉到MainActivity

public class SplashActivity extends AppCompatActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_splash);
        //延遲2S跳轉
        new Handler().postDelayed(new Runnable() {
            @Override
            public void run() {
                Intent intent = new Intent(SplashActivity.this, MainActivity.class);
                startActivity(intent);
                finish();
            }
        }, 2000);
    }
}

 

這里寫圖片描述 
糟糕,出現了白屏。 
而且不止這個應用,把以前寫的幾個應用都打開看了下,都有出現黑白屏的現象,斗魚不閃屏

看看斗魚怎么做的

使用apktool打開斗魚

>E:
>cd E:\Android\反編譯\apktool                                                                                                                                                                                      
E:\Android\反編譯\apktool>apktool d E:\Android\Blog\douyu.apk    

 

先看他的配置清單文件

<activity android:name="tv.douyu.view.activity.SplashActivity"
        android:screenOrientation="portrait" android:theme="@style/Theme.AppLauncher">
        <intent-filter>
            <action android:name="android.intent.action.MAIN" />
            <category android:name="android.intent.category.LAUNCHER" />
        </intent-filter>
    </activity>

 

因為是程序入口,很快找到,使用了Android:theme="@style/Theme.AppLauncher",那么看看他的樣式Theme.AppLauncher怎么實現的

 <style name="Theme.AppLauncher" parent="@android:style/Theme.NoTitleBar.Fullscreen">
        <item name="android:windowBackground">@drawable/bg_splash</item>
    </style>

 

**看到這里,我們發現他居然把@drawable/bg_splash設置成了窗口背景,而這張叫bg_splash的圖片就是他們的啟動圖片(我們的App已經拿過來用了),繼續往下看 。 
找到他的SplashActivity布局文件,在他的res目錄,根據命名規則他多半使用splash做關鍵字,搜索 
這里寫圖片描述
打開

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">

    <RelativeLayout
         android:id="@id/ad_layout"
         android:layout_width="fill_parent"
            android:layout_height="fill_parent"
         android:visibility="gone">

        <ImageView
            android:id="@id/ad_img"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:scaleType="centerCrop" />
    
        <RelativeLayout
            android:id="@id/btn_skip"
            android:layout_width="fill_parent"
            android:layout_height="64.0dip"
            android:layout_alignParentBottom="true"
            android:background="#4f333333"
            android:paddingLeft="24.0dip"
            android:paddingRight="18.0dip">
    
            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentLeft="true"
                android:layout_centerVertical="true"
                android:src="@drawable/splash_ad_logo" />
    
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerVertical="true"
                android:layout_toLeftOf="@id/start_arrow_iv"
                android:text="進入 "
                android:textColor="@color/text_color_white"
                android:textSize="15.0sp" />
    
            <ImageView
                android:id="@id/start_arrow_iv"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentRight="true"
                android:layout_centerVertical="true"
                android:src="@drawable/start_icon_anim" />
        </RelativeLayout>
    </RelativeLayout>
</LinearLayout>

 

 

幾個關鍵詞 進入 、@drawable/start_icon_anim@drawable/splash_ad_logo這不就是最開始,進入的廣告頁面么: 
這里寫圖片描述
只不過,他的這張圖的大圖背景,沒有配置,很可能是網絡獲取的。

到這里,我們大致已經清楚了,斗魚啟動是怎么個邏輯

  1. 把啟動圖bg_splash設置為窗體背景,避免剛剛啟動App的時候出現,黑/白屏
  2. 設置為背景bg_splash顯示的時候,后台負責加載資源,同時去下載廣告圖,廣告圖下載成功或者超時的時候顯示SplashActivity的真實樣子
  3. 隨后進入MainAcitivity 
    據我觀察,淘寶啟動的時候和斗魚邏輯是一樣的,有興趣可以探究下。 
    到這里,偷師成功,我們可以回來改自己的程序了。
 <style name="ThemeSplash" parent="Theme.AppCompat.Light.NoActionBar">
        <item name="android:background">@mipmap/bg_splash</item>
        <item name="android:windowNoTitle">true</item>
        <item name="android:windowFullscreen">true</item>
        <item name="windowActionBar">false</item>
        <item name="windowNoTitle">true</item>
    </style>

 

這里寫圖片描述 
好的已經不閃屏了。

為什么會這樣

最后,思考一下這個問題,為什么會出現這種情況,在啟動Acitivty的onCreate()方法里面,執行setContentView(R.layout.activity_splash);出現白屏。 
設想,onCreate---setContentView這個並不是發生在,窗體繪制的第一步,系統會在執行這個步驟之前,先繪制窗體,這時候布局資源還沒加載,於是就使用默認背景色。

<style name="ThemeSplash" parent="Theme.AppCompat.Light">

 

這種亮色系,造成白色閃屏

<style name="ThemeSplash" parent="ThemeOverlay.AppCompat.Dark">

 

這種暗色系主題,造成了黑色閃屏

 

使用方法:

將下面的代碼放入到工程下的style.xml  ,記得將下面的@mipmap/bg_splash 圖片改成自己app的圖片

<style name="ThemeSplash" parent="Theme.AppCompat.Light.NoActionBar">
        <item name="android:background">@mipmap/bg_splash</item>
        <item name="android:windowNoTitle">true</item>
        <item name="android:windowFullscreen">true</item>
        <item name="windowActionBar">false</item>
        <item name="windowNoTitle">true</item>
    </style>

 

然后將啟動頁面的theme改成上面的style ,就ok了~

<activity
      android:name=".activity.WelcomeActivity"
      android:configChanges="screenSize|keyboardHidden|orientation"
      android:theme="@style/ThemeSplash">
       <intent-filter>
            <action android:name="android.intent.action.MAIN" />
            <category android:name="android.intent.category.LAUNCHER" />
       </intent-filter>
</activity>

 

代碼地址:https://github.com/zhouruikevin/makeapp


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM