Custom RatingBar color bleed issue

Asked Feb 15 '18 at 07:26

Active Feb 15 '18 at 08:14

Viewed 97 times

I am facing a strange problem with my custom RatingBar drawable. My images of drawables are stretched as you can see in the image.

I don't know what is the issue. I tried different solutions from here but none of them helped me.

Here is my rating bar xml code

<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" />

here is 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>

And these are 2 images star_empty and star_filled

edited Feb 15 '18 at 08:14

Phantômaxx

37,901
21
84
115

asked Feb 15 '18 at 07:26

Kishan Solanki

13,761
4
85
82

It seems your drawables have a problem on the lower row of pixels. In specific, it seems that 2 pixels are touching the lower border. – Phantômaxx Feb 15 '18 at 08:16
@KlingKlang what to do now? – Kishan Solanki Feb 15 '18 at 09:21
What about adding an empty (full transparency) line to the bottom of both your images? – Phantômaxx Feb 15 '18 at 09:35
Did my suggestion work? – Phantômaxx Feb 15 '18 at 13:59
@KlingKlang no. I tried it but it didn't work. – Kishan Solanki Feb 16 '18 at 06:12
Weird. It's the only thing I can think about a possible cause, as of now. – Phantômaxx Feb 16 '18 at 11:32

Custom RatingBar color bleed issue

0 Answers0