android 深入研究ratingbar自定义

今天做一个评分的功能，但是Android自带的ratingbar的格式限制太多，只有两种格式提供，一个是特别大的，一个是特别小的，根本无法用到商业项目中去，于是自己自定义了一下ratingbar效果如下所示：

RatingBar为评分条控件，默认效果为若干个绿色的星星，如果想将其换成其他自定义图片就要自定义它的style。

<RatingBar                            android:id="@+id/detail_rb_score_detail"                            style="@style/MyRatingBar"                            android:layout_width="wrap_content"                            android:layout_height="wrap_content"                            android:layout_toLeftOf="@id/detail_tv_score_detail"                            android:numStars="5"                            android:rating="1.5"                            android:stepSize="0.5" />

其中android:numStars="5"设置显示的星星数量为5； android:rating="5"设置选中的数量为5，也就是全部选中

android:isIndicator="true"设置评分条只显示结果无法通过点击改变选中状态。

然后在res/values目录下建立styles.xml文件代码：

<style name="MyRatingBar" parent="@android:style/Widget.RatingBar">        <item name="android:progressDrawable">@drawable/detail_ratingbar</item>        <item name="android:minHeight">20dip</item>        <item name="android:maxHeight">20dip</item>    </style>

android:progressDrawable为评分条图案。接下来在res/drawable目录下建立RatingBar.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/rating" />  <item android:id="@+android:id/secondaryProgress"          android:drawable="@drawable/detail_float" />    <item android:id="@+android:id/progress"            android:drawable="@drawable/rating_show" />  </layer-list>

layer-list 可以把图片进行层叠，实现类似的效果！

<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >    <item android:id="@+android:id/background"              android:drawable="@drawable/detail_score_bg" />        <item android:id="@+android:id/secondaryProgress"          android:drawable="@drawable/detail_float" />    <item android:id="@+android:id/progress"          android:drawable="@drawable/detail_score_press" />    </layer-list>

<item android:id="@+android:id/background"
android:drawable="@drawable/detail_score_bg" /> 这个是背景图片，也就是灰色的星星
<item android:id="@+android:id/secondaryProgress"
android:drawable="@drawable/detail_float" />这个是半个红色星星，进度是0.5时使用
<item android:id="@+android:id/progress"
android:drawable="@drawable/detail_score_press" /> 这个是整个红色星星

如有问题请留言，若转载注明出处。

更多相关文章

随机推荐