android TabLayout 的item设置间隔，设置下标线的圆角和长度

最近把appcompat-v7升级到28.0.0，发现TabLayout多了几个属性，就试了试，随便做下记录
TabLayout的item都是有默认间隔的就算修改tabPaddingStart和tabPaddingEnd也没有效果，要先设置tabMaxWidth和tabMinWidth才可以设置tabPaddingStart和tabPaddingEnd，设置item左右间隔各10dp

app:tabMaxWidth="100dp"
app:tabMinWidth="10dp"
app:tabPaddingStart="10dp"
app:tabPaddingEnd="10dp"

做界面有时候会要求左边第一个item到左边有距离，简单来说就是对齐，可以用tabContentStart，这个属性可以让item都往右移，滑动的时候不会出现像设置了PaddingStart那样提早消失，这样设置右移20dp

app:tabContentStart="20dp"

升级后新加入了tabIndicator属性，可以设置color，style或drawable，所以就可以做圆角了

app:tabIndicator="@drawable/shape_indicator_radius"

可是在shape内设置颜色却不显示 

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle" >
    <corners android:radius="2dp" />
</shape>

测试发现颜色还是要用tabIndicatorColor来设置
设置下标的长度可以用tabIndicatorFullWidth属性，等于true表示长度等于item的长度，false表示长度等于内容的长度

app:tabIndicatorFullWidth="false"

 

取消点击效果app:tabRippleColor="@null"

最后完整代码

<android.support.design.widget.TabLayout
            android:id="@+id/tab_layout"
            android:layout_width="match_parent"
            android:layout_height="30dp"
            app:tabIndicatorHeight="4dp"
            app:tabIndicatorFullWidth="false"
            app:tabIndicator="@drawable/shape_indicator_radius"
            app:tabIndicatorColor="#3880C2"
            app:tabContentStart="20dp"
            app:tabMaxWidth="100dp"
            app:tabMinWidth="10dp"
            app:tabPaddingStart="10dp"
            app:tabPaddingEnd="10dp"
            app:tabMode="scrollable"
            app:tabSelectedTextColor="#FFF"
            app:tabTextColor="#FFF"
            app:tabRippleColor="@null"
            />