Android Splash Screen Implemetation

依不同螢幕dpi使用不同尺寸圖檔的 Android 啟動畫面 (Splash Screen) 實作步驟

一、準備圖檔

製作不同尺寸的圖，檔名皆為 splash.png，依 Android 規範存於各 dpi 目錄中，如下圖：

二、建立新專案並匯入圖檔

三、建立 splash_background.xml

Splash_background.xml 中加入以下內容：

<item android:drawable="@color/white"/>

<item>

<bitmap android:gravity="center"

android:src="@drawable/splash"/>

</item>

@drawable/splash 即剛剛匯入之圖檔

四、於 themes.xml 中建立 SplashTheme style

於 themes.xml 中加入以下內容：

<style name="SplashTheme" parent="Theme.AppCompat.NoActionBar">

<item name="android:windowBackground">@drawable/splash_background</item>

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

</style>

@drawable/splash_background 即剛剛新增之 splash_background.xml

五、建立 SplashScreenActivity

六、至 AndroidManifest.xml 中為 SplashScreenActivity 加入 SplashTheme style

將 SplashScreenActivity 加入 SplashTheme style，並修改為開啟後第一個 Activity

<activity

android:name=".SplashScreenActivity"

android:exported="true"

android:theme="@style/SplashTheme">

<intent-filter>

<action android:name="android.intent.action.MAIN" />

<category android:name="android.intent.category.LAUNCHER" />

</intent-filter>

<meta-data

android:name="android.app.lib_name"

android:value="" />

</activity>

並將 MainActivity 中的 intent-filter 刪除

<activity

android:name=".MainActivity"

android:exported="true">

<meta-data

android:name="android.app.lib_name"

android:value="" />

</activity>

七、於 SplashScreenActivity.kt 中加入程式

使用到 Handler 來設定時間，先加入：

private val handler = Handler()

注意：若沒有自動 import os.Handler 請手動加入

import android.os.Handler

加入 Runnable callback function，當 Handler 執行完畢便開啟 MainActivity

private val runnable = Runnable {

if(!isFinishing) {

startActivity(Intent(this, MainActivity::class.java))

finish()

}

}

加入 onResume()，當 SplashScreenActivity 開啟時執行 postDelayed 2秒

override fun onResume() {

super.onResume()

handler.postDelayed(runnable, 2000)

}

加入 onPause()，當 SplashScreenActivity 結束時移除 callback function

override fun onPause() {

super.onPause()

handler.removeCallbacks(runnable)

}

八、測試

Splash 圖片都是出現2秒，之後進入 MainActivity 主畫面。上面紅色之註記 xxh 與 m 乃刻意於 splash.png 圖檔中加入以辨識使用何種尺寸之圖檔。

完成