如何以编程方式更改选项卡指示器颜色

Question

我是Android的新手 ，在开始编程之前我发现现在很多应用程序都在使用Fragments，特别是带有Swipeable Views的Tab

如何更改选项卡指示器/突出显示颜色 （我用Google搜索并将ActionBar颜色更改为RED编程），但不知道如何将选项卡指示器颜色更改为红色。 （以编程方式优先）

我的ActionBar看起来像这样

我使用下面的行来改变ActionBar的背景颜色 ，但我还需要以编程方式更改Tab Indicator的颜色。

actionBar = getActionBar();
actionBar.setBackgroundDrawable(new ColorDrawable(Color.RED));

Answer 1

我使用了Jeff Gilfelt的Android Action Bar Style Generator。 您可以使用GUI来设置选项卡的样式，最后您可以获得可以使用的源代码，相应地进行检查和修改。 :)

这是一个链接。

http://jgilfelt.github.io/android-actionbarstylegenerator/#name=example&compat=holo&theme=light&actionbarstyle=solid&texture=0&hairline=0&neutralPressed=1&backColor=E4E4E4%2C100&secondaryColor=D6D6D6%2C100&tabColor=33B5E5%2C100&tertiaryColor=F2F2F2%2C100&accentColor=33B5E5%2C100&cabBackColor = FFFFFF％2C100＆cabHighlightColor = 33B5E5％2C100

Answer 2

您可以通过创建自定义选项卡指示器视图并使用setIndicator为选项卡实现不同的不同指示器来实现。

Answer 3

你想要连锁

setIcon(R.drawable.ic_icon_name_here)

为您的标签提供图标

对于要使用自定义样式的选项卡颜色，有关这些解决方案的更多信息，请查看如何更改Android选项卡窗口小部件的背景？

Answer 4

改变选择器颜色的唯一方法是使用样式（我看到“请注意”，顺便说一句）。

在drawable文件夹中创建tab_selector.xml并执行以下操作：

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_selected="true" android:drawable="@drawable/tab_selected_pink" />
    <item android:state_selected="false" android:drawable="@drawable/tab_unselected_white" />
</selector>

然后在你的values/styles.xml我想，做这样的事情：

<style name="AppTheme" parent="Theme.AppCompat.Light">
     <item name="android:actionBarTabBarStyle">@style/MyTabStyle</item>
</style>

<style name="MyTabStyle" parent="android:Widget.ActionBar.TabBar">
    <item name="android:background">@drawable/tab_indicator_selector</item>
</style>

我可能错误的第一个样式中的item name attribute和第二个样式中的parent attribute 。 但总的来说，它看起来会像这样。

你可以看到它很容易做到。 如果你想支持不同的屏幕，你真正需要做的就是制作9patch drawables。

您还可以查看Jake Wharton的ViewPagerIndicator ，这是使用任何导航模式最灵活的方式。

Answer 5

如果您知道有多少个选项卡，则可以很容易地以编程方式为每个选项卡或仅少数选项卡更改图标颜色。

您需要做的就是复制用于选项卡的现有可绘制文件，为其命名，然后更改其中的颜色。

然后，您需要做的就是获取每个选项卡并设置您希望用作图标的drawable。

tabLayout.setupWithViewPager(pager, true);
tabLayout.getTabAt(0).setIcon(R.drawable.tab_color_grey);
tabLayout.getTabAt(1).setIcon(R.drawable.tab_color_black);
tabLayout.getTabAt(2).setIcon(R.drawable.tab_color_black);
tabLayout.getTabAt(3).setIcon(R.drawable.tab_color_black);
tabLayout.getTabAt(4).setIcon(R.drawable.tab_color_gold);