Comment changer la couleur de l'ActionBar onglets de navigation?

J'ai une ActionBar dans une application, et il a onglets de navigation intégré (pas TabHost!). Par défaut, les onglets affichent en gris foncé, avec une fine ligne bleue sous tous les onglets, et un marqueur bleu sur l'onglet sélectionné.

Les styles dois-je remplacer pour modifier ces couleurs?

OriginalL'auteur Ollie C | 2011-12-27

android android-actionbar

Je n'ai pas changé les onglets eux-mêmes, mais je suppose que vous pouvez faire avec ces styles de styles.xml...

 <style name="Widget.Holo.TabWidget" parent="Widget.TabWidget">
        <item name="android:tabStripLeft">@null</item>
        <item name="android:tabStripRight">@null</item>
        <item name="android:tabStripEnabled">false</item>
        <item name="android:divider">?android:attr/dividerVertical</item>
        <item name="android:showDividers">middle</item>
        <item name="android:dividerPadding">8dip</item>
        <item name="android:measureWithLargestChild">true</item>
        <item name="android:tabLayout">@android:layout/tab_indicator_holo</item>
    </style>

avec tab_indicator_holo.xml

  <selector xmlns:android="http://schemas.android.com/apk/res/android">
        <!-- Non focused states -->
        <item android:state_focused="false" android:state_selected="false" android:state_pressed="false" android:drawable="@drawable/tab_unselected_holo" />
        <item android:state_focused="false" android:state_selected="true"  android:state_pressed="false" android:drawable="@drawable/tab_selected_holo" />

        <!-- Focused states -->
        <item android:state_focused="true" android:state_selected="false" android:state_pressed="false" android:drawable="@drawable/tab_unselected_focused_holo" />
        <item android:state_focused="true" android:state_selected="true"  android:state_pressed="false" android:drawable="@drawable/tab_selected_focused_holo" />

        <!-- Pressed -->
        <!--    Non focused states -->
        <item android:state_focused="false" android:state_selected="false" android:state_pressed="true" android:drawable="@drawable/tab_unselected_pressed_holo" />
        <item android:state_focused="false" android:state_selected="true"  android:state_pressed="true" android:drawable="@drawable/tab_selected_pressed_holo" />

        <!--    Focused states -->
        <item android:state_focused="true" android:state_selected="false" android:state_pressed="true" android:drawable="@drawable/tab_unselected_pressed_focused_holo" />
        <item android:state_focused="true" android:state_selected="true"  android:state_pressed="true" android:drawable="@drawable/tab_selected_pressed_focused_holo" />
    </selector>

Ou vous pouvez également essayer de

   <style name="Widget.Holo.ActionBar.TabView" parent="Widget.ActionBar.TabView">
            <item name="android:background">@drawable/tab_indicator_ab_holo</item>
            <item name="android:paddingLeft">16dip</item>
            <item name="android:paddingRight">16dip</item>
        </style>

et tab_indicator_ab_holo.xml

   <selector xmlns:android="http://schemas.android.com/apk/res/android">
        <!-- Non focused states -->
        <item android:state_focused="false" android:state_selected="false" android:state_pressed="false" android:drawable="@color/transparent" />
        <item android:state_focused="false" android:state_selected="true"  android:state_pressed="false" android:drawable="@drawable/tab_selected_holo" />

        <!-- Focused states -->
        <item android:state_focused="true" android:state_selected="false" android:state_pressed="false" android:drawable="@drawable/list_focused_holo" />
        <item android:state_focused="true" android:state_selected="true"  android:state_pressed="false" android:drawable="@drawable/tab_selected_focused_holo" />

        <!-- Pressed -->
        <!--    Non focused states -->
        <item android:state_focused="false" android:state_selected="false" android:state_pressed="true" android:drawable="@drawable/list_pressed_holo_dark" />
        <item android:state_focused="false" android:state_selected="true"  android:state_pressed="true" android:drawable="@drawable/tab_selected_pressed_holo" />

        <!--    Focused states -->
        <item android:state_focused="true" android:state_selected="false" android:state_pressed="true" android:drawable="@drawable/tab_unselected_pressed_holo" />
        <item android:state_focused="true" android:state_selected="true"  android:state_pressed="true" android:drawable="@drawable/tab_selected_pressed_holo" />
    </selector>

Enfin en utilisant les deux png-9 un drawable: tab_selected_holo et tab_unselected_holo. Ils ressemblent à des les deux plus épaisses ou plus fines lignes bleues dont vous parlez.

Ou voulez-vous dire la minitabs?

 <style name="Widget.ActionBar.TabView" parent="Widget">
        <item name="android:gravity">center_horizontal</item>
        <item name="android:background">@drawable/minitab_lt</item>
        <item name="android:paddingLeft">4dip</item>
        <item name="android:paddingRight">4dip</item>
    </style>

dans minitab_lt.xml

 <selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true" android:state_selected="true"
          android:drawable="@drawable/minitab_lt_press" />
    <item android:state_selected="true"
          android:drawable="@drawable/minitab_lt_selected" />
    <item android:state_pressed="true"
          android:drawable="@drawable/minitab_lt_unselected_press" />
    <item android:drawable="@drawable/minitab_lt_unselected" />
</selector>

Si vous avez besoin d'une autre définition de la recherche juste pour TabWidget ici: https://github.com/android/platform_frameworks_base/blob/master/core/res/res/values/styles.xml

Puis comme d'habitude de définir votre propre style avec tous les attributs requis et un drawable...

Je ne vois rien là-dedans, pour définir les couleurs de l'arrière-plan, la ligne du bas, ou les marqueurs sélectionnés...
Voir si vous voulez dire la minitabs de la TabViews. Ils ressemblent à quoi vous faites allusion. J'ai édité ma réponse en conséquence...
Qu'est-ce que le "minitab" vous avez parlé? Je parle de ces onglets developer.android.com/images/ui/actionbar.png
Tbh j'ai trouvé votre réponse très dur à lire. J'ai utilisé ce blog à la place qui est beaucoup plus clair android-developers.blogspot.com/2011/04/...
Merci pour les commentaires, c'est assez intéressant, puisque depuis votre référence qu'ils utilisent ad_tab_selected_holo au lieu de tab_selected_pressed_holo dans ma référence. En fait, je ne peux pas trouver le style que vous l'avez mentionné nulle part dans mon système, ni le drawable ad_tab_selected_holo. Je me demande ce que cela signifie, et comment l'on pourrait trouver dans le la première place? J'espère que ça fonctionne bien! Avez-vous simplement d'utiliser la Lumière de style ou avez-vous fait également modifier le drawable?

OriginalL'auteur

3

Si vous souhaitez personnaliser facilement vos barres d'onglets, vous pouvez utiliser ce formidable outil :
http://jgilfelt.github.io/android-actionbarstylegenerator

Il vous suffit de sélectionner les couleurs que vous voulez et il génère automatiquement le style XMLs, le Png, etc.

OriginalL'auteur

Vous devez vous connecter pour publier un commentaire.