ViewPager TabLayout单Tab时标题不居中、指示器未占满布局问题求助

自定义TabLayout（OPTCustomTab）配合ViewPager使用时出现异常：

• 仅存在单个Tab时，Tab标题无法居中，且Tab指示器未占满整个布局
• 存在多个Tab时，Tab会自动均分宽度，指示器正常占满布局

已尝试设置app:tabMaxWidth="0dp"和app:tabGravity="fill"，问题仍未解决。自定义TabLayout代码如下：

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

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

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

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {

        ViewGroup tabLayout = (ViewGroup) getChildAt(0);
        int childCount = tabLayout.getChildCount();

        if (childCount != 0) {
            DisplayMetrics displayMetrics = getContext().getResources().getDisplayMetrics();
            int tabMinWidth = displayMetrics.widthPixels / childCount;

            for (int i = 0; i < childCount; ++i) {
                tabLayout.getChildAt(i).setMinimumWidth(tabMinWidth);
            }
        }

        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    }
}

问题根源在于自定义onMeasure方法的逻辑：单个Tab时仅设置最小宽度不足以让Tab占满全屏，导致标题无法居中、指示器宽度不足。修改onMeasure方法，针对单个Tab场景做特殊处理：

@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
    ViewGroup tabContainer = (ViewGroup) getChildAt(0);
    int childCount = tabContainer.getChildCount();

    if (childCount != 0) {
        DisplayMetrics displayMetrics = getContext().getResources().getDisplayMetrics();
        int tabWidth = displayMetrics.widthPixels / childCount;

        for (int i = 0; i < childCount; ++i) {
            View tab = tabContainer.getChildAt(i);
            // 单个Tab时直接设置宽度为屏幕宽度，多个Tab时保持最小宽度限制
            if (childCount == 1) {
                tab.getLayoutParams().width = displayMetrics.widthPixels;
            } else {
                tab.setMinimumWidth(tabWidth);
            }
        }
    }

    super.onMeasure(widthMeasureSpec, heightMeasureSpec);
}

同时确保XML布局中配置以下关键属性：

• app:tabMode="fixed"
• app:tabGravity="fill"
• app:tabMaxWidth="0dp"

修改后，单个Tab会被强制设置为屏幕宽度，标题自动居中，指示器也会占满整个布局；多个Tab时依旧保持均分宽度的原有逻辑。

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