麦子学院android开发笔记:Android更换RatingBar图片

麦子学院的android老师给你我们讲android更哈unratingbar图片时说到RatingBar是我们在系统显示分数的好组件,但是我们一般想把RatingBar装饰的更好看,想把更好看的图片用来替换系统默认的图片,系统默认的样子是这样的: 
 

麦子学院android开发笔记:Android更换RatingBar图片


下图是个不错的选择哦: 

 

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

 

Xml代码  

1.  <?xml version="1.0" encoding="utf-8"?>  

2.  <resources>  

3.      <style name="foodRatingBar" parent="@android :style/Widget.RatingBar">  

4.          <item name="android:progressDrawable">@drawable/food_ratingbar_full</item>  

5.          <item name="android:minHeight">48dip</item>  

6.          <item name="android:maxHeight">48dip</item>  

7.      </style>  

8.  </resources>  


然后在Drawable文件夹下建food_rating_bar_full.xml文件,内容如下: 

Xml代码  

1.  <?xml version="1.0" encoding="utf-8"?>  

2.  <layer-list xmlns:android="http://schemas.android.com/apk/res/android">  

3.      <item android:id="@+android:id/background"  

4.            android:drawable="@drawable/food_ratingbar_full_empty" />  

5.      <item android:id="@+android:id/secondaryProgress"  

6.            android:drawable="@drawable/food_ratingbar_full_empty" />  

7.      <item android: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.  <RatingBar   android:id="@+id/my_rating_bar"  

2.              ...  

3.              style="@style/foodRatingBar" />  

更多android开发教程尽在:

http://www.maiziedu.com/course/android/

你可能感兴趣的:(android,Android开发)