Androidでステータスバーの色が異なる2つのアクティビティを作成する方法

Androidアプリの開発では、プロジェクトの要件に応じてアクションバーやステータスバーの色を変更したい場面が数多くあります。この記事では、ステータスバーの色がそれぞれ異なる2つのアクティビティを作成する方法を、サンプルコードとともにわかりやすく解説します。

実装の手順

ステップ1:新規プロジェクトの作成

まず、Android Studioで新しいプロジェクトを作成します。メニューから「File」→「New Project」を選択し、必要な情報をすべて入力してプロジェクトを作成しましょう。

ステップ2:activity_main.xmlの編集

次に、res/layout/activity_main.xml に以下のコードを追加します。

<?xml version = "1.0" encoding = "utf-8"?>
<LinearLayout xmlns:android = "https://schemas.android.com/apk/res/android"
    xmlns:tools = "https://schemas.android.com/tools"
    android:layout_width = "match_parent"
    android:layout_height = "match_parent"
    tools:context = ".MainActivity"
    android:background = "#dde4dd"
    android:gravity = "center"
    android:orientation = "vertical">
    <Button
        android:id = "@+id/click"
        android:layout_width = "match_parent"
        android:layout_height = "wrap_content"
        android:text = "click for second"/>
</LinearLayout>

このレイアウトではボタンを1つ配置しています。このボタンをタップすると、2つ目のアクティビティが呼び出される仕組みです。

ステップ3:MainActivity.javaの編集

続いて、src/MainActivity.java に以下のコードを追加します。

package com.example.andy.myapplication;

import android.content.Intent;
import android.graphics.Color;
import android.os.Build;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;

public class MainActivity extends AppCompatActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
            getWindow().setStatusBarColor(Color.parseColor("#FFFF00"));
        }
        setContentView(R.layout.activity_main);
        Button button = findViewById(R.id.click);
        button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Intent i = new Intent(MainActivity.this,Main2Activity.class);
                startActivity(i);
            }
        });
    }
}

ステータスバーの色を変更するには、以下のように setStatusBarColor() メソッドを使用します。

getWindow().setStatusBarColor(Color.parseColor("#FFFF00"));

なお、setStatusBarColor() はAPIレベル21(Android 5.0 Lollipop)以降でしか利用できないため、Build.VERSION.SDK_INT によるバージョンチェックを行っている点に注意してください。

ステップ4:activity_main2.xmlの編集

次に、res/layout/activity_main2.xml に以下のコードを追加します。

<?xml version = "1.0" encoding = "utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android = "https://schemas.android.com/apk/res/android"
    xmlns:app = "https://schemas.android.com/apk/res-auto"
    xmlns:tools = "https://schemas.android.com/tools"
    android:layout_width = "match_parent"
    android:layout_height = "match_parent"
    tools:context = ".Main2Activity">
</android.support.constraint.ConstraintLayout>

ステップ5:Main2Activity.javaの編集

続いて、src/Main2Activity.java に以下のコードを追加します。

package com.example.andy.myapplication;

import android.graphics.Color;
import android.os.Build;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;

public class Main2Activity extends AppCompatActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
            getWindow().setStatusBarColor(Color.parseColor("#B22222"));
        }
        setContentView(R.layout.activity_main2);
    }
}

ここでも同じように setStatusBarColor() を使っていますが、色コードを「#B22222(ファイアブリックレッド)」に変更することで、最初のアクティビティとは異なるステータスバーの色を実現しています。

ステップ6:AndroidManifest.xmlの編集

最後に、マニフェストファイルに以下のコードを追加して、2つのアクティビティを登録します。

<?xml version = "1.0" encoding = "utf-8"?>
<manifest xmlns:android = "https://schemas.android.com/apk/res/android"
    package = "com.example.andy.myapplication">
    <application
        android:allowBackup = "true"
        android:icon = "@mipmap/ic_launcher"
        android:label = "@string/app_name"
        android:roundIcon = "@mipmap/ic_launcher_round"
        android:supportsRtl = "true"
        android:theme = "@style/AppTheme">
        <activity
            android:name = ".MainActivity"
            android:screenOrientation = "portrait">
            <intent-filter>
                <action android:name = "android.intent.action.MAIN" />
                <category android:name = "android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
        <activity android:name = ".Main2Activity"></activity>
    </application>
</manifest>

アプリの実行と動作確認

それでは、実際にアプリケーションを実行してみましょう。Android端末をパソコンに接続していることを前提としています。Android Studioからアプリを起動するには、プロジェクト内のいずれかのアクティビティファイルを開き、ツールバーの「Run」アイコンをクリックします。表示された選択肢から自分のモバイルデバイスを選択すると、端末に初期画面が表示されます。

上記の実行結果では、最初のアクティビティが黄色いステータスバーで表示されていることが確認できます。次に画面上のボタンをタップすると、2つ目のアクティビティが呼び出され、赤いステータスバーで表示されます。

まとめ

このように、getWindow().setStatusBarColor() を各アクティビティの onCreate() 内で呼び出すだけで、アクティビティごとに異なるステータスバーの色を簡単に設定できます。APIレベル21以上が必要という点だけ注意すれば、アプリのデザインに合わせた柔軟なカスタマイズが可能です。