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" />
Mustanser Iqbal
quelle
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>
Gowtham. R.
quelle
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.

Ajit Kumar Dubey
quelle
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>
Rahul
quelle