How to change android home button color – Android Tutorial

1 Comment / Android / By

Sometimes when developing android applications, you might get into situations where you need to change android home button color, especially when android renders black home button and you want to it to be white or any other color. If you get into this situation, you should not panic as it’s as simple as ‘ABCD’ to change the android home button color.

How to change android home button color

Most times android home button comes in white color, which can be tricky if your toolbar background is white. to change android home button color, follow following instructions:

Also Read How hide floating action button as one scrolls down the RecyclerView and show it back when one scrolls up

  1. Create custom style and name it almost anything. E.g. in our case, we are going to name ours hacksmileCustomHomeButton
  2. Your custom style must have inherit behavior from @style/Widget.AppCompat.DrawerArrowToggle
  3. Lastly, define your custom style in the app theme style, see the code below


<!-- your custom style -->
<style name="hacksmileCustomHomeButton" parent="@style/Widget.AppCompat.DrawerArrowToggle">
        <item name="spinBars">true</item>
        <item name="color">@android:color/white</item>
    </style>

<!-- then, add your custom style in the main theme style --> 

<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <!-- Customize your theme here. -->
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorAccent</item>
        <item name="drawerArrowStyle">@style/hacksmileCustomHomeButton</item>
    </style>

Understanding code on how to change android home button in android

Please note, if your home button is just a single arrow and does not have spinners or may be your goal was to change just color, then do this. But note if your drawer toggle has the lines spinners, then it’s important to include true

Also Read Automatic phone verification like Whatsapp and Telegram

<style name="hacksmileCustomHomeButton" parent="@style/Widget.AppCompat.DrawerArrowToggle">
        <item name="color">@android:color/white</item>
    </style>

Conclusion

That’s how to change android home button color, it’s simple and self explanatory. In case you have questions, kindly ask me in the commenting system below.



Read main reference on how to design android home button