我已经在我的应用程序中使用了 android.support.design.widget.TabLayout和 MinSDK15。
android.support.design.widget.TabLayout
默认情况下,它使用大写的 Tab 标题,但我希望它使用“ textCapsWord”。我尝试添加建议的 给你和 给你风格。但不幸的是,两者都不起作用。
If you add the following line to your TabLayout it should work:
TabLayout
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>
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