尝试使用 app:tabIndicator 时 TabIndicator 消失

Question

我正在尝试将自定义 Drawable 分配给我的 Tablayout。问题是当我这样做时，Tablayout 在我的 Samsung Galaxy S7 上变得不可见。 Nexus 5X 没问题。

表格布局

<com.google.android.material.tabs.TabLayout
    android:id="@+id/tl_shop_item"
    style="@style/ShapeAppearanceOverlay.RSB3000.ShopTablayout"
    android:layout_width="0dp"
    android:layout_height="16dp"
    android:layout_marginTop="8dp"
    app:layout_constraintEnd_toEndOf="@+id/vp_product"
    app:layout_constraintStart_toStartOf="@+id/vp_product"
    app:layout_constraintTop_toBottomOf="@id/vp_product"
    app:tabIndicator="@drawable/shop_item_tab" <!-- THIS IS THE PROBLEM -->
    app:tabIndicatorFullWidth="false"
    app:tabIndicatorGravity="top"
    app:tabMaxWidth="16dp" />

可绘制

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">

    <solid android:color="@color/blue"/>
    <corners android:radius="5dp"/>
</shape>

Answer 1

好的，我找到了解决方法：

表格布局

<com.google.android.material.tabs.TabLayout
    android:id="@+id/tl_shop_item"
    style="@style/ShapeAppearanceOverlay.RSB3000.ShopTablayout"
    android:layout_width="0dp"
    android:layout_height="16dp"
    android:layout_marginTop="8dp"
    app:layout_constraintEnd_toEndOf="@+id/vp_product"
    app:layout_constraintStart_toStartOf="@+id/vp_product"
    app:layout_constraintTop_toBottomOf="@id/vp_product"
    app:tabBackground="@drawable/unselected_shop_item_tab"
    app:tabIndicator="@drawable/selected_shop_item_tab"
    app:tabIndicatorColor="@color/primary"
    app:tabIndicatorGravity="center"
    app:tabIndicatorFullWidth="false"
    app:tabIndicatorHeight="8dp"
    app:tabMaxWidth="16dp" />

可绘制：Selected_Shop_Item_Tab

<?xml version="1.0" encoding="utf-8"?>
<shape android:innerRadius="0dp"
    android:shape="ring"
    android:thickness="3dp"
    android:useLevel="false"
    xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="@color/blue" />
</shape>

可绘制：Unselected_Shop_Item_Tab

<?xml version="1.0" encoding="utf-8"?>
<shape android:innerRadius="0dp"
    android:shape="ring"
    android:thickness="3dp"
    android:useLevel="false"
    xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="@color/grey_light" />
</shape>