如何更改在 tablayout 中选择的选项卡的颜色
How to change color of tab selected in tablayout
如何更改所选标签的颜色?我希望每个选项卡都有自己的颜色属性。所以选择的选项卡 1 将是红色。选择的选项卡 2 将为蓝色。选择的选项卡 3 为黄色。如果未选中,它们将返回选项卡的原始颜色。
目前,我正在使用选择器更改所选标签的背景。但是,这只允许一种颜色。我想要多种颜色
这是unselected_tab.xml
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<solid
android:color="@color/colorPrimaryDark" />
</shape>
这是selected_tab.xml
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<solid
android:color="@color/tabSelectedColor" />
</shape>
这是我正在使用的选择器
<?xml version="1.0" encoding="utf-8"?>
<selector
xmlns:android="http://schemas.android.com/apk/res/android"
android:enterFadeDuration="50"
android:exitFadeDuration="50" >
<item android:drawable="@drawable/tab_selected"
android:state_selected="false" />
<item android:drawable="@drawable/tab_unselected"
android:state_selected="true"/>
</selector>
我正在将它应用到tablayout背景
<com.google.android.material.tabs.TabLayout
android:id="@+id/tablayout"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="?attr/colorPrimaryDark"
android:minHeight="?attr/actionBarSize"
android:elevation="5dp"
android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
app:tabIndicatorColor="@android:color/white"
app:tabMode="scrollable"
app:tabMaxWidth="100dp"
app:tabBackground="@drawable/tab_selector"
/>
下面是它当前的一些屏幕截图。
理想情况下,我希望每个选项卡都有自己独立的颜色。
如何做到这一点?
编辑:理想情况下,我想以编程方式更改每个选项卡的颜色
对于正在寻找解决方案的任何人。我找到了一个。您可以将颜色应用于 tabLayout 的子布局。对于一些参考代码,这是我使用的,对我来说非常有效
final LinearLayout tabsContainerLayout = (LinearLayout)expenseTabs.getChildAt(0);
Linear LayouttempLinearLayout = (LinearLayout)tabsContainerLayout.getChildAt(selectedTabPosition);
tempLinearLayout.setBackgroundColor(Color.RED);
如何更改所选标签的颜色?我希望每个选项卡都有自己的颜色属性。所以选择的选项卡 1 将是红色。选择的选项卡 2 将为蓝色。选择的选项卡 3 为黄色。如果未选中,它们将返回选项卡的原始颜色。
目前,我正在使用选择器更改所选标签的背景。但是,这只允许一种颜色。我想要多种颜色
这是unselected_tab.xml
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<solid
android:color="@color/colorPrimaryDark" />
</shape>
这是selected_tab.xml
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<solid
android:color="@color/tabSelectedColor" />
</shape>
这是我正在使用的选择器
<?xml version="1.0" encoding="utf-8"?>
<selector
xmlns:android="http://schemas.android.com/apk/res/android"
android:enterFadeDuration="50"
android:exitFadeDuration="50" >
<item android:drawable="@drawable/tab_selected"
android:state_selected="false" />
<item android:drawable="@drawable/tab_unselected"
android:state_selected="true"/>
</selector>
我正在将它应用到tablayout背景
<com.google.android.material.tabs.TabLayout
android:id="@+id/tablayout"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="?attr/colorPrimaryDark"
android:minHeight="?attr/actionBarSize"
android:elevation="5dp"
android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
app:tabIndicatorColor="@android:color/white"
app:tabMode="scrollable"
app:tabMaxWidth="100dp"
app:tabBackground="@drawable/tab_selector"
/>
下面是它当前的一些屏幕截图。
理想情况下,我希望每个选项卡都有自己独立的颜色。
如何做到这一点?
编辑:理想情况下,我想以编程方式更改每个选项卡的颜色
对于正在寻找解决方案的任何人。我找到了一个。您可以将颜色应用于 tabLayout 的子布局。对于一些参考代码,这是我使用的,对我来说非常有效
final LinearLayout tabsContainerLayout = (LinearLayout)expenseTabs.getChildAt(0);
Linear LayouttempLinearLayout = (LinearLayout)tabsContainerLayout.getChildAt(selectedTabPosition);
tempLinearLayout.setBackgroundColor(Color.RED);