RatingBar(星级评分条)

简介: RatingBar(星级评分条)也非常简单,相信在某宝, 买过东西的对这个应该不陌生,收到卖家的包裹,里面很多时候会有个小纸片,五星好评返还多少元这样, 而评分的时候就可以用到我们这个星级评分条了。

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" />

运行效果图:

网络异常,图片无法展示
|

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

相关文章
|
8月前
|
机器学习/深度学习 算法 索引
电影推荐算法2
电影推荐算法2
79 2
|
8月前
|
前端开发
电影排行案例
电影排行案例
65 0
|
2月前
|
JavaScript
jQuery实现的星级打分带评价及颜色区分代码
jQuery实现的星级打分带评价及颜色区分效果代码是一款支持自定义评论颜色的星级评价打分,其中红色为一星级,差评、绿色位五星级、满分好评,本段代码适应于所有网页使用,有需要的朋友们就来下载使用吧。
36 2
|
7月前
|
开发者
寻找种草达人|TOP 5 种草排行榜
《全网寻找最强种草达人》获奖名单公布啦!
7715 8
|
7月前
|
Java API Android开发
21. 【Android教程】评分条 RatingBar
21. 【Android教程】评分条 RatingBar
78 3
|
8月前
|
数据采集 机器学习/深度学习 算法
电影推荐算法
电影推荐算法
70 0
|
8月前
|
存储 索引 容器
如何在游戏中制作一个物品图鉴的功能
如何在游戏中制作一个物品图鉴的功能
116 0
|
Android开发
Android 星级评分条的基本用法
Android 星级评分条的基本用法
141 2
|
存储 索引 容器
如何在游戏中制作一个物品图鉴的功能?
这种功能能够满足玩家的收集欲望,就像我们小时候收集的画册,邮票,现在大家喜欢收集的手办,卡片等等。只要有这样的一个收集图鉴,你就总是会想把其中的所有物品全部集齐或者点亮。
244 0
|
JavaScript
美食杰项目 -- 菜品信息(五)
美食杰项目 -- 菜品信息(五)
美食杰项目 -- 菜品信息(五)