android ratingbar 星星间距问题，自定义ratingBar

转载请注明出处，谢谢：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。这样效果就出来了，效果如下图所示：

下面我放上，我用的这三个星星，以便你们可以方便的去测试：

额。。。其实第三个是一个空白图片的，是有图片的，可能这里看不出来。