给RatingBar改图片

RatingBar是我们在系统显示分数的好组件，但是我们一般想把RatingBar装饰的更好看，想把更好看的图片用来替换系统默认的图片，系统默认的样子是这样的：

下图是个不错的选择哦：

想要实现如上效果，首先我们在styles.xml写入一个样式：

Xml代码

1. <?xmlversion="1.0"encoding="utf-8"?>
2. <resources>
3. <stylename="foodRatingBar"parent="@android:style/Widget.RatingBar">
4. <itemname="android:progressDrawable">@drawable/food_ratingbar_full</item>
5. <itemname="android:minHeight">48dip</item>
6. <itemname="android:maxHeight">48dip</item>
7. </style>
8. </resources>

<?xml version="1.0" encoding="utf-8"?>
<resources>
	<style name="foodRatingBar" parent="@android:style/Widget.RatingBar">
		<item name="android:progressDrawable">@drawable/food_ratingbar_full</item>
		<item name="android:minHeight">48dip</item>
  		<item name="android:maxHeight">48dip</item>
	</style>
</resources>

然后在Drawable文件夹下建food_rating_bar_full.xml文件，内容如下：

Xml代码

1. <?xmlversion="1.0"encoding="utf-8"?>
2. <layer-listxmlns:android="http://schemas.android.com/apk/res/android">
3. <itemandroid:id="@+android:id/background"
4. android:drawable="@drawable/food_ratingbar_full_empty"/>
5. <itemandroid:id="@+android:id/secondaryProgress"
6. android:drawable="@drawable/food_ratingbar_full_empty"/>
7. <itemandroid:id="@+android:id/progress"
8. android:drawable="@drawable/food_ratingbar_full_filled"/>
9. </layer-list>

<?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/food_ratingbar_full_empty" />
    <item android:id="@+android:id/secondaryProgress"
          android:drawable="@drawable/food_ratingbar_full_empty" />
    <item android:id="@+android:id/progress"
          android:drawable="@drawable/food_ratingbar_full_filled" />
</layer-list>

food_ratingbar_full_empty是代表没有选中图片效果，food_ratingbar_full_filled选中图片效果。
最后将style放入RatingBar中，即可实现你的图片效果：

Xml代码

1. <RatingBarandroid:id="@+id/my_rating_bar"
2. ...
3. style="@style/foodRatingBar"/>