How to set status bar tint color in layout/style XML?

Question

I'm using the windowTranslucentStatus in my app theme.

Now, also want to tint the status bar to match my ActionBar.

Currently I'm using the SystemBarTint library, which is mostly fine except of one problem:

When the application launches, the OS shows a themed mockup layout as a splash image during the actual inflation. At that stage, there is no status bar tinting yet.

It looks like that (Took me 5 times to capture this screenshot during app launch): No tinting

Only after the activity is fully loaded the tint is applied. This is a problem for me and I'm looking for a way to somehow show the full branding on the status bar during launch.

I have read This blog post Which explains how you can actually control what will be displayed during launch by specifying a windowBackground.

I set the windowBackground to my main color -> then the entire screen painted pink.

I set background property on my activity's root element to white, but then again during launch the screen is pink, and only after the activity is loaded the content's background clears to white. This OK but not ideal.

I know I can create a bitmap with a white background and a color where the status bar should be, but then it won't be theme-able, meaning I'll have to create a new bitmap if the main color changes.

So to sum it up my question is this: Do you know a way to set a tint color for the status bar (in KitKat) in XML?

Alternatively, is it possible to create an XML drawable that will contain a colored bar at the top with a fixed height?

see this http://stackoverflow.com/questions/19746943/why-cant-we-use-a-translucent-system-bars-with-and-actionbar — Syed Raza Mehdi, Oct 16 '14 at 11:01
@SyedRazaMehdi Oh my god... The last answer in that question is exactly what i wanted! — Avi Shukron, Oct 16 '14 at 11:13
i have edited my answer for both status and action bar, hope it helps — Syed Raza Mehdi, Oct 16 '14 at 11:27

score 4 · Accepted Answer · edited May 23 '17 at 12:33

Here it is: The (almost) perfect answer

Good to know that someone else was struggling the exact same problem like me.

To make it simple I'll post here the XML drawable:

window_background.xml:

<?xml version="1.0" encoding="utf-8"?>

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:id="@+id/status_bar_background"
          android:drawable="@color/main_app_color"/>

    <item android:id="@+id/content_window_background"
        android:drawable="@color/white"
        android:top="25dp"/>
</layer-list>

And now in my theme I assign this drawable as the windowBackground:

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <style name="AppTheme" parent="BaseAppTheme">
        <!-- Customize your theme here. -->
        <item name="android:windowTranslucentNavigation">@bool/translucent_nav_bar</item>
        <item name="android:windowTranslucentStatus">true</item>
        <item name="android:windowBackground">@drawable/window_background</item>
    </style>
</resources>

Did you realise that you unaccepted [my answer](http://stackoverflow.com/a/26404660/1306903) that was linking to the exact same resource you're linking (also from me)? :D — Takhion, Nov 07 '15 at 14:34
@Takhion No, Your answer was posted after mine. The only reason I did not accept my own answer immediately was because of the 24 hours limit SO enforces. — Avi Shukron, Nov 11 '15 at 10:10

score 4 · Answer 2 · edited May 23 '17 at 11:44

4

As I have replied here, you can see a full working example I created here (unfortunately too long to copy, but rest assured that repo is going nowhere!).

Oh and from Lollipop onwards there won't be any need for tricks ;)

edited May 23 '17 at 11:44

Community

1
1

answered Oct 16 '14 at 12:36

Takhion

2,706
24
30

How to set status bar tint color in layout/style XML?

2 Answers2

Linked