web-dev-qa-db-fra.com

TabLayout Tab Title texte en minuscule

J'ai utilisé Android.support.design.widget.TabLayout dans mon application avec Min SDK 15.

Par défaut, le titre de l'onglet est en majuscule, mais je veux qu'il soit écrit en "textCapsWord". J'ai essayé d'ajouter le style comme suggéré ici et ici . Mais malheureux les deux ne fonctionnent pas.

androidtabsandroid-tablelayoutandroid-design-librarygwt-tablayoutpanel
56
Krishnakant

Si vous ajoutez la ligne suivante à votre TabLayout cela devrait fonctionner:

app:tabTextAppearance="@Android:style/TextAppearance.Widget.TabWidget"

Utilisez-le comme ceci:

<Android.support.design.widget.TabLayout
                    Android:id="@+id/tabLayout"
                    Android:layout_width="match_parent"
                    Android:layout_height="wrap_content"
                    app:tabIndicatorColor="@Android:color/white"
                    app:tabIndicatorHeight="2dp"
                    app:tabTextAppearance="@Android:style/TextAppearance.Widget.TabWidget"
                    app:tabSelectedTextColor="@Android:color/white"
                    app:tabTextColor="@Android:color/white" />
204
Mustanser Iqbal

Vous pouvez simplement personnaliser votre titre en utilisant le code ci-dessous,

 <Android.support.design.widget.TabLayout
    Android:id="@+id/tabs"
    Android:layout_width="match_parent"
    Android:layout_height="wrap_content"
    app:tabIndicatorColor="@color/colorLightPink"
    app:tabMode="scrollable"
    app:tabSelectedTextColor="@color/colorLightPink"
    app:tabTextAppearance="@style/CustomTextAppearanceTab"
    app:tabTextColor="@color/colorGreyDark" />

CustomTextAppearanceTab définit le style de texte écrit dans le fichier style.xml

<style name="CustomTextAppearanceTab" parent="TextAppearance.Design.Tab">
    <item name="textAllCaps">false</item>
    <item name="Android:textAllCaps">false</item>
</style>
19
Gowtham. R

vous pouvez personnaliser le titre de votre onglet avec des couleurs et des minuscules en utilisant le code ci-dessous

<Android.support.design.widget.TabLayout
    Android:id="@+id/sliding_tabs"
    style="@style/customTabLayout"
    Android:layout_width="match_parent"
    Android:layout_height="@dimen/tabHeight"
    Android:background="@color/blurred_black"
    Android:divider="@drawable/blue"
    Android:stretchColumns="*"
    app:tabMode="fixed" />

customTabLayout est un style écrit dans un fichier style.xml

<style name="customTabLayout" parent="Widget.Design.TabLayout">
    <item name="tabIndicatorColor">@color/default_back</item>
    <item name="tabIndicatorHeight">2dp</item>
    <item name="tabPaddingStart">12dp</item>
    <item name="tabPaddingEnd">12dp</item>
    <item name="textAllCaps">false</item>
    <item name="Android:dividerPadding">3dp</item>
    <item name="Android:textSize">18sp</item>
    <item name="Android:textColor">@color/default_back</item>
    <item name="Android:divider">@Android:color/black</item>
    <item name="tabBackground">?attr/selectableItemBackground</item>
    <item name="tabSelectedTextColor">@color/default_back</item>
</style>

L'espoir l'aidera d'une autre manière.

11
Ajit Kumar Dubey