Android에서 상태 표시줄 색상이 서로 다른 두 개의 액티비티 만드는 방법

안드로이드 앱 개발에서는 프로젝트 요구 사항에 따라 액티비티마다 다른 색상의 상태 표시줄(상태 바)을 적용해야 하는 경우가 자주 발생합니다. 이 글에서는 setStatusBarColor() 메서드를 활용하여 서로 다른 색상의 상태 표시줄을 가진 두 개의 액티비티를 만드는 방법을 단계별로 살펴보겠습니다.

참고로 상태 표시줄 색상 변경은 API 21(롤리팝) 이상에서만 지원되므로, 코드에서 반드시 버전 체크를 함께 처리해 주어야 합니다.

1단계 — 새 프로젝트 생성

안드로이드 스튜디오를 실행한 뒤 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>

위 코드에서는 버튼 하나를 생성했습니다. 이 버튼을 클릭하면 두 번째 액티비티가 호출되도록 구성할 것입니다.

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"));

여기서 노란색(#FFFF00)을 지정했으며, 롤리팝 미만 버전에서의 크래시를 방지하기 위해 SDK 버전 검사 조건문으로 감싸준 점에 유의하세요.

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);
   }
}

두 번째 액티비티에서는 붉은 계열의 색상인 #B22222(Firebrick)를 상태 표시줄 색상으로 지정했습니다.

6단계 — 매니페스트 파일 수정

AndroidManifest.xml 파일에 아래 코드를 추가하여 두 액티비티를 등록합니다.

<?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>

앱 실행 및 결과 확인

이제 애플리케이션을 실행해 보겠습니다. 실제 안드로이드 모바일 기기가 컴퓨터에 연결되어 있다고 가정합니다. 안드로이드 스튜디오에서 프로젝트의 액티비티 파일 중 하나를 연 후 툴바에서 실행(Run) 아이콘을 클릭하세요. 목록에서 본인의 모바일 기기를 선택하면 기기 화면에 기본 화면이 표시됩니다.

Android에서 상태 표시줄 색상이 서로 다른 두 개의 액티비티 만드는 방법

위 결과에서 첫 번째 액티비티가 노란색 상태 표시줄과 함께 표시되는 것을 확인할 수 있습니다. 이제 버튼을 클릭하면 아래 그림과 같이 빨간색 상태 표시줄을 가진 두 번째 액티비티가 호출됩니다.

Android에서 상태 표시줄 색상이 서로 다른 두 개의 액티비티 만드는 방법

이처럼 getWindow().setStatusBarColor() 메서드만 활용하면 액티비티별로 자유롭게 상태 표시줄 색상을 지정할 수 있습니다. 각 액티비티의 onCreate()에서 원하는 색상 코드를 전달하기만 하면 되므로, 테마나 화면 성격에 맞춰 UI를 차별화하는 데 유용하게 활용할 수 있습니다.