Search code examples
androidandroid-actionbarandroid-theme

Transparent actionBar and statusBar in Android lollipop


I am trying to create this interface :

enter image description here

And here is my actual result :

enter image description here

  • The status bar is well transparent and we see my image as background : OK
  • The action bar is not transparent : NOK

Here is the code of my theme that I use for this activity :

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <!-- inherit from the material theme -->
    <style name="MaterialAppDetailTheme" parent="android:Theme.Material.Light">

        <item name="android:statusBarColor">@android:color/transparent</item>
        <item name="android:windowActionBarOverlay">true</item>

        <!-- enable window content transitions -->
        <item name="android:windowContentTransitions">true</item>

        <!-- specify shared element transitions -->
        <item name="android:windowSharedElementEnterTransition">
            @transition/change_image_transform</item>
        <item name="android:windowSharedElementExitTransition">
            @transition/change_image_transform</item>

        <item name="android:windowTranslucentNavigation">true</item>
        <item name="android:windowTranslucentStatus">true</item>

    </style>
</resources>

Solution

  • You can change your toolbar color to transparent like this:

    mToolbar.setBackgroundColor(getResources().getColor(android.R.color.transparent));
    

    You can change it's background on the XML too:

    android:background="@android:color/transparent"
    

    Or if you're using ActionBar:

    getSupportActionBar().setBackgroundDrawable(new ColorDrawable(getResources().getColor(android.R.color.transparent)));
    

    Use getActionBar() if you're not using ActionBarActivity

    Result:

    enter image description here