android RatingBar自定义图片

今天用到Android自带的RatingBar，可是太丑了，由是在网上找了下资料，换成了自定义的图片：

 

首先自己写个style样式：

[java] view plain copy

1. <style name="articlelist_item_ratingbar_style" parent="@android:style/Widget.RatingBar">  
2.        <item name="android:progressDrawable">@drawable/articlelist_item_rating_drawable_selector</item>  
3.        <item name="android:numStars">5</item>  
4.        <item name="android:minHeight">@dimen/articlelist_item_rating_height</item>  
5.        <item name="android:maxHeight">@dimen/articlelist_item_rating_height</item>  
6.    </style>  

然后把自己定义的图片在drawable文件夹中写一个layer-list:

[java] view plain copy

1. <?xml version="1.0" encoding="utf-8"?>  
2. <layer-list xmlns:android="http://schemas.android.com/apk/res/android" >  
3.   
4.     <item  
5.         android:id="@+android:id/background"  
6.         android:drawable="@drawable/articlelist_item_rating_off">  
7.     </item>  
8.     <item  
9.         android:id="@+android:id/secondaryProgress"  
10.         android:drawable="@drawable/articlelist_item_rating_off">  
11.     </item>  
12.     <item  
13.         android:id="@+android:id/progress"  
14.         android:drawable="@drawable/articlelist_item_rating_on">  
15.     </item>  
16.   
17. </layer-list>  

最后在布局xml中操作：

[java] view plain copy

1. <RatingBar  
2.                 style="@style/articlelist_item_ratingbar_style"  
3.                 android:layout_width="wrap_content"  
4.                 android:layout_height="wrap_content"  
5.                 android:rating="2.5"  
6.                  />  

这样出来的效果就比原先的要强N多了。

顶

0

踩