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"
  
  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"
  
  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"
  
  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個參數的值。

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持本站。