Google Now gradient/shadow on status bar & navigation bar

Question

I\'m trying to make a similar status bar and navigation bar gradient as Google Now.

Image Reference: Rectangular area indicated as below

After tryin

Answer 1

It is a gradient being used as a scrim. To achieve this effect, the first thing you have to do is remove the semi-transparent underlay for the Status and Navigation bars. Another answer details how you can do this on lower platform devices; but on Android Lollipop and higher, you can do this simply by setting two style attributes to transparent:

Then, to add the scrim, you can use a shape drawable:

Then you can just set this as the background to a View in your layout:

You can also set the android:rotation="180" attribute to use the same gradient for the bottom of the screen.