android中修改tablayout中的字体大小和颜色

最新推荐文章于 2025-01-18 10:50:57 发布

原创最新推荐文章于 2025-01-18 10:50:57 发布 · 1.1w 阅读

5 ·

CC 4.0 BY-SA版权

4 android 应用系统开发专栏收录该内容

185 篇文章

订阅专栏

本文介绍了两种在Android中修改TabLayout字体大小和颜色的方法：直接设置和通过styles配置。第一种方法直接引用相关代码，第二种方法涉及在styles.xml文件中定制样式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

两种方法：

1: 直接通过下面的设置

<android.support.design.widget.TabLayout
            android:id="@+id/tablayout_video"
            android:layout_width="match_parent"
            android:layout_height="@dimen/tablayout_height"
            app:tabBackground="@drawable/tablayout_background"
            app:tabIndicatorHeight="0dp"
            app:tabSelectedTextColor="@color/white"
            app:tabTextAppearance="@style/TabLayoutTextStyle"
            app:tabTextColor="@color/white" />

参考： http://blog.youkuaiyun.com/ming2316780/article/details/51763864

2: 通过styles

两步骤：

1: 首先在values文件夹中的styles.xml文件中，如下的内容，具体的什么颜色和字体可以再修改

    <style name="MyTabLayoutTextAppearance" parent="TextAppearance.AppCompat.Widget.ActionBar.Title">
        <item name="android:textSize">20sp</item>
        <item name="android:textColor">@android:color/holo_blue_dark</item>
    </style>
    <style name="MyTabLayoutTextAppearanceInverse" parent="TextAppearance.AppCompat.Widget.ActionBar.Title.Inverse">
        <item name="android:textSize">15sp</item>
        <item name="android:textColor">@android:color/holo_red_light</item>
    </style>

添加后的styles 应该是下面这样的：

<resources>

    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
        <!-- Customize your theme here. -->
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorAccent</item>
    </style>

    <style name="MyTabLayoutTextAppearance" parent="TextAppearance.AppCompat.Widget.ActionBar.Title">
        <item name="android:textSize">20sp</item>
        <item name="android:textColor">@android:color/holo_blue_dark</item>
    </style>
    <style name="MyTabLayoutTextAppearanceInverse" parent="TextAppearance.AppCompat.Widget.ActionBar.Title.Inverse">
        <item name="android:textSize">15sp</item>
        <item name="android:textColor">@android:color/holo_red_light</item>
    </style>

</resources>

2: 然后在我们tablayout 布局里面调用就可以了，其实就一句话：

app:tabTextAppearance="@style/MyTabLayoutTextAppearance"

<android.support.design.widget.TabLayout
            android:id="@+id/tablayout"
            android:visibility="gone"
            android:layout_width="match_parent"
            android:layout_height="100dp"
            app:tabTextAppearance="@style/MyTabLayoutTextAppearance"
            />

参考：http://blog.youkuaiyun.com/wode_dream/article/details/50424446