Android Tutorial Translucent Status bar / Navigation keys

NOTE: there may be a way to achieve this already in B4A that I'm not aware of.

This little tutorial will show you how to create an app with translucent status bar And/Or navigation keys.

This is kinda a follow up from my other thread 'Theme based on version'

To do this you need to create a custom theme 'like in the above tutorial'.

Add a new folder to your res/ folder called

values-v19

Yes, this is only supported in Android version 19+

In this folder create a copy of the custom theme xml file from 'values-v11' if you have one of 'values' if not.

edit the new xml file in values-v19 and add the following code in the required theme

B4X:
        <item name="android:windowTranslucentNavigation">false</item>
        <item name="android:windowTranslucentStatus">true</item>
Set true / false as desired.

So and updated xml from the previous tutorial would be:

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

<resources>
    <style
        name="MyTheme" parent="@android:style/Theme.Holo.Light">
        <item name="android:windowTranslucentNavigation">false</item>
        <item name="android:windowTranslucentStatus">true</item>
    </style>

    <style
        name="MyThemeNoTitle" parent="@android:style/Theme.Holo.Light.NoActionBar">
    </style>

    <style
        name="MyThemeTransparent" parent="@android:style/Theme.Holo.Light.Panel">
    </style>
</resources>

The results:

Before
before.png

After
after.png

Hope this helps.
 

NeoTechni

Well-Known Member
Licensed User
Longtime User
I get "No resource found that matches the given name: attr 'android:windowTranslucentStatus"

Could you post the XML files you made please?

EDIT: Upon reading the other thread, it was my SDK directory. I had it set to version 17 when I needed 19.

New question: How do I get the height of the top bar, since everything is shifted up I need to shift it back down.
 
Last edited:
Top