给RatingBar改图片

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>


然后在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>


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

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

你可能感兴趣的:(RatingBar)