Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to make the navigation bar transparent

How can I make the navigation bar transparent on Android 4.4.X and above?

I have searched in the documentation, but found nothing about this.

like image 601
ternes3 Avatar asked Nov 01 '13 18:11

ternes3


People also ask

How do you make a navbar background transparent in HTML?

Creating a transparent navbar is very easy - just don't add a color class . bg-* to the navbar. In this case, the Navbar will take the color of the parent's background color.

How do I get rid of the transparent navigation bar?

How to remove opacity or transparency from sticky navigation/menu bar. If you want to remove the opacity or transparency from the sticky navigation bar, just navigate to Theme Options -> General -> Additional CSS and copy/paste this code and save changes.


1 Answers

I have taken this from the change log for Android KitKat (4.4):

Translucent system bars

You can now make the system bars partially translucent with new themes, Theme.Holo.NoActionBar.TranslucentDecor and Theme.Holo.Light.NoActionBar.TranslucentDecor. By enabling translucent system bars, your layout will fill the area behind the system bars, so you must also enable fitsSystemWindows for the portion of your layout that should not be covered by the system bars.

If you're creating a custom theme, set one of these themes as the parent theme or include the windowTranslucentNavigation and windowTranslucentStatus style properties in your theme.

Hope this helps get you started.

like image 141
deloreyk Avatar answered Sep 28 '22 00:09

deloreyk