본문 바로가기

개발/Android

[안드로이드] status bar 색깔 변경하기

Android Status bar 색 변경하여 화면을 더욱 깔끔하고 넓어보이게 만들기!!

 

 

 

 

앱을 만들다보면 백그라운드 색과 StatusBar 색이 맞지 않아 깔끔한 느낌이 없을 때가 있다.

기본 색상으로 적용되어 있는 저 초록색 부분의 색을 바꾸는 간단한 방법을 소개한다.

 

 

우선 프로젝트의  res - values - colors.xml 을 열어준다.

 

color.xml을 열어 하기와 같이 원하는 색을 추가해준다.

나는 변수 myStatusBarColor에 색상코드 C9CACB를 추가했다.

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="colorPrimary">#008577</color>
    <color name="colorPrimaryDark">#00574B</color>
    <color name="colorAccent">#D81B60</color>
    <color name="myStatusBarColor">#C9CACB</color> <!-- status bar -->
</resources>

 

그리고 다시 res - values - styles.xml 을 열어준다.

 

그리고 하기와 같이 android:colorPrimaryDark 변수에 아까 만든 myStatusBarColor를 추가해준다.

<resources>

    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
        <!-- Customize your theme here. -->
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorAccent</item>
        <item name="android:colorPrimaryDark">@color/myStatusBarColor</item> <!-- statusbar color -->

        <item name="windowNoTitle">true</item>
    </style>

</resources>

 

결과물은 하기와 같다. 배경색과 같은 색으로 지정하여 한층 화면이 넓어보이고 깔끔해졌다.