Changer la couleur du texte et le sélecteur dans le TabWidget

J'ai un TabWidget, indépendamment de la ÀctionBar, in aFragmentTabHost`.

Je veux personnaliser le look and feel de l' TabWidget mais je ne l'obtenez pas. Mon intention est de changer la couleur du texte et le sélecteur de couleur, comme vous pouvez le voir dans l'image, je peux changer le fond de la TabWidget. Je ne veux pas utiliser un TextViewpour les onglets parce que les onglets doivent être avec le Holo regarder et se sentir.

J'ai essayé de mettre un style à la TabWidgetmais ça ne fonctionne pas. De cette façon:

<TabWidget
            android:id="@android:id/tabs"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            style="@style/MyTabs"
            />

et avec le style

<style name="MyTabs">
        <item name="android:textColor">@color/white</item>
        <item name="android:background">@drawable/tabs</item>
        <item name="android:backgroundStacked">@color/red_action_bar</item>
    </style>

J'ai essayé d'ajouter du style à partir d'un theme.xml à l'aide de laparent="android:Widget.Holo.TabWidget", mais rien ne se passe.

developer.android.com/training/basics/actionbar/styling.html
Merci, mais comme je l'ai dit. Ces onglets sont indépendants l'un de l'ActionBar, veuillez lire la question soigneusement. @Raghunandan
il y a un sujet cutomizing onglet indicateurs de sorte que c'est pourquoi j'ai posté ce lien. de toute façon bonne chance

OriginalL'auteur Mun0n | 2014-04-04

J'ai enfin trouver un moyen de le faire. En utilisant ce code dans les onCreateViewméthode de la Fragment

    for (int i = 0; i < tabHost.getTabWidget().getChildCount(); i++) {
                View v = tabHost.getTabWidget().getChildAt(i);
                v.setBackgroundResource(R.drawable.tabs);

                TextView tv = (TextView) tabHost.getTabWidget().getChildAt(i).findViewById(android.R.id.title);
                tv.setTextColor(getResources().getColor(R.color.white));
}

Et le réglage de la bakcground couleur de la TabWidgetrouge

OriginalL'auteur Mun0n

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...

Oui, il ne me donne pas le résultat que je cherchais....merci

OriginalL'auteur Bhanu Sharma

Essayez ceci:

1.Créer un nouveau style:

<style name="TabText">
    <item name="android:textColor">@color/YOUR_COLOR</item>
</style>

2.Sur l'Onglet Accueil, de définir le thème:

<TabHost android:theme="@style/TabText">

3.L'arrière-plan, vous pouvez définir normalement sur TabWidget

<TabWidget android:background="#FFF"/>

OriginalL'auteur Íkaro Alef

-2

Que j'ai répondu à ici, ce qui peut être fait à l'aide de XML thèmes. Le TabWidget utilise android:textPrimaryColor pour l'onglet sélectionné et android:textSecondaryColor pour les non sélectionnés. La couleur d'accent est déterminé par colorAccent et la couleur d'arrière-plan par colorPrimary Ainsi, vous pouvez obtenir le désiré de personnalisation comme ceci:

Dans styles.xml:
```
<style name="TabWidgetTheme" parent="AppTheme">
    <item name="colorPrimary">@color/your_primary_color</item>
    <item name="colorAccent">@color/your_accent_color</item>
    <item name="android:textPrimaryColor">@color/your_primary_color</item>
    <item name="android:textSecondaryColor">@color/your_secondary_color</item>
</style>
```
Dans votre mise en page:
```
<TabHost
    android:layout_height="match_parent"
    android:layout_width="match_parent"
    android:theme="@style/TabWidgetTheme"/>
```
Noter que le android:theme ne devrait pas être directement dans le TabWidget lui-même, mais plutôt le contenant TabHost ou similaire.

Simple et mauvaise solution. android:textPrimaryColor et android:textSecondaryColor n'existent pas, la couleur des onglets ne change pas.
ne vous arrive de savoir les propriétés existent?
désolé, je n'ai pas accès à ce projet. Une réponse sommet, m'a aussi aidé. Aussi loin que je me souvienne, il y a un XML dans res/layout qui décrit un onglet en-tête. Il peut être connecté à TabWidget.
J'ai ouvert quelques liens qui, probablement, qui m'a aidé: stackoverflow.com/a/9533052/2914140, stackoverflow.com/a/22533383/2914140, maxalley.wordpress.com/2012/10/27/..., adanware.blogspot.ru/2012/04/...
Probablement android:textPrimaryColor est android:textColorPrimary et android:textSecondaryColor est android:textColorSecondary.

OriginalL'auteur Will Molter

Vous devez vous connecter pour publier un commentaire.