How to make precise rating bar in Android?

Question

I need to make precise rating bar with 5 stars, but when i have something like 2.7 rating i need to have 2.7 stars in white the others in grey. I was thinking something with the seeker bar. I added 5 stars and can easily make 4 grey when I have rating 1, but not sure how to make them partially colored.

I have something like this now :

seekBar.setOnSeekBarChangeListener(new SeekBar.OnSeekBarChangeListener() {
        @Override
        public void onProgressChanged(SeekBar seekBar, int i, boolean b) {
            setStars(i);
        }

 private void setStars(int stars){
    switch (stars){
        case 0:
            star1.setVisibility(GONE);
            star2.setVisibility(GONE);
            star3.setVisibility(GONE);
            star4.setVisibility(GONE);
            star5.setVisibility(GONE);
            break;
case 2:
            star1.setVisibility(VISIBLE);
            star2.setVisibility(GONE);
            star3.setVisibility(GONE);
            star4.setVisibility(GONE);
            star5.setVisibility(GONE);
            break;

And so on but I need it to be precise. I know i can probably make 10 states of the star for 1/10, 2/10 filled etc but that will be too much work.

Add the code, please so that people might figure where it can be improved — Kunal Yadav, Aug 24 '16 at 09:19
It will help you : http://www.javatpoint.com/android-rating-bar-example — Suhas Bachewar, Aug 24 '16 at 09:28
I know Android have RatingBar but it's ugly and not easy to modify. And it's not doing what I want you can't have 3.7 or 3.8 rating there. That's why I have to come up with something custom. I can't even find a good library and there is one for almost everything :/ — STARGATEBG, Aug 24 '16 at 09:31

score 3 · Answer 1 · edited May 23 '17 at 12:33

3

To reduce size and change stepSize you can do something like this

<RatingBar
android:id="@+id/rating"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:numStars="5"
android:stepSize="0.1"
style = "?android:attr/ratingBarStyleSmall"/>

And to style your rating bar you can see this link Styling Rating Bar

edited May 23 '17 at 12:33

Community

1
1

answered Aug 24 '16 at 09:59

Vivek Mishra

5,669
9
46
84

score 2 · Accepted Answer · answered Aug 24 '16 at 09:30

2

Try this:

<RatingBar
        android:id="@+id/ratingBar"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:numStars="5"
        android:stepSize="0.1"
        android:rating="2.7" />

answered Aug 24 '16 at 09:30

Suhas Bachewar

1,230
7
21

Hey thanks ... I had no idea there is stepSize. Now the only thing left is can I make them smaller and use custom drawables and colors? – STARGATEBG Aug 24 '16 at 09:36

How to make precise rating bar in Android?

2 Answers2