自定义ViewPagerIndicator标题栏标题文字颜色

最新推荐文章于 2022-05-30 17:47:55 发布

嘴里有刀说破歌谣

最新推荐文章于 2022-05-30 17:47:55 发布

阅读量3.1k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： android 文章标签： ViewPagerIndicator fragment android

本文链接：https://blog.csdn.net/chunxiao123ouc/article/details/50961730

android 专栏收录该内容

7 篇文章

订阅专栏

本文介绍如何使用ViewPagerIndicator和Fragment实现动态变化的Tab标题文字颜色。通过修改styles.xml中的文字颜色并创建自定义颜色选择器，实现不同状态下的标题颜色变化。

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

上一篇我们用ViewPagerIndicator和faragment实现了tab的效果，但是标题的颜色是写死的，下面我们就自定义一下颜色，实现标题文字颜色的动态变化。代码我们还是以上一篇为基础。

博客链接：http://blog.csdn.net/chunxiao123ouc/article/details/50960492

效果图如下：

实现这种效果很简单。

styles.xml中只需要修改一下文字颜色，改为@drawble/viewpager_title_textcolor.xml：

<style name="MyTextAppearance.TabPageIndicator" parent="Widget">
        <item name="android:textStyle">bold</item>
        <item name="android:textColor">@drawable/viewpager_title_textcolor</item>
    </style>

然后在drawable文件夹新建文件

在viewpager_title_textcolor.xml文件中自定义颜色：

<?xml version="1.0" encoding="utf-8"?>  
<selector xmlns:android="http://schemas.android.com/apk/res/android">  
  
    <!-- Non focused states -->  
    <item android:state_focused="false" android:state_pressed="false" android:state_selected="false" android:color="#B7B7B7"/>  
    <item android:state_focused="false" android:state_pressed="false" android:state_selected="true" android:color="#58ACED"/>  
  
    <!-- Focused states -->  
    <item android:state_focused="true" android:state_pressed="false" android:state_selected="false" android:color="#B7B7B7"/>  
    <item android:state_focused="true" android:state_pressed="false" android:state_selected="true" android:color="#58ACED"/>  
  
    <!-- Pressed -->  
    <item android:state_pressed="true" android:color="#58ACED"/>  
  
</selector>