#
自定义TabLayout的tab标签内容在点击的时候出现灰色背景
作者:燕潇洒
导读:在自定义Tab标签的内容布局时,运行后,发现再点击的时候,左右两侧有灰色背景产生,一开始以为是Tab的padding没有设置成0,设置后发现还是那样,不过在CSDN上找到了解决方法;
解决方法:
TabLayout有个属性是设置Tab标签背景的:
tabBackgroud属性
我们给TabLayout设置选中和非选中时的tab标签背景就可以了;
首先设置未选中情况下tab’的背景色(tab_backgroud_unselect):
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
<solid android:color="@color/white" />
</shape>
然后设置选中时的背景色(tab_backgroud_select):
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
<solid android:color="@color/white" />
</shape>
第三个设置选择器(tab_backgroud),在不同状态下切换两种情况:
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:drawable="@drawable/tab_background_select" android:state_selected="true" />
<item android:drawable="@drawable/tab_background_unselect" android:state_selected="false" android:state_focused="false" android:state_pressed="false" />
</selector>
然后在TabLayout的tabBackground属性应用tab_background就可以了,不会再出现点击tab时,边缘有灰色背景出现!