Removing a line or separator between the action bar and the main screen in Android

Question

How to remove a line or separator between the action bar and the main screen? How can I change the color of this separator in android? Thanks in advance.

Answer 1

After more effort, I can find my perfect theme.

• First of all, I have to say that Theme.Holo.Light has a shadow at the bottom of the action bar, if you want it not to shadow, you should use Theme.Holo.

• After changing the style, you must change other settings for yourself, as a code.

  <resources> <style name="AppTheme" parent="android:Theme.Holo"> <item name="android:actionBarStyle">@style/AppTheme.ActionBar</item> <item name="android:background">#ff0000</item> <item name="android:colorBackground">#ff0000</item> </style> <style name="AppTheme.ActionBar" parent="android:Widget.ActionBar"> <item name="android:background">#ff0000</item> </style> </resources> 

• This code is below for my last call that I found how to solve it.

   <resources> <style name="AppTheme" parent="android:Theme.Holo.Light"> <item name="android:actionBarStyle">@style/AppTheme.ActionBar</item> <item name="android:background">#ff0000</item> <item name="android:colorBackground">#ff0000</item> </style> <style name="AppTheme.ActionBar" parent="android:Widget.ActionBar"> <item name="android:background">#ff0000</item> </style> </resources> 

• Below is the image for the first code. If you notice that there is no separator.

• And below is the image for the second code.

Answer 2

Just insert the windowContentOverlay attribute into your theme. It's too easy.

 <style name="AppTheme" parent="android:Theme.Holo.Light"> <!-- Customize your theme here. --> <item name="android:windowContentOverlay">@null</item> </style> 

Answer 3

If you are using AppCompat, you need to set parent = "Theme.AppCompat" and not "Theme.AppCompat.Light" (the same for ActionBar) :)

For example: @ Style / MyActionBar true @ Style / MyActionBar true

 <style name="MyActionBar" parent="Base.Widget.AppCompat.ActionBar"> <item name="android:background">@android:color/transparent</item> <!--For compatibility--> <item name="background">@android:color/transparent</item> </style> 

Answer 4

In your styles.xml file, find your AppTheme style and add the following style to it

  <item name="android:actionBarDivider">@android:color/transparent</item> 

like this

 <style name="AppTheme" parent="Theme.AppCompat.Light"> <!-- Customize your theme here. --> <item name="colorPrimary">@color/colorPrimary</item> <item name="colorPrimaryDark">@color/colorPrimaryDark</item> <item name="colorAccent">@color/colorAccent</item> <item name="android:fontFamily">@font/roboto</item> <item name="android:actionBarDivider">@android:color/transparent</item> </style> 

in fact, it sets a transparent divider background between the activity window and the action bar.

Answer 5

None of these solutions helped me. I ended up adding this code to onCreate() my MainActivity :

 actionBar = getSupportActionBar(); actionBar.setElevation(0);