TabLayout Tab Titeltext in Kleinbuchstaben


Antworten:


257

Wenn Sie Ihrer Zeile die folgende Zeile hinzufügen TabLayout, sollte dies funktionieren:

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

Verwenden Sie es so:

<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" />

1
Hallo, ich habe deinen Code ausprobiert. Es funktioniert großartig, aber ich habe ein Gesichtsproblem mit Tabulatortext. Mein Tabulatortext ist etwas lang, so dass ein Teil des Textes nicht sichtbar ist. Ich versuche die Größe des Textes zu ändern, aber kein Glück. Wenn ich Ihren Code entferne und versuche, wird der Tabulatortext entsprechend unserer angegebenen Größe geändert. Bitte schlagen Sie die Ursache vor.
Deepak

@Deepak versuchen Sie diese Befehle App: tabMode = "behoben" App: tabMode = "scrollbar" Ich benutze es auch und der gesamte Text ist vollständig sichtbar
Mustanser Iqbal

2
@MustanserIqbal unter Verwendung @android:style/TextAppearance.Widget.TabWidgetdes Textes erscheint nicht alles Großbuchstaben, aber der Text ist nicht mehr fett. Haben Sie einen Hinweis, wie Sie das beheben oder einen anderen Stil verwenden können, indem Sie die Buchstaben NUR großschreiben?
Bruno Bieri

2
Schlägt aufcom.google.android.material.tabs.TabLayout
Farid

36

Sie können Ihren Titel einfach anpassen und mit dem folgenden Code erstellen :

 <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 definiert den Textstil, der in die Datei style.xml geschrieben wird

<style name="CustomTextAppearanceTab" parent="TextAppearance.Design.Tab">
    <item name="textAllCaps">false</item>
    <item name="android:textAllCaps">false</item>
</style>

13

Sie können Ihren Tab-Titel sowohl in Farbe als auch in Kleinbuchstaben anpassen, indem Sie den folgenden Code verwenden

<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 ist ein Stil, der in die Datei style.xml geschrieben wird

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

Die Hoffnung wird es auf andere Weise helfen.


2

Das hat bei mir funktioniert ...

<style name="TabLayoutStyle" parent="Widget.Design.TabLayout">
    <item name="tabTextAppearance">@style/TabTextAppearance</item>
</style>

<style name="TabTextAppearance" parent="TextAppearance.Design.Tab">
    <item name="textAllCaps">false</item>
</style>
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.