Comment faire pour modifier le nouveau TabLayout indicateur de la couleur et de la hauteur

Je jouais avec la nouvelle android.support.design.widget.TabLayout, et a trouvé un problème, dans la définition de classe, il n'y a pas de méthodes pour modifier la couleur de la diode, et la hauteur par défaut.

De faire de la recherche, a trouvé que la valeur par défaut de l'indicateur de couleur est prise à partir de la AppTheme. Plus précisément ici:

<item name="colorAccent">#FF4081</item>

Maintenant, dans mon cas, si je change le colorAccent, il aura une incidence sur tous les autres points de vue qui utilise cette valeur comme couleur d'arrière-plan, par exemple ProgressBar

Maintenant, est-il possible de modifier le indicatorColor à autre chose en plus de la colorAccent?

InformationsquelleAutor David_E | 2015-06-17

229

Avoir le problème que la nouvelle TabLayout utilise l'indicateur de couleur à partir de la valeur colorAccent, j'ai décidé de creuser dans la android.support.design.widget.TabLayout mise en œuvre, en constatant qu'il n'existe pas de méthodes publiques pour personnaliser cette. Cependant, j'ai trouvé ce style de spécification de la TabLayout:

<style name="Base.Widget.Design.TabLayout" parent="android:Widget">
    <item name="tabMaxWidth">@dimen/tab_max_width</item>
    <item name="tabIndicatorColor">?attr/colorAccent</item>
    <item name="tabIndicatorHeight">2dp</item>
    <item name="tabPaddingStart">12dp</item>
    <item name="tabPaddingEnd">12dp</item>
    <item name="tabBackground">?attr/selectableItemBackground</item>
    <item name="tabTextAppearance">@style/TextAppearance.Design.Tab</item>
    <item name="tabSelectedTextColor">?android:textColorPrimary</item>
</style>

Avoir ce style de spécification, maintenant, nous pouvons personnaliser le TabLayout comme ceci:

<android.support.design.widget.TabLayout
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@id/pages_tabs"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="?attr/colorPrimary"
    android:minHeight="?attr/actionBarSize"
    android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
    app:tabIndicatorColor="@android:color/white"
    app:tabIndicatorHeight="4dp"/>

Et le problème est résolu, la fois sur l'onglet indicateur de couleur et la taille peuvent être modifiés à partir de leurs valeurs par défaut.

est-il un moyen de modifier le "tabSelectedTextColor" (Pas tabindicator de la couleur ou de la hauteur) par l'intermédiaire de code java.
l'application:tabIndicatorColor attribut dans la tabLayout xml widget est le seul changement que j'avais besoin de faire pour résoudre ce problème. Merci!
J'ai fait ça comme style parent: parent="@style/Base.Widget.Design.TabLayout"
Cette solution se fonde pour être légitime

InformationsquelleAutor David_E

90

Avec l'aide à la conception de la bibliothèque, vous pouvez maintenant changer dans le fichier xml:

Pour changer le couleur de la TabLayout indicateur:
```
app:tabIndicatorColor="@color/color"
```
Pour changer le hauteur de la TabLayout indicateur:
```
app:tabIndicatorHeight="4dp"
```
- Parfait, je peux confirmer que cela fonctionne sur les api 23.
- J'ai mis cette ligne, mais la couleur est encore couleur d'accent
- êtes-vous sûr que cette ligne a été mis dans la TabLayout et pas dans la Barre d'outils peu de l'xml? Facile égarement à faire 🙂
- Solution parfaite pour la hauteur. Il fonctionne très bien. Merci Malek.
InformationsquelleAutor Malek Hijazi
32

Depuis je ne peux pas poster un suivi android du développeur commentaire, voici une mise à jour de réponse pour quelqu'un d'autre qui a besoin de définir par programmation l'onglet sélectionné, l'indicateur de couleur:
```
tabLayout.setSelectedTabIndicatorColor(Color.parseColor("#FFFFFF"));
```
De même, à la hauteur:
```
tabLayout.setSelectedTabIndicatorHeight((int) (2 * getResources().getDisplayMetrics().density));
```
Ces méthodes ont été récemment ajoutés à révision 23.0.0 de la Bibliothèque de prise en charge, c'est pourquoi Soheil Setayeshi réponse utilise la réflexion.

InformationsquelleAutor jasonchen2

app:tabIndicatorColor="@android:color/white"

InformationsquelleAutor Sanket Parchande

13

Avec le desing bibliothèque de prise en charge v23 vous pouvez définir par programmation de la couleur et de la hauteur.

Simplement utiliser pour la hauteur:
```
TabLayout.setSelectedTabIndicatorHeight(int height)
```
Ici la officiel de la javadoc.

Suffit d'utiliser la couleur:
```
TabLayout.setSelectedTabIndicatorColor(int color)
```
Ici la officiel de la javadoc.

Ici vous pouvez trouver les infos dans les Google Tracker.
- Quels entiers sommes-nous censés utiliser pour la couleur?
- Vous pouvez utiliser la classe de Couleur par exemple la Couleur.ROUGE
InformationsquelleAutor Gabriele Mariotti

À l'indicateur de changement de couleur et la hauteur par programmation, vous pouvez utiliser la réflexion. par exemple, pour l'indicateur de couleur utilisez le code ci-dessous:

        try {
            Field field = TabLayout.class.getDeclaredField("mTabStrip");
            field.setAccessible(true);
            Object ob = field.get(tabLayout);
            Class<?> c = Class.forName("android.support.design.widget.TabLayout$SlidingTabStrip");
            Method method = c.getDeclaredMethod("setSelectedIndicatorColor", int.class);
            method.setAccessible(true);
            method.invoke(ob, Color.RED);//now its ok
        } catch (NoSuchFieldException e) {
            e.printStackTrace();
        } catch (NoSuchMethodException e) {
            e.printStackTrace();
        } catch (InvocationTargetException e) {
            e.printStackTrace();
        } catch (IllegalAccessException e) {
            e.printStackTrace();
        } catch (ClassNotFoundException e) {
            e.printStackTrace();
        }

et indicateur de changement de hauteur, utiliser "setSelectedIndicatorHeight" au lieu de "setSelectedIndicatorColor" puis l'appeler par votre hauteur désirée

Merci!!!! cela m'aide! Je suppose que Google a oublié de fournir la méthode pour cela dans leur bibliothèque de prise en charge.
Il a travaillé. Merci.
Pourquoi utiliser la réflexion, si elle est déjà disponible pour les fonctions publiques? developer.android.com/reference/android/support/design/widget/...
Oh, ok. Je vous remercie. Peut-être que vous devriez mettre à jour la réponse, puis.
Mais c'est une solution parfaite pour les Api ci-dessous bibliothèque de prise en charge 23.0.0. Je veux dire Whaao! Super Réponse!

InformationsquelleAutor Soheil Setayeshi

Foto utilisation de l'indicateur ceci:

 tabLayout.setSelectedTabIndicatorColor(ContextCompat.getColor(this, R.color.colorWhite));//put your color

Merci.....Vous M'avez sauvé

InformationsquelleAutor chry

tabLayout.setSelectedTabIndicatorColor(Color.parseColor("#FFFFFF"));
tabLayout.setSelectedTabIndicatorHeight((int) (2 * getResources().getDisplayMetrics().density));

InformationsquelleAutor Arthur Melo

1

Vous pouvez changer cela en utilisant xml
```
app:tabIndicatorColor="#fff"
```
InformationsquelleAutor Ishan Fernando
0

Viens de mettre cette ligne dans votre code. Si vous modifiez la couleur, changer la couleur de la valeur entre parenthèses.
```
tabLayout.setSelectedTabIndicatorColor(Color.parseColor("#FFFFFF"));
```
InformationsquelleAutor saqib javeed

Android, il est facile.

public void setTabTextColors(int normalColor, int selectedColor) {
    setTabTextColors(createColorStateList(normalColor, selectedColor));
}

Donc, que nous venons de dire

mycooltablayout.setTabTextColors(Color.parseColor("#1464f4"), Color.parseColor("#880088"));

Qui va nous donner un bleu couleur normale et violet couleur sélectionnée.

Maintenant, nous avons défini la hauteur

public void setSelectedTabIndicatorHeight(int height) {
    mTabStrip.setSelectedIndicatorHeight(height);
}

Et pour la hauteur, nous disons

mycooltablayout.setSelectedIndicatorHeight(6);

InformationsquelleAutor SmulianJulian

Vous devez vous connecter pour publier un commentaire.