Android RatingBar样式设置异常求助：实现显示10星且适配屏幕的可点击评分栏

Hey there! As an Android beginner, it totally makes sense to get stuck with RatingBar styles—they can be tricky at first. Let's break down your issues and fix them step by step:

Why Your Current Styles Aren't Working #

• ?android:attr/ratingBarStyleSmall makes it disappear: This style has a tiny default height, and your explicit 45dp height might be conflicting with it, causing the view to render incorrectly.
• ?android:attr/ratingBarStyleIndicator won't let you click: That's intentional! This style is designed only for displaying ratings (like showing a product's average score), not for user interaction.

Solutions to Get a Clickable, 10-Star RatingBar That Fits the Screen #

Option 1: Customize the RatingBar (Most Flexible) #

This lets you control exactly how stars look and behave:

1. Create a star selector drawable (save as res/drawable/rating_star_selector.xml):

   <?xml version="1.0" encoding="utf-8"?>
   <selector xmlns:android="http://schemas.android.com/apk/res/android">
       <!-- Filled star when pressed/selected -->
       <item android:drawable="@android:drawable/star_big_on" android:state_pressed="true"/>
       <item android:drawable="@android:drawable/star_big_on" android:state_selected="true"/>
       <!-- Empty star by default -->
       <item android:drawable="@android:drawable/star_big_off"/>
   </selector>
   

   Note: You can replace the system drawables with your own custom star icons if you want!

2. Update your RatingBar layout:

   <RatingBar
       android:id="@+id/ratingBarU"
       android:layout_width="match_parent"
       android:layout_height="45dp"
       android:numStars="10"
       android:stepSize="1"
       android:progressTint="#FBE140"
       android:progressBackgroundTint="#CCCCCC" <!-- Color for empty stars -->
       android:rating="0" <!-- Default starting rating -->
       android:isIndicator="false" <!-- Ensures it's clickable -->
       android:scaleX="0.8" <!-- Adjust scale to fit all 10 stars on screen -->
       android:scaleY="0.8"
       android:progressDrawable="@drawable/rating_star_selector"/>
   

   • match_parent width ensures it uses the full screen width
   • scaleX/Y tweaks the star size so all 10 fit without overflowing
   • isIndicator="false" is key for allowing user clicks

Option 2: Tweak the Default Clickable Style (Quick Fix) #

If you don't want to mess with custom drawables, use the system's default interactive style and adjust sizing:

<RatingBar
    android:id="@+id/ratingBarU"
    android:layout_width="wrap_content"
    android:layout_height="45dp"
    android:numStars="10"
    android:stepSize="1"
    android:progressTint="#FBE140"
    style="?android:attr/ratingBarStyle" <!-- Default clickable style -->
    android:maxWidth="match_parent" <!-- Forces it to fit within screen width -->
    android:minWidth="0dp"/>

This tells the RatingBar to shrink its stars automatically to fit 10 stars within the screen's width while keeping it clickable.

Quick Tips for Beginners #

• Test on different screen sizes (emulators or physical devices) to adjust scale or layout parameters as needed
• If you use custom icons, make sure your filled and empty stars are the same size for consistent rendering
• You can add a listener in your Activity/Fragment to capture the user's rating:

  ratingBarU.setOnRatingBarChangeListener { _, rating, _ ->
      // Do something with the selected rating (e.g., save it, show a toast)
      Toast.makeText(this, "Selected rating: $rating", Toast.LENGTH_SHORT).show()
  }
  

内容的提问来源于stack exchange，提问作者Kavishka Rajapakshe