Android TabLayout中选定的自定义选项卡文本颜色
我正在尝试创建自定义选项卡布局,因为我需要在Android TabLayout中选定的自定义选项卡文本颜色,android,android-layout,tabs,android-tablayout,Android,Android Layout,Tabs,Android Tablayout,我正在尝试创建自定义选项卡布局,因为我需要在TextView旁边设置徽章计数器。我已经将id设置为@android:id/text1,正如文档中提到的那样 选择“我的自定义”选项卡时,文本视图颜色不会自动更改。如何以正确和干净的方式实现它 正确选择的默认选项卡: 错误选择的自定义选项卡(文本为灰色,但应为白色): 代码 PagerAdapter adapter = new MyAdapter(getSupportFragmentManager()); viewPager.setAdapter
TextView
旁边设置徽章计数器。我已经将id设置为@android:id/text1
,正如文档中提到的那样
选择“我的自定义”选项卡时,文本视图颜色不会自动更改。如何以正确和干净的方式实现它
正确选择的默认选项卡:
错误选择的自定义选项卡(文本为灰色,但应为白色):
代码
PagerAdapter adapter = new MyAdapter(getSupportFragmentManager());
viewPager.setAdapter(adapter);
tabLayout.setupWithViewPager(viewPager);
TabLayout.Tab tab = tabLayout.getTabAt(2);
if (tab != null) {
tab.setCustomView(R.layout.tab_proposed_rewards);
}
布局
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:gravity="center"
android:orientation="horizontal">
<TextView
android:id="@android:id/text1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginEnd="8dp"
android:gravity="center"
android:textAppearance="@style/TextAppearance.Design.Tab"/>
<TextView
android:id="@+id/indicator"
android:layout_width="24dp"
android:layout_height="24dp"
android:background="@drawable/background_indicator"
android:gravity="center"
android:lines="1"/>
</LinearLayout>
你可以通过编程来完成 以编程方式更改代码中选定选项卡的颜色。您可以使用
setTabTextColors(int-normalColor,int-selectedColor)
然后申请
yourTabLayout.setTabTextColors (Color.White, Color.Black);
希望这能解决您的问题,更多信息请访问
就你而言
TabHost tabHost = getTabHost();
for(int i=0;i<tabhost.getTabWidget().getChildCount();i++)
{
TextView tv = (TextView) tabhost.getTabWidget().getChildAt(i).findViewById(android.R.id.title); //Unselected Tabs
tv.setTextColor(Color.parseColor("#ffffff"));
}
TextView tv = (TextView) tabhost.getCurrentTabView().findViewById(android.R.id.title); //for Selected Tab
tv.setTextColor(Color.parseColor("#000000"))
TabHost TabHost=getTabHost();
对于(inti=0;i实际上,最好使用选择器
下面是一个使用Kotlin和最新viewPager2以及tabLayout的示例(基于Google的示例):
用_badge.xml选项卡_
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent" android:layout_height="match_parent" android:gravity="center"
android:orientation="horizontal">
<androidx.appcompat.widget.AppCompatTextView
android:id="@+id/textView" android:layout_width="wrap_content" android:layout_height="wrap_content"
android:textColor="@color/tab_color_selector" tools:text="@tools:sample/lorem" />
<androidx.appcompat.widget.AppCompatTextView
android:id="@+id/badgeTextView" android:layout_width="wrap_content" android:layout_height="wrap_content"
android:background="@drawable/badge_background" tools:text="12" />
</LinearLayout>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:color="#f00" android:state_pressed="true" />
<item android:color="#0f0" android:state_selected="true" />
<item android:color="#00f" />
</selector>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<padding
android:left="4dp"
android:right="4dp" />
<solid android:color="@color/tab_color_selector" />
<corners android:radius="8dp" />
</shape>
tab\u color\u selector.xml
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent" android:layout_height="match_parent" android:gravity="center"
android:orientation="horizontal">
<androidx.appcompat.widget.AppCompatTextView
android:id="@+id/textView" android:layout_width="wrap_content" android:layout_height="wrap_content"
android:textColor="@color/tab_color_selector" tools:text="@tools:sample/lorem" />
<androidx.appcompat.widget.AppCompatTextView
android:id="@+id/badgeTextView" android:layout_width="wrap_content" android:layout_height="wrap_content"
android:background="@drawable/badge_background" tools:text="12" />
</LinearLayout>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:color="#f00" android:state_pressed="true" />
<item android:color="#0f0" android:state_selected="true" />
<item android:color="#00f" />
</selector>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<padding
android:left="4dp"
android:right="4dp" />
<solid android:color="@color/tab_color_selector" />
<corners android:radius="8dp" />
</shape>
badge_background.xml
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent" android:layout_height="match_parent" android:gravity="center"
android:orientation="horizontal">
<androidx.appcompat.widget.AppCompatTextView
android:id="@+id/textView" android:layout_width="wrap_content" android:layout_height="wrap_content"
android:textColor="@color/tab_color_selector" tools:text="@tools:sample/lorem" />
<androidx.appcompat.widget.AppCompatTextView
android:id="@+id/badgeTextView" android:layout_width="wrap_content" android:layout_height="wrap_content"
android:background="@drawable/badge_background" tools:text="12" />
</LinearLayout>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:color="#f00" android:state_pressed="true" />
<item android:color="#0f0" android:state_selected="true" />
<item android:color="#00f" />
</selector>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<padding
android:left="4dp"
android:right="4dp" />
<solid android:color="@color/tab_color_selector" />
<corners android:radius="8dp" />
</shape>
答案在于,第二个答案是否定的。使用您的styles.xml,这样您就可以使用style
标记通过xml创建视图,而不是通过编程创建视图。我个人认为这是“更干净的”方法。@DillonBurton自定义选项卡布局不起任何作用,但无论如何感谢您的帮助。我找到了不同的解决方案。@AleksanderMielczarek您是如何做到的。我也陷入了这个困境。感谢TabTextColor的提示。我从TabLayout获得默认的TextColor表单,并将其应用于自定义TextView。请参阅编辑的问题。@AleksanderMielczarek se更新后的答案,它有代码来更改文本视图文本的颜色