android 深入研究ratingbar自定义

今天做一个评分的功能，但是Android自带的ratingbar的格式限制太多，只有两种格式提供，一个是特别大的，一个是特别小的，根本无法用到商业项目中去，于是自己自定义了一下ratingbar效果如下所示：

RatingBar为评分条控件，默认效果为若干个绿色的星星，如果想将其换成其他自定义图片就要自定义它的style。

<RatingBar
                            android:id="@+id/detail_rb_score_detail"
                            style="@style/MyRatingBar"
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:layout_toLeftOf="@id/detail_tv_score_detail"
                            android:numStars="5"
                            android:rating="1.5"
                            android:stepSize="0.5" />

 其中android:numStars="5"设置显示的星星数量为5； android:rating="5"设置选中的数量为5，也就是全部选中

android:isIndicator="true"设置评分条只显示结果无法通过点击改变选中状态。

然后在res/values目录下建立styles.xml文件 代码：

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

android:progressDrawable为评分条图案。接下来在res/drawable目录下建立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/rating" />  
<item android:id="@+android:id/secondaryProgress"
          android:drawable="@drawable/detail_float" />
    <item android:id="@+android:id/progress"  
          android:drawable="@drawable/rating_show" />  
</layer-list>

  

layer-list 可以把图片进行层叠，实现类似的效果！

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

</layer-list>

    <item android:id="@+android:id/background"    
          android:drawable="@drawable/detail_score_bg" /> 这个是背景图片，也就是灰色的星星
    <item android:id="@+android:id/secondaryProgress"
          android:drawable="@drawable/detail_float" />这个是半个红色星星，进度是0.5时使用
    <item android:id="@+android:id/progress"
          android:drawable="@drawable/detail_score_press" />    这个是整个红色星星

如有问题请留言，若转载注明出处。