How to make RatingBar to show five stars

Question

I am following the standard example of how to add a RatingBar  To control the number of stars I tried to use android numStars  5   The problem is that the number of stars doesn t seem to do anything at all  In portrait-layout I get 6 stars and when I flip the phone I get about 10 stars  I tried to set the number of stars in my Activity  myBar setNumStars 5   that loads the xml but there was no success with that option either    So my question is how do I define my layout so that it will only show five stars  Set numStars doesn t seem to work   Thanks in advance  Roland

User · Answer

You can add default rating of five stars in side the xml layout

android:rating="5"

Edit:

<RatingBar
        android:id="@+id/rb_vvm"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:layout_marginBottom="@dimen/space2"
        android:layout_marginTop="@dimen/space1"
        style="@style/RatingBar"
        android:numStars="5"
        android:stepSize="1"
        android:rating="5" />

User · Answer

The RatingBar setNumStar documentation says      Sets the number of stars to show  In order for these to be shown   properly  it is recommended the layout width of this widget be wrap   content    So setting the layout width to wrap content should solve this problem

User · Answer

Another possibility is you are using the Rating in Adapter of list view  View android view LayoutInflater inflate int resource  ViewGroup root  boolean attachToRoot    Below params are necessary for all the attributes to work properly    Set the root to parent boolean attachToRoot as false   Ex      convertView   inflater inflate R layout myId  parent  false

User · Answer

To show a simple star rating in round figure just use this code  public static String getIntToStar int starCount            String fillStar     u2605           String blankStar     u2606           String star                for  int i   0  i  lt  starCount  i                  star   star concat       fillStar                     for  int j    5 - starCount   j  gt  0  j--                star   star concat       blankStar                     return star          And use it like this  button setText getIntToStar 4

User · Answer

I found that the RatingBar stretched to a maximum number of stars because it was enclosed in a Table with the attribute android stretchColumns          Once I took stretchCoulumns off all columns  the RatingBar displayed according to the android numStars value

User · Answer

You should just use  numStars  5  in your XML  and set  android layout width  wrap content   Then  you can play around with styles and other stuff  but the  wrap content  in layout width is what does the trick

User · Answer

Even i was facing the issue  Roland   I had included one more attribute called            android layout alignParentRight  true     in my RatingBar declaration in XML  This attribute prevented from setting of the stars required and setting up the NumStars   Keep posted on the issues you come across

User · Answer

If you are using   android layout width  match parent   Use wrap content and it will only show the set numStars     android layout width  wrap content

User · Answer

This worked for me  RatingBar should be inside LinearLayout other than having layout width set to wrap content for RatingBar

User · Answer

If you are wrapping the RatingBar inside a ConstraintLayout with match constraint for its width  the editor preview is going to show a number of stars proportional to its actual width  no matter what if you set android numStars property  Use wrap content to get the correct preview    lt RatingBar android id    id myRatingBar             android layout width  wrap content             android layout height  wrap content             android layout marginStart  48dp             android layout marginEnd  48dp             android numStars  5             app layout constraintEnd toEndOf  parent             app layout constraintStart toStartOf  parent             app layout constraintTop toBottomOf  parent    gt

User · Answer

lt RatingBar                     android id    id ratingBar                      style   style custom rating bar                      android layout width  wrap content                      android layout height  35dp                      android clickable  true                      android numStars  5                         gt    Configure the number of Stars in the XML file    No need to provide it in Styles or Activity Fragment      IMPORTANT  Make sure you Put the WIDTH as Wrap content and  weights are not enabled

User · Answer

I m also facing the problem that exceeding the stars than specified no of stars  For this  we don t want worry about whatever the layout type either relative or linear layout  Simply use the width as follows   ratingBar setLayoutParams new LinearLayout LayoutParams LayoutParams WRAP CONTENT  LayoutParams WRAP CONTENT       Please avoid using match parent and fill parent for ratingbar   Hope the things would be helpful

User · Answer

The actual thing over here is to use wrap content instead of match parent  If you will use match parent the layout will be filled with the stars even if it is more than the numStars variable

User · Answer

lt RatingBar             android id    id rating              android layout width  wrap content              android layout height  wrap content              style   android attr ratingBarStyleSmall              android numStars  5              android stepSize  0 1              android isIndicator  true    gt    in code   mRatingBar setRating int

User · Answer

lt LinearLayout      android layout width  wrap content      android layout height  wrap content   gt        lt RatingBar         android id    id ruleRatingBar          android isIndicator  true          android numStars  5          android stepSize  0 5          style   android attr ratingBarStyleSmall          android layout width  wrap content          android layout height  wrap content            gt   lt  LinearLayout gt

User · Answer

The default value is set with andoid rating in the xml layout

User · Answer

Additionally  if you set a layout weight  this supersedes the numStars attribute

User · Answer

For me  I had an issue until I removed the padding   It looks like there is a bug on certain devices that doesn t alter the size of the view to accommodate the padding  and instead compresses the contents   Remove padding  use layout margin instead

[android] How to make RatingBar to show five stars

Examples related to android

Examples related to xml

Examples related to layout