Android 控件之RatingBar评分条(五星)自定义样式

     

RatingBar的自定义效果

有时候android系统提供给我们的ratingbar效果并不达到我们的要求，这个时候就可以自定义自己喜欢的ratingbar。
从上面的效果可以看出，自定义这样的组件，需要两张图片： 。一张用来未选择的效果，一张用来显示的效果。那还要中间那种一半是未选择一半时选择的呢？其实当你写好这样的组件后，系统就会自动帮你自动解析生成那种效果。

来看一下代码：

1. <RatingBar   
2. style="@style/foodRatingBar"   
3.     Android:stepSize="1.0" 步长  
4.     android:layout_height="wrap_content"   
5.     android:layout_width="wrap_content"   
6.     android:rating="3"  默认选中的星数量  
7.     android:id="@+id/ratingbarId">  
8. </RatingBar>  

调用样式更换评分图片：

1：在res/drawable-hdpi下建立一个star_rating_bar_full.xml文件

1. <?xml version="1.0" encoding="UTF-8"?>  
2. <layer-list xmlns:android="http://schemas.android.com/apk/res/android">    
3.     <!-- 背景色 -->  
4.     <item android:id="@+android:id/background"    
5.           android:drawable="@drawable/star_ratingbar_empty"  
6.           android:layout_height="wrap_content"  />    
7.     <!-- 没选中状态 -->  
8.     <item android:id="@+android:id/secondaryProgress"    
9.           android:drawable="@drawable/star_ratingbar_empty" android:layout_height="wrap_content"  />    
10.     <!-- 选中状态 -->  
11.     <item android:id="@+android:id/progress"    
12.           android:drawable="@drawable/star_ratingbar_full" android:layout_height="wrap_content"  />   
13. </layer-list>  

2：在res/values下建立style.xml文件

<?xml version="1.0" encoding="utf-8"?>    
<resources>    
    <style name="foodRatingBar" parent="@android:style/Widget.RatingBar">    
    <!--指向star_rating_bar_full.xml文件 -->  
        <item name="android:progressDrawable">@drawable/star_rating_bar_full</item>     
<item name="android:minHeight">15dip</item>
        <item name="android:maxHeight">15dip</item>
<!-- 是否不支持用户交互，只应作为指标。 --> 
<item name="android:isIndicator">true</item> 
</style> 
</resources>

   这里就是定义组件的背景图片、一级进度背景图片和二级进度背景图片（里面这些id都是系统的id，当系统运行到这里时会自动根据这个id去重画组件）讲到这里大概明白怎么用了。其实很多组件都可以通过这样的方法来使用，但如果明白整个过程，那以后做起其他来都至少有一点得心应手的感觉吧。