Android : Removing border in rating bar

Question

I am using default rating bar in android and there is a weird grey border is been showing, I want to remove them.

Please Note :: Many answers on stackoverflow suggest to use own images but I don't want to, Is there is any method to remove border?

My code ::

  <RatingBar
    android:id="@+id/layout_fragment_home_recycler_view_rating_bar1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:numStars="5"
    android:stepSize="1.0"
    android:rating="4.0"
    style="?android:attr/ratingBarStyleSmall"
    android:layout_marginTop="10dp"
    android:layout_marginBottom="7dp"
    android:layout_marginLeft="7dp" />

What I am getting

@Ravi Which grey border are you talking about?The border around selcted stars ? — Soham, Dec 02 '15 at 12:22
@Ravi I don't think it's possible. You have to use your custom style. — Soham, Dec 02 '15 at 13:13

score 1 · Accepted Answer · answered Sep 29 '16 at 09:14

1

Just remove

style="?android:attr/ratingBarStyleSmall"

From your layout

answered Sep 29 '16 at 09:14

Leo DroidCoder

14,527
4
62
54

score 0 · Answer 2 · answered Dec 02 '15 at 12:05

0

Create custom style to your rating bar

<style name="RatingBarStyle" parent="@android:style/Widget.RatingBar">
    <item name="android:progressDrawable">@drawable/ratingbar_selector</item>
    <item name="android:minHeight">34dp</item>
    <item name="android:maxHeight">34dp</item>
</style>

your rating bar selector

drawable/ratingbar_selector.xml

<item android:id="@+android:id/background" 
    android:drawable="@drawable/..." />

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

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

answered Dec 02 '15 at 12:05

Mina Fawzy

20,852
17
133
156

I don't want to use drawable, I have mentioned that in my question. – Ravi Dec 02 '15 at 12:08
Any other solution please? – Ravi Dec 02 '15 at 12:08
provide your xml code then and how your image look like , may be you miss some attributs – Mina Fawzy Dec 02 '15 at 12:09
Edited Code Please Check – Ravi Dec 02 '15 at 12:18

score 0 · Answer 3 · edited May 23 '17 at 12:19

This worked for me:

RatingBar coachRating = (RatingBar) findViewById(R.id.rcoach_rbr_rating);
LayerDrawable stars = (LayerDrawable) coachRating.getProgressDrawable();
stars.getDrawable(2).setColorFilter(ContextCompat.getColor(itemView.getContext(), 
                        R.color.colorAccent),PorterDuff.Mode.SRC_ATOP); // for filled stars
stars.getDrawable(1).setColorFilter(ContextCompat.getColor(itemView.getContext(), 
                        R.color.white), PorterDuff.Mode.SRC_ATOP); // for half filled stars
stars.getDrawable(0).setColorFilter(ContextCompat.getColor(itemView.getContext(), 
                        R.color.white), PorterDuff.Mode.SRC_ATOP); // for empty stars

Reference: How can I set the color of android rating bar's stroke? (Not the color of the stars but the BORDER)

score -1 · Answer 4 · edited Dec 02 '15 at 15:17

-1

Try this, it don't need images.

public static void setRatingStyle(RatingBar ratingbar, int ratingNormalColor, int ratingProgressColor) {
    LayerDrawable stars = (LayerDrawable) ratingbar.getProgressDrawable();
    stars.getDrawable(0).setColorFilter(ratingNormalColor, PorterDuff.Mode.SRC_ATOP);
    stars.getDrawable(2).setColorFilter(ratingProgressColor, PorterDuff.Mode.SRC_ATOP);
}

edited Dec 02 '15 at 15:17

Andrew Brooke

12,073
8
39
55

answered Dec 02 '15 at 14:48

Srikanth

1,555
12
20

it only chnages color, doesn't remove border – Ravi Dec 02 '15 at 16:42
I don't think it's possible with out drawables – Srikanth Dec 03 '15 at 05:55

Android : Removing border in rating bar

4 Answers4