App 啓動頁 -- 加載一張圖片以及解決白屏或者黑屏(閃屏)問題

功能

App 啓動頁面。顯示 1.5 秒到 2 秒,然後跳轉到首頁。

實現

1. 定義 drawable 文件 splash.xml

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">

    <!-- 背景顏色 -->
    <item android:drawable="@drawable/ic_launch" />

    <item>
        <!-- 圖片 -->
        <bitmap
            android:gravity="center"
            android:src="@drawable/ic_logo" />
    </item>
</layer-list>

2. 設置 SplashActivity 的 background 屬性。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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="@drawable/splash"
    android:orientation="vertical"
    tools:context="com.fcbox.ble_test.SplashActivity" />

3. 在 style.xml 中自定義兩個主題

一個主題名稱爲 AppTheme,設置給 application,另一個主題名稱爲 SplashTheme,設置給 SplashActivity 使用。
style.xml

<style name="AppTheme" parent="Theme.AppCompat.Light">
        <item name="colorPrimary">@color/white</item>
        <item name="colorPrimaryDark">@color/white</item>
        <item name="colorAccent">@color/white</item>
        <item name="windowActionBar">false</item>
        <item name="windowNoTitle">true</item>
        <item name="android:windowNoTitle">true</item>
        <item name="android:windowFullscreen">true</item>
    </style>
   <style name ="SplashTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <item name="android:windowBackground">@drawable/splash</item>
        <item name="android:windowNoTitle">true</item>
        <item name="android:windowFullscreen">true</item>
        <item name="android:background">@drawable/splash</item>
    </style>

4. 分別將這兩個主題應用到 application 和 SplashActivity

 <application
        android:name=".app.BleApplication"
        android:allowBackup="false"
        android:theme="@style/AppTheme"
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name"
        tools:ignore="GoogleAppIndexingWarning"
        tools:replace="name,allowBackup,label,icon,theme">
     <activity
            android:name=".SplashActivity"
            android:screenOrientation="landscape"
            android:theme="@style/SplashTheme">
            <intent-filter>
                <action android:name="android.intent.action.MAIN"/>
                <category android:name="android.intent.category.LAUNCHER"/>
            </intent-filter>
      </activity>

顯示/隱藏狀態欄

1. 工具方法

 public static void hideStatusBar(Window window) {
        WindowManager.LayoutParams attrs = window.getAttributes();
        attrs.flags |= WindowManager.LayoutParams.FLAG_FULLSCREEN;
        window.setAttributes(attrs);
    }

public static void showStatusBar(Window window) {
        WindowManager.LayoutParams attrs = window.getAttributes();
        attrs.flags &= ~WindowManager.LayoutParams.FLAG_FULLSCREEN;
        window.setAttributes(attrs);
    }

2. 調用方式:

 super.onCreate(savedInstanceState);
 hideStatusBar(getWindow());
 setContentView(R.layout.activity_splash);

在調用 setContentView 方法之前調用即可。此方法需要配合設置相關無標題主題一起使用,纔有效果。
如果進入主頁後,需要顯示標題欄,則調用:

 super.onCreate(savedInstanceState);
 showStatusBar(getWindow());
 setContentView(R.layout.activity_main);

並去掉 application 主題中的如下代碼:

<item name="android:windowNoTitle">true</item>
<item name="android:windowFullscreen">true</item>

git 源碼 https://github.com/hgncxzy/SplashActivityDemo
歡迎評論,斧正。關於白屏或者黑屏的原因,看看這個http://www.jianshu.com/p/09b876b865ac

發佈了331 篇原創文章 · 獲贊 168 · 訪問量 95萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章