Androidでアプリ起動時にスプラッシュ画面を表示する

iOSアプリのように起動時に画像が表示されるようにしたいときは
Androidでは仕組みが用意されていませんので自前で作成するしかありません。

そこで今回はAndroidでのスプラッシュ画面を表示する方法を書きたいと思います。

起動してスプラッシュ用のレイアウト画面を表示した後、
一定時間経つとメイン画面へ自動的に移動するようにします。

準備

スプラッシュ用の画面を用意する

はじめにレイアウトファイルを作成します。
android用のレイアウトファイルを新規に作成します。
（仮にここでは/res/layout/splash.xmlを作成するとします。）

ここでは起動時に表示したい画像や、文章を用意します。

スプラッシュ用のアクティビティ(Activity)を作成する

続いて作成したレイアウトファイルを表示させるためのアクティビティクラスを作成します。

Activityを継承したクラスを作成します（ここではSplashActivity.javaとします）
そしてアクティビティが起動されるときに呼び出されるonCreate()
に先ほど作成したスプラッシュ用レイアウトファイルを読み込むようにします。

@Override
protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  // スプラッシュ用のビューを取得する
  setContentView(R.layout.splash_view);

続いて
一定時間が経つとアクティビティを終了し、
別のアクティビティに移動する処理を追加します
Handler.postDelayed()を使用します。

// 2秒したらMainActivityを呼び出してSplashActivityを終了する
Handler handler = new Handler();
handler.postDelayed(new Runnable() {
@Override
public void run() {
  // MainActivityを呼び出す
  Intent intent = new Intent(getApplicationContext(), MainActivity.class);
  // アクティビティ(MainActivity)を起動する
  startActivity(intent);
  // SplashActivityを終了する
  SplashActivity.this.finish();
  }
}, 2 * 1000); // 2000ミリ秒後（2秒後）に実行

スプラッシュ用アクティビティをはじめに起動するようにする

一番はじめにSplashActivityを起動して、その後にMainActivityを起動するようにするには
AndroidManifest.xmlに設定をしなければなりません。

まずはAndroidでアプリ起動時に、一番最初に呼ばれるアクティビティは
activityタグ内に

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

が書かれているアクティビティになります。

またフルスクリーンで表示するには以下のパラメータが必要になります。

android:theme="@android:style/Theme.Light.NoTitleBar.Fullscreen"

<!-- スプラッシュ画像用のアクティビティ -->
<activity
  android:name="com.example.splashviewsample.SplashActivity"
  android:configChanges="orientation|screenSize"
  android:theme="@android:style/Theme.Light.NoTitleBar.Fullscreen"
  android:label="@string/app_name" >
  <intent-filter>
    <action android:name="android.intent.action.MAIN" />

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

そしてスプラッシュ画面の次に呼び出されるアクティビティはこのように記述します。

        <!-- スプラッシュ後のアクティビティ -->
		<activity
		    android:name="com.example.splashviewsample.MainActivity" />

ソースコード

SplashActivity.java

import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.os.Handler;
import android.widget.ImageView;
import android.widget.ImageView.ScaleType;

public class SplashActivity extends Activity {

	Handler mHandler = new Handler();
	
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		// スプラッシュ用のビューを取得する
		setContentView(R.layout.splash_view);
		
               // 2秒したらMainActivityを呼び出してSplashActivityを終了する
		mHandler.postDelayed(new Runnable() {
			@Override
			public void run() {
				// MainActivityを呼び出す
				Intent intent = new Intent(getApplicationContext(),
						MainActivity.class);
				startActivity(intent);
				// SplashActivityを終了する
				SplashActivity.this.finish();
			}
		}, 2 * 1000); // 2000ミリ秒後（2秒後）に実行
	}
}

AndroidManifest.xml

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.example.splashviewsample"
    android:versionCode="1"
    android:versionName="1.0" >

    <uses-sdk
        android:minSdkVersion="8"
        android:targetSdkVersion="18" />

    <application
        android:allowBackup="true"
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name"
        android:theme="@style/AppTheme" >
        <!-- スプラッシュ画像用のアクティビティ -->
        <activity
            android:name="com.example.splashviewsample.SplashActivity"
            android:configChanges="orientation|screenSize"
            android:theme="@android:style/Theme.Light.NoTitleBar.Fullscreen"
            android:label="@string/app_name" >
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
        <!-- スプラッシュ後のアクティビティ -->
		<activity
		    android:name="com.example.splashviewsample.MainActivity" />
    </application>

</manifest>