自定义RatingBar颜色出血问题

Question

我的自定义RatingBar drawable面临一个奇怪的问题。我可以在图像中看到拉伸图像的拉伸图像。

我不知道这是什么问题。我尝试了here的不同解决方案，但没有一个能帮助我。

这是我的评级栏xml代码

<RatingBar
    android:layout_width="wrap_content"
    android:layout_height="30dp"
    android:layout_gravity="center"
    android:layout_marginLeft="20dp"
    android:layout_marginStart="20dp"
    android:maxHeight="30dp"
    android:numStars="5"
    android:progressDrawable="@drawable/ratingbar_custom"
    android:rating="4"
    android:stepSize="1" />

这里是drawable xml

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:id="@android:id/background"
        android:drawable="@drawable/star_empty" />

    <item
        android:id="@android:id/secondaryProgress"
        android:drawable="@drawable/star_empty" />

    <item
        android:id="@android:id/progress"
        android:drawable="@drawable/star_filled" />

</layer-list>

这些是2张图片star_empty和star_filled