Make Android Action Bar transparent

Question

I'm trying to make my AppCompatActivity's Action Bar transparent. I'm looking for something like this (from this app).

I've tried doing this:

getWindow().setFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION, WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);

But the only thing it does is making views go behind the action bar.

What can I do so that the text and the navigation drawer button are the only visible things on it?

Edit: Here is my xml layout

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

<android.support.v4.widget.SwipeRefreshLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/swipeRefresh"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <ScrollView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:fillViewport="true">

        <RelativeLayout
            xmlns:android="http://schemas.android.com/apk/res/android"
            xmlns:tools="http://schemas.android.com/tools"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:paddingBottom="@dimen/activity_vertical_margin"
            android:paddingLeft="@dimen/activity_horizontal_margin"
            android:paddingRight="@dimen/activity_horizontal_margin"
            android:paddingTop="@dimen/activity_vertical_margin"
            tools:context="my.package.name"
            android:id="@+id/relLayout">

            <!-- My views are here -->

        </RelativeLayout>

    </ScrollView>

</android.support.v4.widget.SwipeRefreshLayout>

Have you tried setting the background color of the ActionBar? Please show your xml layout. — Jonas Köritz, Apr 19 '16 at 15:11
@jonas.koeritz I'm not really sure how I can make the color non-opaque. I edited in the xml layout. — marti201, Apr 19 '16 at 15:25
@RuwankaMadhushan You did it! I combined it with my previous code and used color #00ffffff and it does everything as expected. Thanks! — marti201, Apr 19 '16 at 15:40

marti201 · Accepted Answer · 2016-04-19T16:31:59.907

11

For future readers:

I did it by setting the color of the action bar to a fully transparent color, Color.TRANSPARENT. Here is my code:

 getWindow().setFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION, WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);

 getSupportActionBar().setBackgroundDrawable(new ColorDrawable(Color.TRANSPARENT));

edited Apr 19 '16 at 16:31

answered Apr 19 '16 at 15:46

marti201

376
2
13

@AntónioPaulo No, it crashes the app, but #00000000 works – marti201 Apr 19 '16 at 16:19
1

I used it today, i needed a button to have transparent background. – António Paulo Apr 19 '16 at 16:30
@AntónioPaulo I just tried it and it throws an "Invalid color" exception – marti201 Apr 19 '16 at 16:32
Maybe works in buttons because it gives no color. Anyway good job figuring out the answer by yourself. – António Paulo Apr 19 '16 at 16:38
@AntónioPaulo: why don't you post and accept the answer which you figured out to solve the purpose. believe me, it will help the community a lot :) – srv_sud Apr 19 '16 at 16:52
@srv_sud I did post my answer, but I can't accept it yet – marti201 Apr 20 '16 at 06:55
@marti201: what error are you getting for accepting your answer http://stackoverflow.com/a/36723326/2615223 – srv_sud Apr 20 '16 at 06:57
1

@srv_sud I can accept my own answer two days after posting it – marti201 Apr 20 '16 at 06:59
@srv_sud I'm not the one that asked :) – António Paulo Apr 20 '16 at 07:43
@Antonio: that was for martin :) – srv_sud Apr 20 '16 at 07:46

Make Android Action Bar transparent

1 Answers1