First, depend on your build.gradle

dependencies {  
    compile 'com.android.support:appcompat-v7:X.X.X' // where X.X.X version
}

• 1
• 2
• 3

• 1
• 2
• 3

Then let your activity inherit Android.support.v7.app.AppCompatActivity

public class MainActivity extends AppCompatActivity {  
    ...
}

• 1
• 2
• 3

• 1
• 2
• 3

Declare the following attributes in style.xml

 <style name="RatingBar" parent="Theme.AppCompat">
        <item name="colorControlNormal">@color/blue</item>
        <item name="colorControlActivated">@color/red_warn</item>
    </style>

• 1
• 2
• 3
• 4

• 1
• 2
• 3
• 4

ColorControl Normal represents the color when unchecked, and colorControl Activated represents the color when unchecked.
Then write the following code in the ratingbar control in activity xml

 <android.support.v7.widget.AppCompatRatingBar
            android:id="@+id/rating_bar"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            style="?attr/ratingBarStyleIndicator"
            android:isIndicator="false"
            android:theme="@style/RatingBar"
            />

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8

In this way, with the ratingbar system, there will be no problem that some models and some stars can not be blocked out, and the color of ratingbar can be set by itself.

**

To update

* *! The second way! The following code can also modify the color of ratingbar

<android.support.v7.widget.AppCompatRatingBar
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/rb"
        android:stepSize="1"
        android:rating="5"
        style="?attr/ratingBarStyle"
        android:layout_marginTop="10dip"
        android:progressTint="@color/orange_main_color"
        android:progressBackgroundTint="@color/app_main_gray_bg"
        android:secondaryProgressTint="@color/app_main_gray_bg"
       />
How to adjust ratingbar Size of the Star

Laboratory introduction zwatch One of the bigger problems in development is how to develop 240.*240 Small screen for screen adaptation. Today's sleep quality rating in sleep tracking has introduced a special favorite ratingbar，Result rating star Too big, leading to stars crossing the border, the last star directly beyond the screen. There are roughly three methods searched online, only one is more in line with the appetite, here to make a simple summary.
I. Adjustment of Attribute Value



<RatingBar  
                        android:id="@+id/ratingBar1"  
                        android:layout_width="wrap_content"  
                        android:layout_height="wrap_content"  
                        android:layout_gravity="center_horizontal"  
                        android:isIndicator="true"  
                        <strong><span style="color:#ff0000;">android:maxWidth="30dp"  
                     android:maxHeight="30dp"</span></strong>  
                        android:soundEffectsEnabled="true" />  

II. style Adjustment

The only difference between the code and the one above is to add a line of attributes:

style="?android:attr/ratingBarStyleSmall" 

After doing this, the stars really get smaller! The moment I saw the stars becoming smaller, my tmd tears came out. That's too small!! ____________

I can't stand it. It's the size of the pen tip when it comes to the mobile phone.

3. Custom style

Although it took one night to complete the experiment, I still felt that I had learned something. Before I tried the third method, I read various posts asking how to call the cloud directly without customizing it. Unfortunately, we have been looking for the style of the lowest platform s and found that Android only provides Style Small and Style and an Indicator.

style="?android:attr/ratingBarStyleSmall"
style="?android:attr/ratingBarStyle"
style="?android:attr/ratingBarStyleIndicator"

Next, I'll talk about how to make my own RatingBar style.  
Define a style in the res/data/style.xml file:

<resources>  
<style name="myratingbar"   
parent="@android:style/Widget.RatingBar.Small">  
  
  
<item   
name="android:progressDrawable">  
@drawable/myratingbar  
</item>  
<item name="android:minHeight">36dip</item>  
<item name="android:maxHeight">36dip</item>  
<style>  
  
  
</resources>  

2. Specify image resources for different layers in res/drawable/myratingbar.xml file

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">  
  
<item android:id="@+android:id/background"   
android:drawable="@drawable/myratingbar_off" />  
  
<item android:id="@+android:id/secondaryProgress"  
android:drawable="@drawable/myratingbar_half" />  
  
<item android:id="@+android:id/progress"   
android:drawable="@drawable/myratingbar_on" />  
  
</layer-list>   

Another small detail: be sure to note that style is written as layer-list, just like the above code, otherwise the system will not recognize it! I forgot about the mistake in the newspaper.

Self definition RatingBar Style:
xml File code
<RatingBar
    android:id="@+id/ratingBar1"
    style="@style/myRatingBar"
    android:layout_width="wrap_content"
    android:layout_height="33dp"
    android:layout_centerVertical="true"
    android:layout_centerHorizontal="true"
    android:layout_marginLeft="20dp"
    android:layout_marginRight="20dp"
    android:numStars="5"
    android:rating="5"
    android:stepSize="1.0" />

Some attribute meanings:

rating: Select several stars by default

stepSize: How much less / more each time

The main points are:

 style="@style/myRatingBar"

<style name="myRatingBar" parent="@android:style/Widget.RatingBar">
    <item name="android:progressDrawable">@drawable/em_ratingbar_drawable</item>
    <item name="android:minHeight">50dp</item>
    <item name="android:maxHeight">50dp</item>
</style>

 <item name="android:progressDrawable">@drawable/em_ratingbar_drawable</item>

Cut the picture of the stars by oneself, and get out how big it is, that is how big it is.

test No, minHeight and Max Herght.

em_ratingbar_drawable in drawable

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >

    <item
        android:id="@android:id/background"
        android:drawable="@mipmap/em_icon_star_normal">
    </item>
    <item
        android:id="@android:id/secondaryProgress"
        android:drawable="@mipmap/em_icon_star_normal">
    </item>
    <item
        android:id="@android:id/progress"
        android:drawable="@mipmap/em_icon_star_select">
    </item>

</layer-list>