Incapable de voir Onglet Indicateur dans TabLayout d'aide à la conception de la bibliothèque

Je suis à l'aide du Matériel de la bibliothèque de conception et de création de mise en page à l'aide de CoordinatorLayout ,AppBarLayout ,RecyclerView et TabLayout .

Mon problème est que je suis incapable de voir Onglet indicateur dans Tablayout .Ci-dessous mon fichier xml que j'utilise dans AppCompactActivity.

<android.support.design.widget.CoordinatorLayout
        android:id="@+id/coodinate_layout"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_above="@+id/btn_next_screen">

        <android.support.v7.widget.RecyclerView
            android:id="@+id/list_recycle"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_marginBottom="30dp"
            android:background="@color/white"
            app:layout_behavior="@string/appbar_scrolling_view_behavior"

            />

        <android.support.design.widget.AppBarLayout
            android:id="@+id/abar_layout"
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

            <android.support.v7.widget.Toolbar
                android:id="@+id/toolbar_home"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:background="?attr/colorPrimary"
                android:minHeight="?attr/actionBarSize"
                app:layout_scrollFlags="scroll|enterAlways"

                >


            </android.support.v7.widget.Toolbar>

            <android.support.design.widget.TabLayout
                android:id="@+id/tab_layout"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                app:tabBackground="@color/tab_bg"
                app:tabIndicatorColor="@color/tab_indicator"
                app:tabIndicatorHeight="5dp"
                app:tabMode="fixed"

                ></android.support.design.widget.TabLayout>


        </android.support.design.widget.AppBarLayout>


        <android.support.design.widget.FloatingActionButton
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_margin="15dp"
            app:layout_anchor="@+id/list_recycle"
            app:layout_anchorGravity="bottom|right"
            android:id="@+id/floatin_ab_home"
            app:fabSize="mini"
            android:src="@drawable/ic_content_add"

            />


    </android.support.design.widget.CoordinatorLayout>

Ci-dessous est l'écran qui n'affiche pas l'Onglet indicateur peut donc tout un sait ce que je suis absent .

OriginalL'auteur Herry | 2015-06-12

30

Je pense que c'est le bug sur la Conception de la bibliothèque de prise en charge. que
Lorsque Vous appliquez de la propriété dans le même temps
```
app:tabBackground="@color/tab_bg"
app:tabIndicatorColor="@color/tab_indicator"
```
la couleur d'arrière-plan chevauchement de la onglet indicateur. c'est pourquoi l'onglet indicateur n'est pas visible.

Si vous supprimez tabBackground couleur de la propriété, alors vous pouvez voir l'indicateur.

[Mise à jour sur 25-06-2015]

Comme je l'ai dit c'est le bug sur la Conception de la bibliothèque de prise en charge. Je l'ai signalé à android bug source. voici la refrence https://code.google.com/p/android/issues/detail?id=176540.

Sorte de statut pour cette question est FutureRelease donc bug est corrigé. Et il viendra à l'avenir de la bibliothèque.

[Mise à jour 20-07-2015]

Le bug est corrigé et Publié en v 22.2.1. vous pouvez aussi vérifier sur le lien ci-dessus.

Ok, laissez-moi vérifier et avez-vous une autre manière de rendre à la fois le travail de fond de changement de couleur et onglet indicateur de couleur.
Pour l'instant il n'y a pas de solution. Mais vous pouvez passer à la customview à l'onglet. Donc, pour chaque onglet, vous pouvez passer LinearLayout contenant textView et ImageView. Et vous pouvez définir fond d'écran de couleur de LinearLayout.
Persistent dans v23.+ trop

OriginalL'auteur Moinkhan

Vous pouvez utiliser les méthodes ci-dessous

1 Changement de xml
app:tabIndicatorColor="" set votre indicateur de couleur

2 création de costumes à thème

<style name="AppTheme.TabStyle" parent="Widget.Design.TabLayout">
        <item name="tabTextAppearance">@style/AppTheme.TextStyle</item>
        <item name="tabTextColor">@color/primaryDark</item>
        <item name="tabSelectedTextColor">@color/white</item>
        <item name="tabIndicatorColor">@color/primaryDark</item>
        <item name="tabIndicatorHeight">3dp</item>
        <item name="android:background">?attr/colorPrimary</item>
    </style>

    <style name="AppTheme.TextStyle" parent="TextAppearance.Design.Tab">
        <item name="android:textSize">14sp</item>
        <item name="textAllCaps">true</item>
    </style>

définir le thème de votre Tablayout

Confirmé travailler.

OriginalL'auteur MayurDev

0

Vous utilisez RecyclerView comme le contenu principal, utilisez ViewPager contenant RecyclerView et assurez-vous de donner viewpage attribut app:layout_behavior="@string/appbar_scrolling_view_behavior"

j'ai essayé votre suggestion de ViewPager et à l'intérieur de Premier fragment, c'est avoir RecycleView mais encore mon TabLayout en mesure de prouver l'Onglet indicateur.
avez-vous appeler tabLayout.setupWithViewPager(viewPager); ?
Consultez cet exemple de projet par Chris Banes github.com/chrisbanes/cheesesquare.git
Oui je l'appelle, mais elle se cachant mon texte, j'ai donc besoin d'ajouter getPageTitle(int position) dans FragmentPagerAdapter.Mais pourtant, je suis incapable de personnaliser la couleur de fond de TabLayout .
Dans votre lien, c'est à l'aide de la couleur par défaut d'TabLayout alors que je suis à la recherche pour changer le fond et onglet indicateur avec ma couleur.

OriginalL'auteur Rajesh Batth
-1

Utilisation app1:tabIndicatorColor au lieu de l'app:tabIndicatorColor. Il va automatiquement créer l'espace de noms app1 lorsque vous utilisez l'attribut.

OriginalL'auteur jasxir
-1

J'ai juste corrigé ce bug définir la couleur de fond par programme
```
tabLayout.setBackgroundColor(getResources().getColor(R.color.primary));
```
ou en xml
```
android:background="@color/primary"
```
Mais je ne sais pas si il y a un problème lorsque vous définissez la couleur de fond de cette façon

OriginalL'auteur Jhonatas

-1

Ici vous allez.. 🙂

Changement votre attribut

application:tabBackground="@couleur/tab_bg"

android:background="@couleur/tab_bg"

votre code final..

 <android.support.design.widget.TabLayout
            android:id="@+id/tab_layout"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@color/tab_bg"
            app:tabIndicatorColor="@color/tab_indicator"
            app:tabIndicatorHeight="5dp"
            app:tabMode="fixed">
 </android.support.design.widget.TabLayout>

OriginalL'auteur Aks4125

Vous devez vous connecter pour publier un commentaire.