Android如何为TabLayout添加外圆角整体边框、内部分隔用直角边框

解决方案 #

1. 修改TabLayout布局配置

核心是增加clipToOutline属性裁剪父布局圆角范围外的内容，改用系统自带分隔线替代Tab自带边框，避免圆角方角冲突：

<com.google.android.material.tabs.TabLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginTop="@dimen/margin4"
    android:background="@drawable/tab_layout_round_border"
    android:clipToOutline="true"
    app:tabGravity="fill"
    app:tabIndicatorHeight="0dp"
    app:tabMode="fixed"
    app:tabPaddingEnd="0dp"
    app:tabPaddingStart="0dp"
    app:tabTextAppearance="@style/Tab.TextAppearance.Literal"
    app:tabTextColor="@drawable/tab_text_color_selector"
    app:tabDivider="@color/secondaryColor"
    app:tabDividerWidth="1dp"
    app:tabDividerPadding="0dp"
    app:tabBackground="@drawable/tab_selector" />

2. 新增Tab背景选择器 @drawable/tab_selector.xml

实现选中态填充和边框同色、未选中态透明的效果：

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_selected="true"
        android:drawable="@color/secondaryColor"/>
    <item android:drawable="@android:color/transparent"/>
</selector>

3. 可选新增文字颜色选择器 @drawable/tab_text_color_selector.xml

适配选中态背景，修改文字颜色避免和背景重合：

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_selected="true"
        android:color="@android:color/white"/>
    <item android:color="?android:attr/textColorPrimary"/>
</selector>

冗余资源清理

原有@drawable/tab_layout_border不再使用，可以直接删除，@drawable/tab_layout_round_border不需要修改。

该方案通过父布局裁剪直接解决圆角方角冲突，不需要自定义View或复杂逻辑，完全符合需求。

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