Remove shadow between Actionbar and Tab

Question

My app is using an own style which I made with the Android Action Bar Style Generator (Style compatibility = AppCombat). The color of the Actionbar and the tab are the same but the problem is that there is a shadow between them. How can I remove this shadow?

<style name="MyAppTheme" parent="android:Theme.Holo.Light">
<item name="android:windowContentOverlay">@null</item>

"android:windowContentOverlay" is removing the shadow below the tab and not above.

Dotson

In the future, please attach the image to the question so that we can see what you're talking about. I'm having a similar dilemma, and I would have liked to see the image you were talking about. – Biographical

@ChaseFlorell I'm sorry, I've added the image :) – Dotson

Answer 1

Ok here's the solution by Audren Teissier which worked for me:

It's because you are using a drawable instead of a color.look for something like this:

<style name="MyActionBar"
parent="@android:style/Widget.Holo.Light.ActionBar.Solid.Inverse">
<item name="android:background">@color/yourcolor</item>
</style>

Replace the drawable by a color like above and it should go away.

Dotson

when i set this as background my whole activity is colored. – Stibine

Answer 2

Use the below property in your AppBarLayout

app:elevation="0dp"

Miramirabeau

Answer 3

Use the below code in your fragment

 getSupportActionBar().setElevation(0);

Detrital

Answer 4

The shadow on the status bar is system set and cannot be removed, however the status bar that you are referring to is inside of Theme.Holo.Light. To my knowledge it cannot be removed.

Brassard

I do not mean the statusbar shadow. That shadow is above the actionbar. i mean the shadow below the actionbar. The shadow which is between the actionbar and a tab. – Dotson

Answer 5

Hope I have understood your question correctly, that is you want to in a way merge the action bar with the tabs so there is no border in between -> the line or shadow you mentioned. If that is correct, then this is what you are looking for:

Add this to your MyAppTheme:

<item name="android:actionBarStyle">@style/LineRemover</item>

and change this line:

<item name="android:windowContentOverlay">@null</item>

to this:

<item name="android:windowActionBarOverlay">true</item>

and then add the following style below:

<style name="LineRemover" parent="android:Widget.Holo.ActionBar">
    <item name="android:background">@android:color/transparent</item>
</style>

In the end you have something like this:

<style name="MyAppTheme" parent="@android:style/Theme.Holo.Light">
    <item name="android:windowActionBarOverlay">true</item>
    <item name="android:actionBarStyle">@style/LineRemover</item>
</style>

<style name="LineRemover" parent="android:Widget.Holo.ActionBar">
    <item name="android:background">@android:color/transparent</item>
</style>

I guess you are aware that you have to register your theme in the android manifest (within your activity or application tags:

  android:theme="@style/MyAppTheme" >

Delsiedelsman

Sorry no it doesn't work. I added a link in the question for better understanding – Dotson

@Mete Read through my answer again, I have added further information ... let me know if it works for you :) If it still doesn't work after these changes, try changing your parent within the MyAppTheme <style> from Theme.Holo.Light to Theme.Holo – Delsiedelsman

Answer 6

if you set the tab layout elevation Remove.its working fine

Electrometallurgy