我来帮你搞定TabLayout标签之间的间距设置，结合你已有的Drawable文件，几个简单调整就能实现需求：

方法1：修改背景和指示器的Drawable（推荐） #

通过给Drawable添加左右偏移，让每个标签的背景之间自动产生间距，同时保证指示器和背景完美对齐：

1. 更新未选中标签的背景（bottom_sheet_tab_unselected_background.xml） #

把原来的单一shape改成layer-list，给内部shape添加左右偏移：

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- 左右各加5dp间距，可根据需求调整数值 -->
    <item
        android:left="@dimen/_5sdp"
        android:right="@dimen/_5sdp">
        <shape android:shape="rectangle">
            <corners android:radius="9dp" /> <!-- 简化写法，统一四个角的圆角半径 -->
            <stroke
                android:width="1dp"
                android:color="#E7E6E6" />
            <solid android:color="@color/white" />
        </shape>
    </item>
</layer-list>

2. 更新指示器的Drawable（bottom_sheet_tab_indicator.xml） #

同样改成layer-list，保持和背景一致的左右偏移，确保指示器和选中标签的背景完全匹配：

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:left="@dimen/_5sdp"
        android:right="@dimen/_5sdp">
        <shape android:shape="rectangle">
            <corners android:radius="9dp" />
            <solid android:color="@color/dark_green" />
        </shape>
    </item>
</layer-list>

3. 调整TabLayout的布局属性 #

在你的TabLayout里补充/修改以下属性，让整体布局更协调：

<com.google.android.material.tabs.TabLayout
    ...
    app:tabGravity="center" <!-- 配合scrollable模式，让标签居中显示 -->
    app:tabContentStart="@dimen/_5sdp" <!-- 左侧边距和标签间距一致 -->
    app:tabContentEnd="@dimen/_5sdp" <!-- 右侧边距和标签间距一致 -->
    ... />

方法2：自定义Tab布局（更灵活） #

如果需要更精细的控制（比如不同标签设置不同间距），可以自定义每个Tab的布局，直接给布局添加margin：

1. 创建自定义Tab布局（tab_item.xml） #

<?xml version="1.0" encoding="utf-8"?>
<TextView xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="match_parent"
    android:layout_marginHorizontal="@dimen/_5sdp"
    android:gravity="center"
    android:textColor="@color/dark_green"
    android:textSize="@dimen/_12sdp" />

2. 在代码中设置自定义Tab #

在Activity/Fragment里给每个Tab绑定自定义View：

val tabLayout = findViewById<TabLayout>(R.id.editor_Screen_Bottom_Sheet_TabLayout)
// 替换成你的标签标题列表
val tabTitles = listOf("标签1", "标签2", "标签3")
tabTitles.forEach { title ->
    val tab = tabLayout.newTab()
    val tabView = LayoutInflater.from(this).inflate(R.layout.tab_item, tabLayout, false) as TextView
    tabView.text = title
    tab.customView = tabView
    tabLayout.addTab(tab)
}

记得把TabLayout的tabBackground设为null，因为自定义布局已经包含了背景样式。

这样调整后，你的TabLayout标签之间就会有明显的间距，同时圆角边框和选中状态的指示器也能正常显示啦～

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