转载请注明出处,谢谢:http://blog.csdn.net/harryweasley/article/details/50070681
网上有很多自定义ratingBar的样式,但是关于星星间距问题扩大的,并没有很明显的介绍,我这篇文章就在此做出介绍。
先说下原理。让公司的ui妹妹给你切三张图片,如下图所示:
分别是全星,半星,和空星。每个星星的左右都有相同的间距,我这里是左右都有5px的间距。
之后就是普通的写法了,网上有很多例子。我这里还是简单描述下。
首先在drawable目录下,新建文件rating_bar_self_big.xml,里面的内容为
<?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/grade_empty_big"></item>
<item android:id="@+android:id/secondaryProgress" android:drawable="@drawable/grade_half_big"></item>
<item android:id="@+android:id/progress" android:drawable="@drawable/grade_full_big"></item>
</layer-list>
对应的背景,有对应的图片,希望不要搞错。
然后在values/styles文件下,新添加一个
<style name="myRatingBarBig" parent="@android:style/Widget.RatingBar">
<item name="android:progressDrawable">@drawable/rating_bar_self_big</item>
<item name="android:minHeight">60dip</item>
<item name="android:maxHeight">60dip</item>
</style>
之后,就是在layout里面定义了
<RatingBar
android:id="@+id/grade"
style="@style/myRatingBarBig"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@id/average_grade"
android:layout_marginLeft="136dp"
android:layout_marginTop="38dp"
android:numStars="5"
android:rating="5" />
style里面弄成自己定义的style。这样效果就出来了,效果如下图所示:
下面我放上,我用的这三个星星,以便你们可以方便的去测试:
额。。。其实第三个是一个空白图片的,是有图片的,可能这里看不出来。