[Kotlin][Android] 상태바 - Status bar 다루기 (색깔 바꾸기)

안녕하세요. 이번 시간에는 상태바에 관한 몇 가지를 살펴보겠습니다.

상태바라함은, 

 

앱 최상단에 위치한 이것을 뜻합니다.

 

 

Theme.xml에서 statusBarColor 값을 바꾸면, 맨 위 상태바의 색깔을 원하는 색깔로 바꿀 수 있습니다.

만약 배경색이 밝다면, windowLightStatusBar를 true로, 아니라면 false로 설정해주시면 됩니다.

<!-- Status bar color. -->
<item name="android:windowLightStatusBar">false</item>
<item name="android:statusBarColor">@color/black</item>
<!-- Customize your theme here. -->

 

이런 방식으로 상태바의 색상을 변경할 수 있습니다.

 

상태바를 감추고 싶다면?

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

Theme.xml 중 사용하는 테마 아래에 다음 사항을 입력하시면 됩니다.

 

이번에는 버튼을 누를 때마다 상태바의 색깔을 바뀌게 해보겠습니다.

1. 먼저, values/colors.xml에 원하는 색상을 만들어둡니다. 저는 빨강색과 파랑색으로 하겠습니다.

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="purple_200">#FFBB86FC</color>
    <color name="purple_500">#FF6200EE</color>
    <color name="purple_700">#FF3700B3</color>
    <color name="teal_200">#FF03DAC5</color>
    <color name="teal_700">#FF018786</color>
    <color name="black">#FF000000</color>
    <color name="white">#FFFFFFFF</color>
    
    <!-- 추가한 부분 -->
    <color name="red">#FFFF0000</color>
    <color name="blue">#FF0000FF</color>
</resources>

 

2. 다음으로, MainActivity Layout에 버튼을 두 개 생성합니다.

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">


    <Button
        android:id="@+id/buttonRed"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="220dp"
        android:text="빨강색"
        app:layout_constraintEnd_toStartOf="@+id/buttonBlue"
        app:layout_constraintHorizontal_bias="0.5"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <Button
        android:id="@+id/buttonBlue"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="파랑색"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.5"
        app:layout_constraintStart_toEndOf="@+id/buttonRed"
        app:layout_constraintTop_toTopOf="@+id/buttonRed" />
</androidx.constraintlayout.widget.ConstraintLayout>

 

3. 마지막으로 버튼을 누를 때, 상태바의 색상이 바뀌는 코드를 작성합니다.

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        val redButton : Button = findViewById(R.id.buttonRed)

        redButton.setOnClickListener {
            window.statusBarColor = ContextCompat.getColor(this, R.color.red)
        }


        val blueButton : Button = findViewById(R.id.buttonBlue)
        blueButton.setOnClickListener {
            window.statusBarColor = ContextCompat.getColor(this, R.color.blue)
        }
        
    }

 

결과물