Android评分控件RatingBar使用实例解析

无论游戏，应用，网站，都少不了评分控件。在Android SDK 中提供了 RatingBar控件来实现相应的工作。

<RatingBar/>标签有几个常用评分相关属性

android:numStars，指定评分五角星数。
android:rating，指定当前分数
android:stepSize, 指定分数增量

<RatingBar/>还有3种 常用的style属性

默认style 就是ratingBarStyle
style ratingBarStyleIndicator 不可交互，中等大小
style ratingBarStyleSmall 不可交互，小星星

废话不多说，直接上代码

activity_main.xml布局文件

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 android:orientation="vertical" >

 <!-- 默认style 就是ratingBarStyle，和第二个是一样的 -->
 <!-- 默认参数：星5 步长0.5 初始值 0 -->
 <RatingBar
  android:id="@+id/ratingBar1"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content" />

 <!-- style ratingBarStyle -->
 <!-- 参数：星4 步长0.5 初始值 1 -->
 <RatingBar
  android:id="@+id/ratingBar2"
  style="?android:attr/ratingBarStyle"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:numStars="4"
  android:stepSize="0.5"
  android:rating="1" />

 <!-- style ratingBarStyleIndicator 不可交互，中等大小 -->
 <!-- 参数：星5 初始值 2 不可交互，设置步长无意义 -->
 <RatingBar
  android:id="@+id/ratingBarOne"
  style="?android:attr/ratingBarStyleIndicator"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:numStars="5"
  android:rating="2"/>

 <!-- style ratingBarStyleSmall 不可交互，小星星 -->
 <!-- 参数：星4 初始值 2 不可交互，设置步长无意义 -->
 <RatingBar
  android:id="@+id/ratingBarTwo"
  style="?android:attr/ratingBarStyleSmall"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:numStars="4"
  android:rating="2" />

</LinearLayout>

这里运行我们就可以清楚的看到RatingBar的各个属性了，但是用于交互的RatingBar（前两个），和用于展示无法交互的RatingBar（后两个）又该怎么使用呢？

在这里，我们实现一个点击上面的交互RatingBar1，获取评分，并更新到用于展示的RatingBarOne
点击上面的交互RatingBar2，获取评分，并更新到用于展示的RatingBarTwo。

关键方法 就是设置监听setOnRatingBarChangeListener 和 给评分组件设置评分方法setRating（float rating）

import android.app.Activity;
import android.os.Bundle;
import android.widget.RatingBar;
import android.widget.RatingBar.OnRatingBarChangeListener;

public class MainActivity extends Activity {

 // 可交互的两个 ratingBar
 private RatingBar ratingBar1 = null;
 private RatingBar ratingBar2 = null;

 // 不可交互的两个 ratingBar
 private RatingBar ratingBarOne = null;
 private RatingBar ratingBarTwo = null;

 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  // 设置布局页面
  setContentView(R.layout.activity_main);
  // 初始化函数
  initView();
 }

 // 初始化函数
 public void initView() {
  // 通过findViewById分别获得控件
  ratingBar1 = (RatingBar) findViewById(R.id.ratingBar1);
  ratingBar2 = (RatingBar) findViewById(R.id.ratingBar2);
  ratingBarOne = (RatingBar) findViewById(R.id.ratingBarOne);
  ratingBarTwo = (RatingBar) findViewById(R.id.ratingBarTwo);

  // 为ratingBar1添加 OnRatingBarChangeListener
  // 当用户交互改变分值时，触发该事件
  ratingBar1.setOnRatingBarChangeListener(new OnRatingBarChangeListener() {
     // 该方法可以获取到 3个参数
     public void onRatingChanged(RatingBar ratingBar,
       float rating, boolean paramBoolean) {
      // 第一个参数 当前评分修改的 ratingBar
      System.out.println(ratingBar);
      // 第二个参数 当前评分分数，范围 0~星星数量
      System.out.println(rating);
      // 第三个参数 如果评分改变是由用户触摸手势或方向键轨迹球移动触发的，则返回true
      System.out.println(paramBoolean);

      //将不可交互的展示型ratingBarOne的评分分数通过setRating
      //设置成onRatingChanged方法获得的ratingBar1的分值参数rating 
      ratingBarOne.setRating(rating);
     }
    });

  // 为ratingBar2添加 OnRatingBarChangeListener
  // 当用户交互改变分值时，触发该事件
  ratingBar2.setOnRatingBarChangeListener(new OnRatingBarChangeListener() {
     public void onRatingChanged(RatingBar ratingBar,
       float rating, boolean paramBoolean) {
      //将不可交互的展示型ratingBarTwo的评分分数通过setRating
      //设置成onRatingChanged方法获得的ratingBar2的分值参数rating 
      ratingBarTwo.setRating(rating);
     }
    });
 }
}

当写完Activity中代码运行后，点击操作前两个RatingBar是不是成功实现了更新后两个RatingBar？
System.out.println控制台输出上可以清楚的看到setOnRatingBarChangeListener 的3个参数的值。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持小牛知识库。