带圆角的选项卡布局 - 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。