zoukankan      html  css  js  c++  java
  • Android studio 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.定制环节:

    嘿嘿,我们很多时候不会用星星作为评分标准的,我们来改改呗~ 把星星改成其他的,比如笑脸,两个素材:

    ic_rating_off1 ic_rating_on1

    接下来和前面的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" />

    运行效果图:

  • 相关阅读:
    读书笔记----软件设计原则、设计模式
    程伟杰 | 2021软件代码开发技术作业一 | 自我介绍+课程6问
    团队作业3-需求改进&系统设计
    团队项目作业2-需求规格说明书
    【Android实习】20场面试斩获大厂offer,我学会了什么
    通俗易懂,android是如何管理内存的
    关于Handler同步屏障你可能不知道的问题
    清晰图解深度分析HTTPS原理
    这一篇TCP总结请收下
    深入浅出Java线程池:源码篇
  • 原文地址:https://www.cnblogs.com/mjhjl/p/14901895.html
Copyright © 2011-2022 走看看