欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

Android星级评分条控件RatingBar使用详解

程序员文章站 2023-11-20 19:23:46
android开发中,时不时的就有要实现星星的评分效果,比如某宝,某团,相信大家也都见过,当然了我们可以自己去画,也可以用美工给切的图去实现,其实在android原生的控件...

android开发中,时不时的就有要实现星星的评分效果,比如某宝,某团,相信大家也都见过,当然了我们可以自己去画,也可以用美工给切的图去实现,其实在android原生的控件中就可以来实现这样的效果,它就是ratingbar。
来,我们先看一张图(只在代码中引入了控件)

Android星级评分条控件RatingBar使用详解

实现效果如下图:

Android星级评分条控件RatingBar使用详解

我们先看一下它的继承关系:这玩意和seekbar的类结构是一样的,也是progressbar的子类

Android星级评分条控件RatingBar使用详解

相关属性:

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();
   }
  });
 }
}

自定义样式阶段:
接下来和前面的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" />

可以实现效果如下图:

Android星级评分条控件RatingBar使用详解

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。