标题文本小写

我已经在我的应用程序中使用了 android.support.design.widget.TabLayout和 MinSDK15。

默认情况下,它使用大写的 Tab 标题,但我希望它使用“ textCapsWord”。我尝试添加建议的 给你给你风格。但不幸的是,两者都不起作用。

63119 次浏览

If you add the following line to your TabLayout it should work:

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

Use it like this:

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

you can customize your tab title with color as well as Lower case by using below code

<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 is style which is written in style.xml file

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

Hope will help it out in other way.

You can just customize and make your title using below code,

 <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 defines the text style which is written in style.xml file

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

This Worked For Me...

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

This works for me perfectly.

      <com.google.android.material.tabs.TabLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:tabContentStart="20dp"
app:tabTextAppearance="@android:style/TextAppearance.Widget.TabWidget"
app:tabMode="scrollable">


<com.google.android.material.tabs.TabItem
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="About" />


<com.google.android.material.tabs.TabItem
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Attractions" />


<com.google.android.material.tabs.TabItem
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Things To Do" />


<com.google.android.material.tabs.TabItem
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Best Time To Visit" />


<com.google.android.material.tabs.TabItem
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="How To Reach" />


</com.google.android.material.tabs.TabLayout>

enter image description here

We need to change the value of the attribute of tabTextAppearence in Tablayout.

    <com.google.android.material.tabs.TabLayout
android:id="@+id/tabLayout"
android:layout_width="match_parent"
android:layout_height="60dp"
app:layout_constraintTop_toTopOf="parent"
android:background="@color/white"
app:tabMode="fixed"
app:tabGravity="fill"
app:tabTextAppearance="@android:style/TextAppearance"
android:orientation="horizontal"
app:tabSelectedTextColor="@color/green"
app:tabTextColor="@color/grey_border">


<com.google.android.material.tabs.TabItem
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/general" />


<com.google.android.material.tabs.TabItem
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/admin" />
</com.google.android.material.tabs.TabLayout>

enter image description here