Marco Gagino
Marco Gagino

Reputation: 111

Change navigation bar color, Android

How can I change the color/transparency of the Navigation Bar from black to a generic color in pre-Lollipop devices (e.g. the color of the status bar or of the action bar)?

Can I do it using AppCompat or is it only possible for SDK 21?

Upvotes: 7

Views: 23350

Answers (3)

Terranology
Terranology

Reputation: 633

Another programmatically way:

window.addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);
window.setStatusBarColor(getResources().getColor(R.color.DarkOrange));
window.setNavigationBarColor(getResources().getColor(R.color.red));

Further, to change your status bar color, add the following line:

window.setStatusBarColor(getResources().getColor(R.color.green));

Upvotes: 5

hedgehog
hedgehog

Reputation: 747

style-v21

<resources>

<style name="Theme.DesignDemo" parent="Base.Theme.DesignDemo">
    <item name="android:windowDrawsSystemBarBackgrounds">true</item>
    <item name="android:windowTranslucentNavigation">true</item>//translucent
    <item name="android:statusBarColor">@android:color/transparent</item>
    <item name="android:navigationBarColor">@android:color/transparent</item>
</style>

Upvotes: 3

Floern
Floern

Reputation: 33904

You can set the attribute navigationBarColor in an AppCompat theme, or android:navigationBarColor in a native v21 theme.

<style name="AppTheme" parent="@style/Theme.AppCompat.Light">
    ...
    <item name="navigationBarColor">#123456</item>
</style>

https://developer.android.com/training/material/theme.html#StatusBar

Note that this does not work on Pre-Lollipop devices, since this feature needs to be supported by the system, which is not the case on Android 4.4 or older.

Upvotes: 10

Related Questions