Android 自定义TabLayout使用的坑

1、Tab取消自带边距

这个情况我们一般用于自定义tab的时候，发现tab的边距无法消除。通过查看tab的源码发现，tab会根据我们tab对齐方式（或者说分离方式）来重置tab的LayoutParams，并且为其设置宽度

private void updateTabViewLayoutParams(@NonNull LinearLayout.LayoutParams lp) {
    if (mode == MODE_FIXED && tabGravity == GRAVITY_FILL) {
      lp.width = 0;
      lp.weight = 1;
    } else {
      lp.width = LinearLayout.LayoutParams.WRAP_CONTENT;
      lp.weight = 0;
    }
  }

并且，还会有一个默认的padding：

  tabPaddingStart =
        tabPaddingTop =
            tabPaddingEnd =
                tabPaddingBottom = a.getDimensionPixelSize(R.styleable.TabLayout_tabPadding, 0);
    tabPaddingStart =
        a.getDimensionPixelSize(R.styleable.TabLayout_tabPaddingStart, tabPaddingStart);
    tabPaddingTop = a.getDimensionPixelSize(R.styleable.TabLayout_tabPaddingTop, tabPaddingTop);
    tabPaddingEnd = a.getDimensionPixelSize(R.styleable.TabLayout_tabPaddingEnd, tabPaddingEnd);
    tabPaddingBottom =
        a.getDimensionPixelSize(R.styleable.TabLayout_tabPaddingBottom, tabPaddingBottom);

具体是多少，我们还不知道。但是可以确定这个是个初始化值。

我们改了这些之后，诶，发现还不行，那是什么限制了我们tab的宽度呢？我们继续追随源码看到，在tabView创建的时候有一个 minWidth：

 @NonNull
  private TabView createTabView(@NonNull final Tab tab) {
    TabView tabView = tabViewPool != null ? tabViewPool.acquire() : null;
    if (tabView == null) {
      tabView = new TabView(getContext());
    }
    tabView.setTab(tab);
    tabView.setFocusable(true);
    tabView.setMinimumWidth(getTabMinWidth());//就是这里了
    if (TextUtils.isEmpty(tab.contentDesc)) {
      tabView.setContentDescription(tab.text);
    } else {
      tabView.setContentDescription(tab.contentDesc);
    }
    return tabView;
  }

继续看：

//分别是 requestedTabMinWidth 和 scrollableTabMinWidth
private int getTabMinWidth() {
    if (requestedTabMinWidth != INVALID_WIDTH) {
      // If we have been given a min width, use it
      return requestedTabMinWidth;
    }
    // Else, we'll use the default value
    return (mode == MODE_SCROLLABLE || mode == MODE_AUTO) ? scrollableTabMinWidth : 0;
  }

继续看看这两个值

 private static final int INVALID_WIDTH = -1;



    final Resources res = getResources();
    tabTextMultiLineSize = res.getDimensionPixelSize(R.dimen.design_tab_text_size_2line);
    scrollableTabMinWidth = res.getDimensionPixelSize(R.dimen.design_tab_scrollable_min_width);

我们发现，scrollableTabMinWidth也是一个默认值，那看来就是它了。
那我们需要改变一下。 如果它不是-1就要返回它，阿么我们要设置一个确定的值：

   app:tabMinWidth="0dp"

这样一来就大功告成了。 有因必有果，那就找解决的方式。

2、自定义Tablayout，首次初始化的时候，我的addOnTabSelectedListener没有生效，需要点击任意一个tab之后才生效，怎么办呢？

我们只需要在addTab之前添加 addOnTabSelectedListener 即可，记得做个判空，以防万一。

3、自定义TabLayout之后，发现点击的时候还有半透明的黑色背景，就很难受

解决方式，添加属性： app:tabRippleColor="@null"

有问题的可以提到下面评论，持续更新