2-3-9 RatingBar

标注：本文为个人整理，仅做自己学习参考使用，请勿转载和转发
2018-06-13: 初稿。参考博主coder-pig

0. 引言

RatingBar：星级评分条，主要用于评分作用，官方的API文档为：RatingBar
RatingBar同样也是ProgressBar的子类

1. 基本使用

先来看看5.0的原生SeekBar长什么样：

相关属性

android:isIndicator:    // 是否用作指示android:numStarts:    // 显示多少个星星，必须为整数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"?>

接着在style.xml中自定义下RatingBar Style，在style.xml加上这个：

最后在布局中的Ratingbar组件设置下：

运行效果图：

至于间距问题，就需要对图片坐下处理了，就是需要切图的时候在图片左右预留点空格~!

0. 引言

1. 基本使用

2. 定制控件

更多相关文章

随机推荐