[英]Making TabLayout text bold
我正在使用Android設計支持庫中的TabLayout,並希望為其文本(標題)設置樣式。 特別是使其大膽。 僅在XML中如何實現?
<android.support.design.widget.TabLayout
android:id="@+id/sliding_tabs"
android:layout_width="match_parent"
app:tabTextColor="@color/white"
app:tabSelectedTextColor="@color/white"
app:tabIndicatorColor="@color/accent"
android:layout_height="wrap_content"
app:tabIndicatorHeight="3dp" />
首先,必須將其添加到styles.xml中:
<style name="TabLayoutTextStyle">
<item name="android:textSize">16sp</item>
<item name="android:textStyle">bold</item>
</style>
即使您不想更改文本大小,也必須將其包括在樣式中,否則將不會顯示任何內容。
然后必須使用app:tabTextAppearance
而不是style
屬性將style
應用於TabLayout
!
<android.support.design.widget.TabLayout
android:id="@+id/sliding_tabs"
android:layout_width="match_parent"
app:tabTextColor="@color/white"
app:tabSelectedTextColor="@color/white"
app:tabIndicatorColor="@color/accent"
android:layout_height="wrap_content"
app:tabIndicatorHeight="3dp"
app:tabTextAppearance="@style/TabLayoutTextStyle" />
要啟用TabLayoutTextStyle
可以將以下內容添加到TabLayoutTextStyle
:
<item name="android:textAllCaps">true</item>
您需要聲明以下樣式
<style name="TabLayoutTextStyle">
<item name="android:textSize">16sp</item>
<item name="android:textStyle">bold</item>
<item name="android:textColor">@color/black</item>
</style>
現在,您可以像這樣使用它:
然后必須使用app:tabTextAppearance而不是style屬性將樣式應用於TabLayout!
<android.support.design.widget.TabLayout
android:layout_width="match_parent"
app:tabTextColor="@color/white"
app:tabSelectedTextColor="@color/white"
app:tabIndicatorColor="@color/accent"
android:layout_height="wrap_content"
app:tabTextAppearance="@style/TabLayoutTextStyle" />
一種選擇是添加styles.xml
<item name="android:textStyle">bold</item>
在“ TextAppearance.Design.Tab”中,其名稱與父級相同
<style name="TextAppearance.Design.Tab" parent="TextAppearance.Design.Tab"> <item name="android:textSize">15sp</item> <item name="android:textStyle">bold</item> <item name="android:textColor">?android:textColorSecondary</item> <item name="textAllCaps">true</item> <item name="android:singleLine">true</item> </style>
其他選擇:在布局內直接指向樣式-可以說您將其命名為myTabLayoutStyle
style="@style/myTabLayoutStyle"
並在該樣式內再次重定向到其他樣式,僅用於文本顯示:
<item name="tabTextAppearance">@style/myTabTextStyle</item>
像那樣:
<android.support.design.widget.TabLayout
android:id="@+id/tab_layout"
style="@style/myTabLayoutStyle"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_below="@+id/toolbar"
android:background="?attr/colorPrimary"
android:elevation="600dp"
android:minHeight="?attr/actionBarSize"
app:tabGravity="fill"
android:singleLine="true"
android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"/>
在styles.xml中:
<style name="myTabLayoutStyle" parent="Widget.Design.TabLayout">
<item name="tabMaxWidth">@dimen/tab_max_width</item>
<item name="tabIndicatorColor">?attr/colorAccent</item>
<item name="tabIndicatorHeight">4dp</item>
<item name="tabPaddingStart">3dp</item>
<item name="tabPaddingEnd">3dp</item>
<item name="android:singleLine">true</item>
<item name="tabBackground">?attr/selectableItemBackground</item>
<item name="tabSelectedTextColor">?android:textColorPrimary</item>
<item name="tabTextAppearance">@style/myTabTextStyle</item>
</style>
<style name="myTabTextStyle">
<item name="android:textSize">15sp</item>
<item name="android:textStyle">bold</item>
<item name="android:textColor">?android:textColorSecondary</item>
<item name="textAllCaps">true</item>
<item name="android:singleLine">true</item>
</style>
在styles.xml中添加TabLayout文本樣式
<style name="TabLayoutTextStyle">
<item name="android:textStyle">bold</item>
</style>
並將TabLayoutTextStyle
設置為樣式,以獲取TabLayout屬性。
<android.support.design.widget.TabLayout
android:id="@+id/sliding_tabs"
android:layout_width="match_parent"
app:tabTextColor="@color/white"
app:tabSelectedTextColor="@color/white"
app:tabIndicatorColor="@color/accent"
android:layout_height="wrap_content"
app:tabIndicatorHeight="3dp"
style="@style/TabLayoutTextStyle" />
這是正確的方法。
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:baselineAligned="false">
<android.support.design.widget.TabLayout
android:id="@+id/tablayout"
android:layout_width="match_parent"
android:layout_height="50dp"
app:tabTextAppearance="@style/TextAppearance.Bold"
app:tabTextColor="@color/grey"
app:tabSelectedTextColor="@color/black" />
</LinearLayout>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.