一、问题分析：Tab宽度不一致的根源

在Material Design组件库中，TabLayout默认采用固定宽度策略。每个Tab的最小宽度由tabMinWidth属性控制（默认值为56dp），同时存在左右内边距（tabPaddingStart/End）和字体额外间距（includeFontPadding）。这些设计虽然保证了视觉一致性，但在需要精确控制布局的场景下（如底部导航栏、紧凑型界面），会导致以下问题：

文字较少的Tab被强制拉伸，产生多余空白
文字较长的Tab出现截断或换行
不同Tab宽度不一致影响整体美观性

二、核心解决方案：三步实现精准宽度控制

2.1 禁用系统默认约束（XML配置）

在布局文件中需同时配置三个关键属性：

<com.google.android.material.tabs.TabLayout
    android:id="@+id/tabLayout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:tabMode="scrollable"  <!-- 必须设置为滚动模式 -->
    app:tabMinWidth="0dp"     <!-- 覆盖默认最小宽度 -->
    app:tabPaddingStart="0dp" <!-- 消除左侧内边距 -->
    app:tabPaddingEnd="0dp"   <!-- 消除右侧内边距 -->
    app:tabGravity="center"   <!-- 可选：居中显示 -->
    app:tabIndicatorHeight="2dp"/> <!-- 指示器高度 -->

关键点说明：

tabMode必须设置为scrollable，固定模式（fixed）会强制等分宽度
tabMinWidth="0dp"是核心配置，允许Tab宽度小于默认值
内边距清零确保文字直接贴靠边界

2.2 自定义Tab视图（XML+代码）

创建res/layout/tab_custom.xml自定义布局：

<TextView xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@android:id/text1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:padding="0dp"
    android:textSize="14sp"
    android:textColor="@color/tab_text_color"
    android:includeFontPadding="false"  <!-- 消除字体顶部额外间距 -->
    android:singleLine="true"          <!-- 强制单行显示 -->
    android:ellipsize="end"/>          <!-- 超出部分显示省略号 -->

优化细节：

includeFontPadding="false"：移除字体行高带来的额外空间
singleLine属性：确保文字不换行（API 28+建议使用maxLines="1"）
精确的textSize控制：避免不同字号导致的宽度差异

2.3 动态应用自定义视图（Kotlin实现）

在Activity/Fragment中通过代码设置：

val tabLayout = findViewById<TabLayout>(R.id.tabLayout)
tabLayout.apply {
    // 配置基础属性
    tabMode = TabLayout.MODE_SCROLLABLE
    tabMinWidth = 0  // 覆盖XML默认值（双重保障）
    // 添加Tab并应用自定义视图
    val tabNames = arrayOf("首页", "分类", "消息", "我的")
    tabNames.forEachIndexed { index, name ->
        addTab(newTab().apply {
            customView = LayoutInflater.from(context)
                .inflate(R.layout.tab_custom, null).apply {
                    findViewById<TextView>(android.R.id.text1).apply {
                        text = name
                        // 可选：动态设置不同样式
                        if (index == 0) {
                            setTextColor(ContextCompat.getColor(context, R.color.tab_selected))
                            typeface = Typeface.DEFAULT_BOLD
                        }
                    }
                }
        })
    }
    // 可选：监听选择状态变化
    addOnTabSelectedListener(object : TabLayout.OnTabSelectedListener {
        override fun onTabSelected(tab: TabLayout.Tab?) {
            tab?.customView?.findViewById<TextView>(android.R.id.text1)?.apply {
                setTextColor(ContextCompat.getColor(context, R.color.tab_selected))
                typeface = Typeface.DEFAULT_BOLD
            }
        }
        override fun onTabUnselected(tab: TabLayout.Tab?) {
            tab?.customView?.findViewById<TextView>(android.R.id.text1)?.apply {
                setTextColor(ContextCompat.getColor(context, R.color.tab_normal))
                typeface = Typeface.DEFAULT
            }
        }
        override fun onTabReselected(tab: TabLayout.Tab?) {}
    })
}

三、进阶优化技巧

3.1 动态计算宽度（高级场景）

当需要完全匹配文字渲染宽度时，可通过以下方式动态计算：

fun measureTabWidth(text: String, textSize: Float, context: Context): Int {
    val paint = Paint().apply {
        this.textSize = textSize
        typeface = Typeface.DEFAULT
    }
    return paint.measureText(text).toInt()
}
// 应用示例
val tabWidth = measureTabWidth("消息", 14f, context)
tabLayout.post {
    tabLayout.getTabAt(2)?.customView?.layoutParams?.width = tabWidth
}

3.2 兼容不同屏幕密度

通过dp2px工具类确保配置值在不同设备上表现一致：

fun Context.dp2px(dp: Float): Int {
    return (dp * resources.displayMetrics.density).toInt()
}
// 使用示例
tabLayout.tabPaddingStart = dp2px(4f)  // 实际显示4dp

3.3 性能优化建议

复用视图：通过ViewPool缓存自定义Tab视图
延迟加载：对非首屏Tab使用占位符
避免深度嵌套：自定义布局保持扁平结构

四、常见问题解决方案

4.1 指示器宽度不匹配

当Tab宽度变化时，指示器可能无法自动适应。可通过反射修改或自定义指示器：

// 反射方式（不推荐生产环境使用）
try {
    val slidingTabStrip = tabLayout.getChildAt(0) as ViewGroup
    for (i in 0 until slidingTabStrip.childCount) {
        slidingTabStrip.getChildAt(i).minimumWidth = 0
    }
} catch (e: Exception) {
    e.printStackTrace()
}

4.2 文字截断问题

确保TextView配置完整：

<TextView
    ...
    android:maxLines="1"
    android:ellipsize="end"
    android:singleLine="true"  <!-- 兼容旧版本 -->
    android:gravity="center"/>

4.3 主题样式统一

在styles.xml中定义通用样式：

<style name="CustomTabText" parent="TextAppearance.Design.Tab">
    <item name="android:textSize">14sp</item>
    <item name="android:textColor">@color/tab_text_selector</item>
    <item name="android:includeFontPadding">false</item>
</style>

五、完整代码示例

GitHub示例仓库（虚构链接）：示例代码仓库包含：

基础实现模块
动态宽度计算模块
主题样式定制模块
性能优化示例

通过本文提供的系统化方案，开发者可以彻底解决TabLayout的宽度控制问题，实现文字与Tab的精准对齐。实际开发中建议结合具体业务场景选择实现方式，在UI一致性和功能灵活性之间取得平衡。

TabLayout中Tab宽度与文字对齐的完整实现方案