自定义RatingBar的显示(评分组件)

做项目中有要用到评分控件，本以为可以直接使用，加上该控件后发现和设计师的不一样，尤其是肤色不同，于是需要自定义一下RatingBar的显示，写个demo记录一下：
如图，android默认的ratingbar是蓝色评分灰色底的。

RatingBar特有的属性：

android:numStars 指定该组件星星的数量，例如上图可以定义5个6个甚至更多

android:rating 指定当前分数，也可以在代码中控制

android:stepSize 指定分数的数量增长单位，默认为0.5

更改显示：

布局文件中设置该组件的样式为 style="@style/MyRatingBar"，其中MyRatingBar为我们自定义的样式

styles.xml中添加我们的这个自定义的样式

    <style name="MyRatingBar" parent="@android:style/Widget.RatingBar">
        <item name="android:progressDrawable">@drawable/my_ratingbar</item>
        <item name="android:minHeight">20dp</item>
        <item name="android:maxHeight">20dp</item>
    </style>

parent="@android:style/Widget.RatingBar"表示这个样式集成自Widget.RatingBar，就是说自己还是一个RatingBar;

item name="android:progressDrawable"表示我们的显示方案，其中my_ratingbar为我们自定义的显示文件；

res/drawable/my_ratingbar.xml

<?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/my_ratingbar_darkstar">
    </item>
    <item
        android:id="@+android:id/progress"
        android:drawable="@drawable/my_ratingbar_lightstar">
    </item>

</layer-list>

如上即配置好了，其中android:id="@+android:id/background"表示用来填充背景的图片

android:id="@+android:id/progress"表示当前组件的rating分级，即亮色的图片

自定义RatingBar的显示(评分组件)

猜你喜欢