带圆角的标签布局 - Android Studio

Question

我想像这样创建一个 TabLayout：

但它来了就像：

这是我的代码：

<com.google.android.material.tabs.TabLayout
    android:id="@+id/tab_layout"
    android:layout_width="match_parent"
    android:layout_height="40dp"
    android:layout_margin="8dp"
    app:tabMode="scrollable"
    app:tabGravity="fill"
    app:tabIndicatorHeight="0dp"
    app:tabSelectedTextColor="@color/white"
    app:tabIndicator="@drawable/bg_tabs_select"
    app:tabIndicatorColor="@android:color/transparent"
    app:tabIndicatorGravity="stretch"
    app:tabTextColor="@color/black" />

Answer 1

问题可能是因为未选择的选项卡有白色背景，因此圆角不可见。

使用app:tabBackground="#0000"或者您可以使用 drawable 在选中和未选中的选项卡时使用不同的背景颜色。

    <?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@android:color/holo_blue_bright" android:state_selected="true"/>
    <item android:drawable="@android:color/holo_green_dark"      
        android:state_selected="false"/>
</selector>

而不是 #0000 使用您想要的颜色。