TabLayout的默认字体大小有点小,无法满足项目的要求,如图所示:

字体过小,虽然TabLayout提供了修改字体大小的相关属性,但改起来有点拐弯抹角,下面就来看看它是如何修改的:
<android.support.design.widget.TabLayout
android:id="@+id/tabs"
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:tabTextAppearance="@style/TabLayoutTextStyle"
app:tabTextColor="@color/white"
app:tabSelectedTextColor="@color/white"
app:tabIndicatorColor="@color/white" />
app:tabTextAppearance 此属性可以修改字体大小,不过我们先得在style中设置:
<style name="TabLayoutTextStyle">
<item name="android:textSize">@dimen/textsizi</item>
</style>
然后在dimen中设置字体大小的值:
<dimen name="textsizi">20dp</dimen>
如此一来字体的大小就设置好了,下面来看下效果:

很明显字体变大了,顺带提一下,若想修改字体颜色可以通过:
app:tabTextColor="@color/white"
app:tabSelectedTextColor="@color/white"
这两个属性来修改,如果要修改文字下方横线的颜色的话通过下面代码来修改:
app:tabIndicatorColor="@color/white"
|