Wie kann ich die Trennlinie zwischen der ActionBar und den Tabs entfernen

Question

Ich versuche, die Trennlinie zwischen der ActionBar und den Tabs zu entfernen, aber ich war noch nicht erfolgreich. Ich habe diese <item name="android:actionBarDivider">@color/tab_color</item> in meiner style.xml aber nichts ausprobiert. In wenigen Worten würde Ich mag so etwas haben:

Hier ist meine style.xml:

<style name="AppTheme" parent="Theme.AppCompat.Light"/> 

<style name="Theme.Styled" parent="@style/Theme.AppCompat.Light"> 
    <item name="android:windowContentOverlay">@null</item> 
    <item name="android:windowDisablePreview">true</item> 
    <item name="android:actionBarItemBackground">@drawable/selectable_background_example</item> 
    <item name="android:actionBarTabStyle">@style/Widget.Styled.ActionBar.TabView</item> 
    <item name="android:actionBarStyle">@style/Widget.Styled.ActionBar</item> 
    <item name="android:actionBarTabTextStyle">@style/MyCustomTabView</item> 
    <item name="android:actionBarDivider">@color/tab_color</item> 
</style> 

<style name="Widget.Styled.ActionBar.TabView" 
    parent="@style/Widget.AppCompat.Light.ActionBar.TabView"> 
    <item name="android:background">@drawable/tab_indicator_ab_example</item> 
    <item name="android:width">30dp</item> 
</style> 

<style name="Widget.Styled.ActionBar" 
    parent="@style/Widget.AppCompat.Light.ActionBar.Solid"> 
    <item name="android:background">@color/tab_color</item> 
    <item name="android:backgroundStacked">@drawable/ab_stacked_solid_example</item> 
    <item name="android:backgroundSplit">@color/tab_color</item> 
    <item name="android:textColor">@color/tab_text</item> 
    <item name="android:titleTextStyle">@style/MyActionBarTextColor</item> 
    <item name="android:actionBarDivider">@color/tab_color</item> 
</style> 

<style name="MyActionBarTextColor" parent="TextAppearance.AppCompat.Widget.ActionBar.Title"> 
    <item name="android:textColor">@color/tab_text</item> 
</style> 

<style name="MyCustomTabView" parent="Theme.AppCompat.Light"> 
    <item name="android:textColor">#ffffff</item> 
    <item name="android:textSize">14dp</item> 
    <item name="android:textStyle">bold</item> 
</style> 

Das ist, was ich habe

Answer 1

Die Theme.Holo.Light einen Standard Schatten hat auf der Unterseite, so wahrscheinlich appCompat auch, versuchen Sie die Standard-Theme.AppCompat zu verwenden.

Ihr Hintergrund Bild verwenden, versuchen Sie eine @color/tab_color wie folgt zu verwenden.

<style name="Widget.Styled.ActionBar" 
    parent="@style/Widget.AppCompat.Light.ActionBar.Solid"> 
    <item name="android:background">@color/tab_color</item> 
    <item name="android:backgroundStacked">@color/tab_color</item> 
    <item name="android:backgroundSplit">@color/tab_color</item> 
    <item name="android:textColor">@color/tab_text</item> 
    <item name="android:titleTextStyle">@style/MyActionBarTextColor</item> 
    <item name="android:actionBarDivider">@color/tab_color</item> 
</style> 

Quellen:

ActionBarSherlock issue

Removing line or divider in Android

Remove divider under actionbar

Remove blue divider on ICS

Answer 2

habe ich versucht, die gebuchten Antworten, aber aus irgendeinem Grund haben sie nicht w Ork für mich. Dies tat:

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

Ich legte diese Eigenschaften in meiner App-Thema und es funktionierte für mich.

Answer 3

Sie können ganz einfach den Teiler entfernen, indem Sie diesen Code einfügen in Sie

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

Aber nach Googles new Tab design principles wird die Tableiste anders gestaltet und es gibt auch eine andere Art und Weise der Verwendung von Farben Datei styles.xml.