Android开发手册RatingBar星级评分控件实例

目录

• 实践过程
• 初识
• 基本属性
• 点击事件
• 自定义样式

实践过程

初识

RatingBar是基于SeekBar和ProgressBar的扩展，用星型来显示等级评定。

通常应用场景是在用户评价那，如淘宝评价，打车订餐评价等等。

使用RatingBar的默认大小时，用户可以触摸/拖动或使用键来设置评分，它有两种样式(小风格用ratingBarStyleSmall，大风格用ratingBarStyleIndicator)，其中大的只适合指示，不适合于用户交互。

基本属性

【android:isIndicatorRatingBar】是否为指示器，为true时，用户将无法交互操作，默认为false。

【android:numStars】显示的星型数量，必须是一个整形值，像“50”，虽然可以设置很大，但一般都是5-10个星星即可。

【android:rating】设置默认的评分。

【android:stepSize】评分每次增加的值。建议大于0小于等于1之间最合适。

其中内置了三个样式：

style="?attr/ratingBarStyle"：默认样式

style="?android:attr/ratingBarStyleSmall"：小样式

style="?android:attr/ratingBarStyleIndicator"：指示器样式

但是使用起来感觉不好看，如下示例：

点击事件

RatingBar ratingBar = findViewById(R.id.rating);
ratingBar.setOnRatingBarChangeListener(new RatingBar.OnRatingBarChangeListener() {
    @Override
    public void onRatingChanged(RatingBar ratingBar, float rating, boolean fromUser) {
        Log.e("TAG", "onRatingChanged: 当前点击的评分：" + rating);
    }
});

自定义样式

ratingbar_bg.xml

如上我使用的是三个图片。

【@android:id/background】属性为默认的图，

【@android:id/progress】为选中后的图，

【@android:id/secondaryProgress】为选中了一半的图。

但这时候又出现问题了，如果只修改宽高属性【layout_width】和【layout_height】为某个固定值，你会发现评分组件效果展示又不对了，总是填充满整个大小。

宽高属性要一直是【wrap_content】

但这还没完，在不同的分辨率上可能出现高度的bug：drawable图片被垂直拉伸

所以我们按照上面再改改：

固定死高度即可。

以上就是Android开发手册RatingBar星级评分控件实例的详细内容，更多关于Android开发RatingBar评分控件的资料请关注脚本之家其它相关文章！