Personnaliser ActionBar TabBar (ActionBarSherlock)

J'ai été coincé sur ce problème depuis quelques jours maintenant. Quelqu'un peut-il m'aider à personnaliser les Onglets affichés ci-dessous l'ActionBar (NavigationMode est NAVIGATION_MODE_TABS) ?

En gros, je veux changer la couleur de fond des onglets et de la couleur de soulignement de l'Onglet actuellement sélectionné. Jusqu'à présent c'est ce que j'ai fait, mais elle ne fonctionne pas. Je suis à l'aide de ActionBarSherlock.

<style name="Theme.Styled" parent="@style/Theme.Sherlock.Light">
<item name="actionBarStyle">@style/Widget.Theme.Styled.ActionBar</item>
<item name="android:actionBarStyle">@style/Widget.Theme.Styled.ActionBar</item>
<item name="actionBarTabBarStyle">@style/customActionBarTabStyle</item>
<item name="android:actionBarTabBarStyle">@style/customActionBarTabStyle</item>
<item name="actionBarTabBarStyle">@style/customActionBarTabBarStyle</item>
<item name="android:actionBarTabBarStyle">@style/customActionBarTabBarStyle</item>
<item name="actionBarTabTextStyle">@style/customActionBarTabTextStyle</item>
<item name="android:actionBarTabTextStyle">@style/customActionBarTabTextStyle</item>
</style>
<style name="customActionBarTabStyle" parent="style/Widget.Sherlock.Light.ActionBar.TabView">
<item name="android:background">@color/red</item>
<item name="android:textSize">12dp</item>
</style>
<style name="customActionBarTabBarStyle" parent="style/Widget.Sherlock.Light.ActionBar.TabBar">
<item name="android:background">@color/red</item>
</style>
<style name="customActionBarTabTextStyle" parent="style/Widget.Sherlock.Light.ActionBar.TabText">
<item name="android:titleTextStyle">@style/Theme.Styled.ActionBar.TitleTextStyle</item>
<item name="android:textStyle">bold</item>
</style>
<style name="Widget.Theme.Styled.ActionBar" parent="Widget.Sherlock.ActionBar">
<item name="android:background">#A9E2F3</item>
<item name="background">#A9E2F3</item>
<item name="android:titleTextStyle">@style/Theme.Styled.ActionBar.TitleTextStyle</item>
</style>
<style name="Theme.Styled.ActionBar.TitleTextStyle" parent="android:style/TextAppearance.Holo.Widget.ActionBar.Title">
<item name="android:textColor">@color/red</item>
<item name="android:textStyle">bold</item>
</style>
<style name="Animations" />
InformationsquelleAutor raji | 2012-08-14
  1. 17

    Je ne suis pas sûr si vous avez besoin de plus, mais je vais poster la réponse pour d'autres personnes à voir. Vous pouvez le régler dans le fond Drawable de la customActionBarTabStyle comme un Drawable ressource:

    <style name="customActionBarTabStyle" parent="style/Widget.Sherlock.Light.ActionBar.TabView">
<item name="android:background">@drawable/actionbar_tabs_selector</item>
<item name="android:textSize">12dp</item>
</style>

    La ressource doit être un Sélecteur, quelque chose entre ces lignes:

    <!-- This is the "@drawable/actionbar_tabs_selector" layout !-->
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" >
<item android:state_focused="false" android:state_selected="false" android:state_pressed="false" android:drawable="@drawable/actionbar_tab_style_nselected"/>
<item android:state_focused="false" android:state_selected="true" android:state_pressed="false" android:drawable="@drawable/actionbar_tab_style_selected"/>
<!-- Pressed state -->
<item android:state_pressed="true" android:drawable="@drawable/actionbar_tab_style_selected" />
<!-- Focused state -->
<item android:state_focused="true" android:state_selected="false" android:state_pressed="false" android:drawable="@drawable/actionbar_tab_style_nselected"/>
<item android:state_focused="true" android:state_selected="true" android:state_pressed="false" android:drawable="@drawable/actionbar_tab_style_nselected"/>
</selector>

    Afin que les ressources ici sont de Couche 2 Listes. Une lorsque l'onglet est inactif, et un autre lorsque l'onglet est sélectionné et active. Si vous mettez 2 Couche de Listes en fonction de l'état sélectionné.

    Une seule Couche de la Liste pourrait ressembler à ceci:

    <!-- This is the "@drawable/actionbar_tab_style_nselected" layout !-->
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<!-- Bottom Line -->
<item>
<shape android:shape="rectangle">
<solid android:color="@color/HCL_orange" />
</shape>
</item>
<!-- Tab color -->
<item android:bottom="2dip">
<shape android:shape="rectangle">
<solid android:color="@android:color/white" />
</shape>
</item>
</layer-list>

    Ainsi, le premier élément est la ligne de fond que l'on pourrait définir comme votre couleur de soulignement de l'Onglet actuellement sélectionné, et le second élément est la couleur de l'ensemble de l'onglet.

    • Merci. Eh bien, je suis aussi de lutter contre le style et la thématisation de l'Android à cause de la mauvaise documentation. Et c'est vraiment la honte...
    InformationsquelleAutor Tooroop
  2. 3

    Vous pouvez utiliser les style générateur, ou obtenir un peu plus de perspicacité de cette ou cette liés à la question.

    InformationsquelleAutor Dr1Ku