1,准备好两张图片
![](https://i-blog.csdnimg.cn/blog_migrate/393236436ef5fef4547f2ddb0afaf453.png)
![](https://i-blog.csdnimg.cn/blog_migrate/477d7600edc43f7f744bcdd7fa63d665.png)
<?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="@drawable/ratingbar_off" />
<!--未选中的图片-->
<item android:id="@android:id/secondaryProgress"
android:drawable="@drawable/ratingbar_off" />
<!--选中的图片-->
<item android:id="@android:id/progress"
android:drawable="@drawable/ratingbar_on" />
</layer-list>
3,在res/values/style.xml文件下自定义我们所需要的RatingBar样式:
<style name="myRatingBar"
parent="@android:style/Widget.RatingBar">
<item name="android:progressDrawable">@drawable/my_ratingbar</item>
<item name="android:maxHeight">60dp</item>
<item name="android:minHeight">60dp</item>
</style>
4,布局中使用
<RatingBar
style="@style/myRatingBar"
android:numStars="5"
android:rating="3"
android:stepSize="1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:isIndicator="true"/>
<!--android:numStars="5" 圈圈的数量
android:rating="3" 已选中的圈圈数量
android:stepSize="1" 选一次圈圈改变的数量-->
<!--android:isIndicator="true"不可以通过点击来改变进度-->
5,效果图
项目demo下载
原生样式和自定义颜色可参考https://blog.csdn.net/wangxw725/article/details/72511352