2-3-9 RatingBar

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

0. 引言

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

1. 基本使用

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

2-3-9 RatingBar_第1张图片
  • 相关属性
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:


    
    
    
  

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


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


运行效果图:

2-3-9 RatingBar_第2张图片

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

你可能感兴趣的:(2-3-9 RatingBar)