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"
有问题的可以提到下面评论,持续更新