How can I decrease the size of Ratingbar

Question

In my activity I have some Rating bars  But the size of this bar is so big  How can I make it smaller   Edit  Thanks to Gabriel Negut   I did it with the following style    lt RatingBar style     android attr ratingBarStyleSmall  android numStars    5  android rating      4    gt    Now  the size is reduced but number of stars and rating do not take effect    Why  I have 7 stars that 6 of them is selected

User · Answer

Working Example                    lt RatingBar                 style   style RatingBar                  android layout width  wrap content                  android layout height  wrap content                  android numStars  5                  android rating  3 5                  android stepSize  0 5    gt    and add this in your styles xml file   lt style name  RatingBar     parent  android style Widget Material RatingBar Small  gt   lt item name  colorControlNormal  gt  color primary light lt  item gt   lt item name  colorControlActivated  gt  color primary dark lt  item gt   lt  style gt    This way you dont need to customise ratingBar

User · Answer

If you want to show the rating bar in small size  then just copy and paste this code in your project      lt RatingBar     android id    id MyRating      style   android attr ratingBarStyleSmall      android layout width  wrap content      android layout height  wrap content      android layout below   id getRating      android isIndicator  true      android numStars  5      android stepSize  0 1    gt

User · Answer

lt RatingBar   style   android attr ratingBarStyleIndicator    android layout width  wrap content    android layout height  wrap content    gt

User · Answer

If you only need the default style  make sure you have the following width height  otherwise the numStars could get messed up   android layout width  wrap content  android layout height  wrap content

User · Answer

You can set it in the XML code for the RatingBar  use scaleX and scaleY to adjust accordingly   1 0  would be the normal size  and anything in the   0  will reduce it  also anything greater than  1 0  will increase it    lt RatingBar   android id    id ratingBar1    android layout width  wrap content    android layout height  wrap content    android scaleX  0 5    android scaleY  0 5    gt

User · Answer

Using Widget AppCompat RatingBar  you have 2 styles to use  Indicator and Small for large and small sizes respectively  See example below    lt RatingBar     android id    id rating star value      style   style Widget AppCompat RatingBar Small            gt

User · Answer

For those who created rating bar programmatically and want set small rating bar instead of default big rating bar        private LinearLayout generateRatingView float value           LinearLayout linearLayoutRating new LinearLayout getContext             linearLayoutRating setLayoutParams new TableRow LayoutParams TableRow LayoutParams MATCH PARENT  TableRow LayoutParams WRAP CONTENT            linearLayoutRating setGravity Gravity CENTER           RatingBar ratingBar   new RatingBar getContext   null  android R attr ratingBarStyleSmall           ratingBar setEnabled false           ratingBar setStepSize Float parseFloat  0 5      for enabling half star         ratingBar setNumStars 5           ratingBar setRating value           linearLayoutRating addView ratingBar           return linearLayoutRating

User · Answer

lt RatingBar     android id  quot   id id tv rating bar quot                  style  quot  style Widget AppCompat RatingBar Small quot                  android layout width  quot wrap content quot                  android layout height  quot  dimen  20sdp quot                  android layout marginLeft  quot  dimen  80sdp quot                  android numStars  quot 5 quot                  android paddingTop  quot  dimen  5sdp quot                  android rating  quot 5 quot    gt   Just use style  quot  style Widget AppCompat RatingBar Small quot  it ll work for Sure

User · Answer

This Worked for me               android id  quot   id ratingBar quot              style  quot  android attr ratingBarStyleIndicator quot              android layout width  quot wrap content quot              android layout height  quot wrap content quot              android numStars  quot 5 quot              android scaleX  quot  8 quot              android scaleY  quot  8 quot              android stepSize  quot 0 5 quot              app layout constraintEnd toEndOf  quot parent quot              app layout constraintHorizontal bias  quot 0 543 quot              app layout constraintStart toEndOf  quot   id title quot              app layout constraintTop toTopOf  quot parent quot    gt

User · Answer

The below snippet worked for me to resize the ratingBar   lt RatingBar     android layout width  wrap content      android layout height  wrap content      android id    id ratingBar      style   android attr ratingBarStyleIndicator      android scaleX   5      android rating  3 5      android scaleY   5      android transformPivotX  0dp      android transformPivotY  0dp      android max  5   gt

User · Answer

Check my answer here  Best way to achieve it      lt style name  MyRatingBar  parent   android style Widget RatingBar  gt      lt item name  android minHeight  gt 15dp lt  item gt      lt item name  android maxHeight  gt 15dp lt  item gt      lt item name  colorControlNormal  gt  color white lt  item gt      lt item name  colorControlActivated  gt  color home add lt  item gt   lt  style gt    and use like    lt RatingBar     style   android attr ratingBarStyleIndicator        android layout width  wrap content        android layout height  wrap content        android isIndicator  false        android max  5        android rating  3        android scaleX   8        android scaleY   8        android theme   style MyRatingBar    gt

User · Answer

If you are using Rating bar in Linearlayout with weightSum  Please make sure that you should not assign the layout weight for rating bar  Instead  that place rating bar inside relative layout and give weight to the relative layout  Make rating bar width wrap content    lt RelativeLayout     android layout width  0dp      android layout weight  30      android layout gravity  center      android layout height  wrap content  gt           lt RatingBar             android id    id userRating              style   style Widget AppCompat RatingBar Small              android layout width  wrap content              android layout height  wrap content              android layout gravity  center              android stepSize  1    gt   lt  RelativeLayout gt

User · Answer

The original link I posted is now broken  there s a good reason why posting links only is not the best way to go   You have to style the RatingBar with either ratingBarStyleSmall or a custom style inheriting from Widget Material RatingBar Small  assuming you re using Material Design in your app    Option 1    lt RatingBar     android id    id ratingBar      style   android attr ratingBarStyleSmall            gt    Option 2      styles xml  lt style name  customRatingBar         parent  android style Widget Material RatingBar Small  gt             Additional customizations  lt  style gt      layout xml  lt RatingBar     android id    id ratingBar      style   style customRatingBar            gt

User · Answer

In RatingBar give attribute   style   android attr ratingBarStyleIndicator

User · Answer

In the RatingBar tag  add these two lines  style   style Widget AppCompat RatingBar Small  android isIndicator  false

User · Answer

This was my solution after a lot of struggling to reduce the rating bar in small size without even ugly padding    lt RatingBar         android id    id listitemrating          style   android attr ratingBarStyleSmall          android layout width  wrap content          android layout height  wrap content          android scaleX   5          android scaleY   5          android transformPivotX  0dp          android transformPivotY  0dp          android isIndicator  true          android max  5    gt

[android] How can I decrease the size of Ratingbar?

Examples related to android

Examples related to rating-system