TabLayout仅单个标签时无法铺满屏幕宽度问题求助

方案一：XML属性快速调整 #

如果多标签场景不需要滚动模式，直接在TabLayout布局中添加以下属性即可：

<com.google.android.material.tabs.TabLayout
    ...
    app:tabMode="fixed"
    app:tabGravity="fill" />

fixed模式会让所有标签平分TabLayout宽度，fill属性确保标签填满可用空间。若多标签场景需要滚动模式，建议使用下方动态控制方案。

方案二：代码动态适配单标签场景 #

在ViewPager绑定适配器、TabLayout完成标签添加后，判断标签数量，对单个标签强制设置全屏宽度：

Java 代码：

tabLayout.post(() -> {
    if (tabLayout.getTabCount() == 1) {
        View tabView = ((ViewGroup) tabLayout.getChildAt(0)).getChildAt(0);
        ViewGroup.LayoutParams params = tabView.getLayoutParams();
        params.width = ViewGroup.LayoutParams.MATCH_PARENT;
        tabView.setLayoutParams(params);
    }
});

Kotlin 代码：

tabLayout.post {
    if (tabLayout.tabCount == 1) {
        val tabView = (tabLayout.getChildAt(0) as ViewGroup).getChildAt(0)
        tabView.layoutParams = tabView.layoutParams.apply {
            width = ViewGroup.LayoutParams.MATCH_PARENT
        }
    }
}

方案三：自定义TabLayout（适配复杂场景） #

若上述方法不生效，可通过自定义TabLayout重写测量逻辑，确保单标签时自动占满宽度：

public class FullWidthSingleTabLayout extends TabLayout {
    public FullWidthSingleTabLayout(Context context) {
        super(context);
    }

    public FullWidthSingleTabLayout(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    public FullWidthSingleTabLayout(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        if (getTabCount() == 1) {
            View tabContainer = getChildAt(0);
            if (tabContainer instanceof ViewGroup) {
                View singleTab = ((ViewGroup) tabContainer).getChildAt(0);
                int fullWidth = MeasureSpec.getSize(widthMeasureSpec);
                ViewGroup.LayoutParams params = singleTab.getLayoutParams();
                params.width = fullWidth;
                singleTab.setLayoutParams(params);
                super.onMeasure(widthMeasureSpec, heightMeasureSpec);
            }
        }
    }
}

之后在布局文件中替换原TabLayout为这个自定义类即可。

内容的提问来源于stack exchange，提问作者Hack123