Android 自定义 RatingBar 图像 Artifact

Question

我在我的 ListView 项目的应用程序中实现了一个自定义 RatingBar。自定义样式ratingbar_red.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_off" />
    <item android:id="@android:id/secondaryProgress" android:drawable="@drawable/star_on" />
    <item android:id="@android:id/progress" android:drawable="@drawable/star_on" />
</layer-list>

这是 ListItem 布局的一部分:

<LinearLayout
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    android:paddingLeft="15dp" >

    <RatingBar
        android:id="@+id/li_company_rating"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="15dp"
        android:layout_marginBottom="1dp"
        android:isIndicator="true"
        android:numStars="5"
        android:progressDrawable="@drawable/ratingbar_red"
        android:stepSize="1" />

    <Button
        android:id="@+id/li_company_callbtn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginBottom="0dp"
        android:layout_marginLeft="40dp"
        android:contentDescription="@string/ContentDescription"
        android:drawableLeft="@drawable/phone_icon"
        android:drawablePadding="5dp"
        android:onClick="callbtn_Click"
        android:text="@string/CallButton"
        android:focusable="false"
        android:focusableInTouchMode="false" >
    </Button>

</LinearLayout>

它有效，但是在设置评级时，我得到了一些奇怪的图像伪影；粉红色星星下方的 2 条垂直线出现在我的视野中:

这里是 star_on.png

star_off.png 看起来不错，如果 rating == 0，则不会出现线条。

我是android初学者，不明白问题出在哪里。

Answer 1

尝试在 xml 布局中为 RatingBar 赋予高度，如下所示:

android:layout_height="30dp" 

30dp 或任何适合你的......

Check out why is this happening ??