Android Tablayout 自定义Tab布局的使用案例

 <android.support.design.widget.TabLayout
 android:id="@+id/dialog_mod_icon_tablayout"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 app:tabIndicatorHeight="0dp"
 android:paddingLeft="@dimen/commom_margin_20"
 app:tabMode="scrollable"
 app:tabPaddingStart="@dimen/commom_margin_5"
 app:tabPaddingEnd="@dimen/commom_margin_5"
 app:tabSelectedTextColor="@color/common_tv_dark_red" />

 TabLayout.Tab tab = tabLayout.newTab();
 View view = LayoutInflater.from(context).inflate(R.layout.widget_choose_icon_tab_bg, null);
 TextView tv = (TextView) view.findViewById(R.id.choose_icon_tab_tv);
 tv.setText(listData.get(i).getName());
 tab.setCustomView(view);
 tabLayout.addTab(tab);

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:orientation="vertical">

 <TextView
 android:id="@+id/choose_icon_tab_tv"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 android:layout_gravity="center"
 android:background="@drawable/selector_icon_choose_txt_bg"
 android:padding="@dimen/commom_margin_4"
 android:textSize="@dimen/commom_tv_size_12"
 android:textStyle="bold" />
</LinearLayout>

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
 <item android:drawable="@drawable/shape_icon_choose_select" android:state_checked="true" />
 <item android:drawable="@drawable/shape_icon_choose_select" android:state_selected="true" />
 <item android:drawable="@drawable/shape_icon_choose_no_select" />
</selector>

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
 <corners android:radius="@dimen/commom_margin_2"/>
 <stroke android:color="@color/common_bg_dali_gray_cc4" android:width="1dp"/>
</shape>

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

 <stroke android:color="@color/common_bg_dali_gray_62" android:width="1dp"/>
</shape>

    mTabPaddingStart = a.getDimensionPixelSize(R.styleable.TabLayout_tabPaddingStart,
        mTabPaddingStart);
    mTabPaddingTop = a.getDimensionPixelSize(R.styleable.TabLayout_tabPaddingTop,
        mTabPaddingTop);
    mTabPaddingEnd = a.getDimensionPixelSize(R.styleable.TabLayout_tabPaddingEnd,
        mTabPaddingEnd);
    mTabPaddingBottom = a.getDimensionPixelSize(R.styleable.TabLayout_tabPaddingBottom,
        mTabPaddingBottom);

 <android.support.design.widget.TabLayout
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 app:tabPaddingStart="0dp"
 app:tabPaddingEnd="0dp"

final int idealHeight = dpToPx(getDefaultHeight()) + getPaddingTop() + getPaddingBottom();
 switch (MeasureSpec.getMode(heightMeasureSpec)) {
 case MeasureSpec.AT_MOST:
 heightMeasureSpec = MeasureSpec.makeMeasureSpec(
  Math.min(idealHeight, MeasureSpec.getSize(heightMeasureSpec)),
  MeasureSpec.EXACTLY);