How to make a smaller RatingBar

Question

I ve added a RatingBar in a layout    lt RatingBar      android id    id ratingbar      android layout width  wrap content      android layout height  wrap content      android numStars  5      android stepSize  1 0        gt      But the default style for the rating bar is too large  I ve try to change it by adding the android style   style   android attr ratingBarStyleSmall   But the result is too small and it s impossible to set a rate with this property   How could I do

User · Accepted Answer

The default RatingBar widget is sorta  lame   The source makes reference to style   android attr ratingBarStyleIndicator  in addition to the   android attr ratingBarStyleSmall  that you re already familiar with   ratingBarStyleIndicator is slightly smaller but it s still pretty ugly and the comments note that these styles  don t support interaction    You re probably better-off rolling your own   There s a decent-looking guide at http   kozyr zydako net 2010 05 23 pretty-ratingbar  showing how to do this    I haven t done it myself yet  but will be attempting in a day or so    Good luck   p s  Sorry  was going to post a link to the source for you to poke around in but I m a new user and can t post more than 1 URL   If you dig your way through the source tree  it s located at frameworks base core java android widget RatingBar java

User · Answer

lt RatingBar                     android rating  3 5                      android stepSize  0 5                      android numStars  5                      style     android attr ratingBarStyleSmall                      android theme   style RatingBar                      android layout width  wrap content                      android layout height  wrap content   gt      if you want to style     lt style name  RatingBar  parent  Theme AppCompat  gt           lt item name  colorControlNormal  gt  color colorPrimary lt  item gt           lt item name  colorControlActivated  gt  color colorAccent lt  item gt       lt  style gt       add these line for small rating bar  style     android attr ratingBarStyleSmall

User · Answer

There is no need to add a listener to the  android attr ratingBarStyleSmall  Just add  android isIndicator false and it will capture click events  e g    lt RatingBar   android id    id myRatingBar    style   android attr ratingBarStyleSmall    android layout width  wrap content    android layout height  wrap content    android numStars  5    android isIndicator  false    gt

User · Answer

How to glue the code given here       Step-1  You need your own rating stars in res drawable          Step-2 In res drawable you need ratingstars xml as follow       lt  xml version  1 0  encoding  utf-8   gt   lt layer-list xmlns android  http   schemas android com apk res android  gt       lt item android id   android id background            android drawable   drawable star empty    gt       lt item android id   android id secondaryProgress            android drawable   drawable star empty    gt       lt item android id   android id progress            android drawable   drawable star    gt   lt  layer-list gt    Step-3 In res values you need styles xml as follow       lt  xml version  1 0  encoding  utf-8   gt   lt resources gt       lt style name  foodRatingBar  parent   android style Widget RatingBar  gt           lt item name  android progressDrawable  gt  drawable ratingstars lt  item gt           lt item name  android minHeight  gt 22dip lt  item gt           lt item name  android maxHeight  gt 22dip lt  item gt       lt  style gt   lt  resources gt    Step-4 In your layout       lt RatingBar        android id    id rtbProductRating        android layout height  wrap content        android layout width  wrap content        android numStars  5        android rating  3 5        android isIndicator  false        style   style foodRatingBar        gt

User · Answer

although answer of Farry works  for Samsung devices RatingBar took random blue color instead of the defined by me  So use  style   attr ratingBarStyleSmall    instead   Full code how to use it    lt android support v7 widget AppCompatRatingBar                 android layout width  wrap content                  android layout height  wrap content                  style   attr ratingBarStyleSmall     use smaller version of icons                 android theme   style RatingBar                  android rating  0                  tools rating  5   gt    lt style name  RatingBar  parent  Theme AppCompat  gt           lt item name  colorControlNormal  gt  color grey lt  item gt           lt item name  colorControlActivated  gt  color yellow lt  item gt           lt item name  android numStars  gt 5 lt  item gt           lt item name  android stepSize  gt 1 lt  item gt       lt  style gt

User · Answer

Its working for me  in  rating bar xml style   android attr ratingBarStyleSmall  add this it will work

User · Answer

I found an easier solution than I think given by the ones above and easier than rolling your own  I simply created a small rating bar  then added an onTouchListener to it  From there I compute the width of the click and determine the number of stars from that  Having used this several times  the only quirk I ve found is that drawing of a small rating bar doesn t always turn out right in a table unless I enclose it in a LinearLayout  looks right in the editor  but not the device   Anyway  in my layout                lt LinearLayout                 android layout width  wrap content                  android layout height  wrap content   gt                   lt RatingBar                     android id    id myRatingBar                      style   android attr ratingBarStyleSmall                      android layout width  wrap content                      android layout height  wrap content                      android numStars  5    gt               lt  LinearLayout gt    and within my activity       final RatingBar minimumRating    RatingBar findViewById R id myRatingBar       minimumRating setOnTouchListener new OnTouchListener                  public boolean onTouch View view  MotionEvent event                         float touchPositionX   event getX                float width   minimumRating getWidth                float starsf    touchPositionX   width    5 0f              int stars    int starsf   1              minimumRating setRating stars               return true                        I hope this helps someone else  Definitely easier than drawing one s own  although I ve found that also works  but I just wanted an easy use of stars

User · Answer

lt RatingBar     android id    id rating bar      style   style Widget AppCompat RatingBar Small      android layout width  wrap content      android layout height  wrap content    gt

User · Answer

The Best Answer for small ratingbar   lt RatingBar                     android layout width  wrap content                      style     android attr ratingBarStyleSmall                      android layout height  wrap content    gt

User · Answer

Just use   android scaleX  0 5  android scaleY  0 5    Change the scale factor according to your need   In order to scale without creating a padding on the left also add  android transformPivotX  0dp

User · Answer

I solve this issue the following  style   android attr ratingBarStyleSmall

User · Answer

use the following code for small rating bar with onTouch event  enter code here    lt RatingBar             android id    id ratingBar              style   android ratingBarStyleSmall              android layout width  wrap content              android layout height  wrap content              android isIndicator  false              android rating  4              android stepSize  0 5    gt

User · Answer

After a lot of research I found the best solution to reduce the size of custom rating bars is to get the size of progress drawable in certain sizes as mentioned below    xxhdpi -  48 48 px  xhdpi  -  36 36 px  hdpi   -  24 24 px  And in style put the minheight and maxheight  as 16 dp for all Resolution   Let me know if this doesn t help you to get a best small size rating bars as these sizes I found very compatible and equivalent to ratingbar small style attribute

User · Answer

apply this    lt RatingBar android id    id indicator ratingbar      style   android attr ratingBarStyleIndicator      android layout marginLeft  5dip      android layout width  wrap content      android layout height  wrap content      android layout gravity  center vertical    gt

User · Answer

lt RatingBar     android id    id ratingBar1      android numStars  5      android stepSize   5      android rating  3 5      style   android style Widget DeviceDefault RatingBar Small      android layout width  wrap content      android layout height  wrap content    gt

User · Answer

Use This Code   lt RatingBar     android id    id ratingBarSmalloverall      style   android attr ratingBarStyleSmall      android layout width  wrap content      android layout height  wrap content      android layout alignParentRight  true      android layout centerVertical  true      android layout marginRight  30dp      android isIndicator  false      android numStars  5    gt

User · Answer

the small one implement by the OS   lt RatingBar     android id    id ratingBar      style   android attr ratingBarStyleSmall      android layout width  wrap content      android layout height  wrap content         gt

User · Answer

The best answer I got      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    user like this   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    Increase Decrease sizes by using scaleX and scaleY value

[android] How to make a smaller RatingBar?

Examples related to android

Examples related to android-widget

Examples related to android-styles