Changing image of rating bar in android

Question

i want to use custom ratingbar icons for each rating like below image. I want user to select rating between 1 to 10 .

Now im trying with the code below:

        <com.whinc.widget.ratingbar.RatingBar
            android:id="@+id/ratingBars"
            android:layout_width="match_parent"
            android:layout_height="30dp"
            app:rb_max_count="10"
            app:rb_count="1"
            app:rb_empty="@drawable/empty"
            app:rb_fill="@drawable/fill"
            app:rb_space="20dp"
            app:rb_click_rating="true"
            app:rb_touch_rating="true"/>

But i can only change full image not individual .please suggest

Answer 1

Use android:stepSize="0.1" & android:numStars="10" like below:

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