RatingBar(星级评分条)也非常简单，相信在某宝， 买过东西的对这个应该不陌生，收到卖家的包裹，里面很多时候会有个小纸片，五星好评返还多少元这样， 而评分的时候就可以用到我们这个星级评分条了。
1.RatingBar 基本使用
先来看看 5.0 的原生 SeekBar 长什么样：
相关属性：
android:isIndicator：是否用作指示，用户无法更改，默认 false
android:numStars：显示多少个星星，必须为整数
android:rating：默认评分值，必须为浮点数
android:stepSize： 评分每次增加的值，必须为浮点数
除了上面这些，还有两种样式供我们选择咧，但是不建议使用，因为这两种样式都好丑... 他们分别是：style="?android:attr/ratingBarStyleSmall"
style="?android:attr/ratingBarStyleIndicator"
——事件处理： 只需为 RatingBar 设置 OnRatingBarChangeListener 事件，然后重写下 onRatingChanged()方法即可！
实现代码如下：
public class MainActivity extends AppCompatActivity { private RatingBar rb_normal; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); rb_normal = (RatingBar) findViewById(R.id.rb_normal); rb_normal.setOnRatingBarChangeListener(new RatingBar.OnRatingBarChangeListener() { @Override public void onRatingChanged(RatingBar ratingBar, float rating, boolean fromUser) { Toast.makeText(MainActivity.this, "rating:" + String.valueOf(rating), Toast.LENGTH_LONG).show(); } }); }}
复制代码
2.定制环节
我们很多时候不会用星星作为评分标准的，我们来改改呗~ 把星星改成其他的，比如笑脸，两个素材：
接下来和前面的 SeekBar 一样编写一个 layer-list 的文件：
ratingbar_full.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="@mipmap/ic_rating_off1" /> <item android:id="@android:id/secondaryProgress" android:drawable="@mipmap/ic_rating_off1" /> <item android:id="@android:id/progress" android:drawable="@mipmap/ic_rating_on1" /></layer-list>
复制代码
接着在 style.xml 中自定义下 RatingBar Style，在 style.xml 加上这个：
<style name="roomRatingBar" parent="@android:style/Widget.RatingBar"> <item name="android:progressDrawable">@drawable/ratingbar_full</item> <item name="android:minHeight">24dip</item> <item name="android:maxHeight">24dip</item> </style>
复制代码
最后在布局中的 Ratingbar 组件设置下：
<RatingBar android:id="@+id/rb_normal" style="@style/roomRatingBar" android:layout_width="wrap_content" android:layout_height="wrap_content" />
复制代码
运行效果图：
好的，效果还可以哈，至于间距问题，就需要对图片坐下处理了，就是需要切图的时候在图片左右预留点空格~!
评论