Transparent action bar and status bar

Question

I want to create this interface of action bar and status bar in my application in android studio

Welcome to StackOverlow. Unfortunately it's not Santa's wish list. — Marcin Orlowski, Jul 19 '17 at 04:05
Please try to write some code on your own and SO will help you debug when you hit a wall — Joey Pinto, Jul 19 '17 at 04:07

score 0 · Answer 1 · answered Jul 19 '17 at 04:14

0

There are multiple methods to do that

Create custom theme. You can do that by going to Tools->Android->Theme Editor and create your custom theme as per your requirement.
You change the colorPrimary and colorPrimaryDark to @android:color/transparent in res->values->colors.xml.
Create a custom tool bar and set its background like this android:setBackground="@android:color/transparent" and change the colorPrimarDark to @android:color/transparent in colors.xml. But for this method you have to select a noActionBar theme like - android:theme="@style/Theme.AppCompat.Light.NoActionBar.

answered Jul 19 '17 at 04:14

Ashutosh Sagar

981
8
20

I have already tried this. But I am using an activity with drawer layout which is the mai problem i guess. – Aashish Jul 19 '17 at 04:24
Even with drawer layout, you can use a custom toolbar and for that 3rd method will do the work – Ashutosh Sagar Jul 19 '17 at 04:40
Ok thnx.. i will try that – Aashish Jul 19 '17 at 05:02
Well it worked for me but now I am using a full screen background for my activity and it automatically hides my status bar, but I want the status bar to be shown always on the top. – Aashish Jul 19 '17 at 05:04
are you using a FullScreen Theme? – Ashutosh Sagar Jul 19 '17 at 06:15
Yes I am using full screen background – Aashish Jul 19 '17 at 11:36
Change it with the theme I've given above. That will remove your toolbar but your upper header will remain intact. – Ashutosh Sagar Jul 19 '17 at 11:54
Ok i'll try this – Aashish Jul 19 '17 at 18:11

score 0 · Answer 2 · answered Jul 19 '17 at 04:23

Set Theme to Your Activity as below. style.xml

<style name="my_style" parent="Theme.AppCompat.NoActionBar">
        <item name="windowActionBar">false</item>
        <item name="windowNoTitle">true</item>
        <item name="android:windowTranslucentStatus">true</item>

</style>

Transparent action bar and status bar

2 Answers2