自定义TabLayout的tab标签内容在点击的时候出现灰色背景

#
自定义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时，边缘有灰色背景出现!