Black-translucent results in a transparent background with white text. Default results in a white status bar with black text, Black results in a black status bar with white text, and. activity_main.xml styles.xml true colors.xml #2196F3 #1976D2 #BBDEFB #009688 #DD000000 #FFFFFF #89000000 #FFFFFF #30000000 MainActivity.java package import import import import android.os.Bundle import import import import android.widget. According to the apple developer guidelines for web apps ( found here ), there are 3 choices for the status bar in a web app default, black and black-translucent. Here are the key snippets of the code I used. This view displays the old background color, while the drop-down view shows the new color on top of it.

The bottom view (I will call it show the background ), which will be the same size as the view, but behind it.

This will be the view that ViewAnimationUtils.createCircularReveal acts ViewAnimationUtils.createCircularReveal.

The average view (I will call it show the view ) of the same size (height 80dp), but only for the action bar.

You also need to install the top add-on at 24dp so that the contents of our website do not appear in the status bar. In this case, the hard-coded height is 56dp (action bar) + 24dp (status bar) = 80dp.

A transparent toolbar action bar that spans the space of a regular action bar and status bar.

You need one more view to show the old background color, as the middle view shows the new one. Then you use the view behind it and ViewAnimationUtils.createCircularReveal to open a new background color. This will move your action bar below the status bar, so you'll need to adjust the size and padding of the action bar to compensate. The general idea is to set up the action bar and the status bar transparent. You can still use ?attr/actionBarSize for your action bar and dynamically retrieve it, but for simplicity here I assumed 56dp for the height of the action bar and 24dp for the height of the status bar.

This requires knowledge of the height of the status bar and toolbar action bar.

The method uses the ViewAnimationUtils.createCircularReveal method introduced in Lollipop.

I don’t know if this is exactly how the Calendar application does it, but it is close enough for me.

Status bar ios html example