AndroidStudio/Kotlin

[Android Studio / Kotlin] Status Bar & Title Bar 제거 및 색상 변경

D.B_18 2021. 12. 20. 15:43

android Studio에서 Kotlin 언어로 새로운 프로젝트를 시작했습니다.

시작하고 초기 화면에서 보이는 상태바와 타이틀바의 색상이 너무 튀어서, 타이틀바는 제거하고 상태바의 색상을 변경하려고 합니다.

Title Bar 제거

themes 파일에 <item name = "windowNoTitle">true</item>을 추가하면 타이틀바를 제거할 수 있습니다.

<resources xmlns:tools="http://schemas.android.com/tools">
    <!-- Base application theme. -->
    <style name="Theme.SlackerPlanner" parent="Theme.MaterialComponents.DayNight.DarkActionBar">
        <item name="windowNoTitle">true</item>
        <!-- Primary brand color. -->
        <item name="colorPrimary">@color/purple_500</item>
        <item name="colorPrimaryVariant">@color/purple_500</item>
        <item name="colorOnPrimary">@color/white</item>
        <!-- Secondary brand color. -->
        <item name="colorSecondary">@color/teal_200</item>
        <item name="colorSecondaryVariant">@color/teal_700</item>
        <item name="colorOnSecondary">@color/black</item>
        <!-- Status bar color. -->
        <item name="android:statusBarColor" tools:targetApi="l">?attr/colorPrimaryVariant</item>
        <!-- Customize your theme here. -->
    </style>
</resources>

Status Bar 색상 변경

themes에서 colorPrimaryVariant 의 색상을 원하는 색상으로 바꿔주면 상태바의 색상을 바꿀 수 있습니다.

배경색이 흰색이 아니라면 배경색과 동일한 색으로 할 경우 더욱 자연스러운 화면을 얻을 수 있습니다. 저는 회색으로 변경해봤습니다.

<resources xmlns:tools="http://schemas.android.com/tools">
    <!-- Base application theme. -->
    <style name="Theme.SlackerPlanner" parent="Theme.MaterialComponents.DayNight.DarkActionBar">
        <item name="windowNoTitle">true</item>
        <!-- Primary brand color. -->
        <item name="colorPrimary">@color/purple_500</item>
        <item name="colorPrimaryVariant">@color/gray</item>
        <item name="colorOnPrimary">@color/white</item>
        <!-- Secondary brand color. -->
        <item name="colorSecondary">@color/teal_200</item>
        <item name="colorSecondaryVariant">@color/teal_700</item>
        <item name="colorOnSecondary">@color/black</item>
        <!-- Status bar color. -->
        <item name="android:statusBarColor" tools:targetApi="l">?attr/colorPrimaryVariant</item>
        <!-- Customize your theme here. -->
    </style>
</resources>

728x90
반응형