基于TabLayout中的Tab间隔设置方法(实例讲解)

基于基于TabLayout中的中的Tab间隔设置方法间隔设置方法(实例讲解实例讲解)

下面小编就为大家分享一篇基于TabLayout中的Tab间隔设置方法，具有很好的参考价值，希望对大家有所帮

助。一起跟随小编过来看看吧

TabLayout和ViewPager搭配使用，是有很多方便性，但是TabLayout这东西还是有很多被人吐槽的地方。

这里只讲怎么设置tab之间的间隔，网上找了一堆方法，什么padding和margin的啥都没用，没办法，想用TabLayout只能自己

想办法了。效果如下：

一、实现方法，既然这东西不好设置，那就直接在背景上做点事情，布局代码如下：一、实现方法，既然这东西不好设置，那就直接在背景上做点事情，布局代码如下：

<android.support.design.widget.TabLayout

android:overScrollMode="never"

app:tabMode="fixed"

app:tabPaddingStart="30dp"

app:tabPaddingEnd="30dp"

app:tabIndicatorHeight="0dp"

app:tabBackground="@drawable/download_tab_bg_selector"

app:tabSelectedTextColor="#000000"

app:tabTextColor="#ffffff"/>

二、其中关键的地方就在背景的二、其中关键的地方就在背景的selector上，代码如下：上，代码如下：

<?xml version="1.0" encoding="utf-8"?>

<!--为了让TabLayout内部的Tab有间隔，暂时找不到其他设置方法，只能在背景图形里面设置间隔-->

<layer-list>

<item>

<shape>

<solid android:color="@android:color/transparent"/>

</shape>

</item>

<item android:left="5dp" android:right="5dp">

<shape>

<corners android:topLeftRadius="10dp" android:topRightRadius="10dp" />

<!--<shape>

<solid android:color="#bcbcbc"/>

<corners android:topLeftRadius="10dp" android:topRightRadius="10dp" />

</shape>-->

<layer-list>

<item>

<shape>

<solid android:color="@android:color/transparent"/>

</shape>

</item>

</layer-list>

</item>

</selector>