RatingBar 的使用 以及自定义的RatingBar

关于 RatingBar

1. RatingBar (星级评分条)和SeekBar 是十分相似的,他们有相同的父类 AbsSeekBar.他们允许用户通过拖动来改变进度.而 RatingBar 的最大的区别就是通过星星来表示进度.

2.下图是 RatingBar的一些常见的XML属性:

具体参照:  http://wear.techbrood.com/reference/android/widget/RatingBar.html
3. 实例代码:

定义一个RatingBar

<RatingBar
android:id="@+id/rb"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />

对应的java 代码:

public class StarActivity extends BaseActivity {

private RatingBar bar;
ImageView image;
SeekBar seek;

@Override
protected void initContentView(Bundle savedInstanceState) {
setContentView(R.layout.activity_star_layout);
}

@Override
protected void initView() {
bar = findview(R.id.ratBar);
image = findview(R.id.image);
}

@Override
protected void initData() {
bar.setOnRatingBarChangeListener(new RatingBarChangeListenerImpl());
bar.setNumStars(5); // 设置 星星的总个数
bar.setRating(2);  // 设置星级评分条的默认星级
bar.setStepSize(0.5f); // 设置每次需要改变的星级
}

private class RatingBarChangeListenerImpl implements OnRatingBarChangeListener {
@Override
public void onRatingChanged(RatingBar ratingBar, float v, boolean b) {
Toast.makeText(StarActivity.this, "点击星星===", Toast.LENGTH_LONG).show();
Log.i("SUO", "现在的等级:" + v + ",:用户是否触发 点击: " + b);
}

}
}

最后在星星上进行拖动可以看到星级的变化.

通过 OnRatingBarChangeListener 来设置监听器,监听星级的改变.
参照下图:

4. 自定义星星的图案

① 在drawable 文件加下创建文件 dr_myratingbar.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/b2" />
<item
android:id="@android:id/progress"
android:drawable="@drawable/b1" />
</layer-list>

② styles.xml下添加一个标签

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

③ 在布局中引入即可:

<RatingBar
android:id="@+id/ratBar"
style="@style/MyRatingBar"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:isIndicator="false" />

最后是图片:

项目中可能会用到,所以提前先看一下......

自定义rating的实现 参考链接: http://blog.csdn.net/linglongxin24/article/details/52918701