Android評等控制項RatingBar使用執行個體解析_Android

來源:互聯網
上載者:User

無論遊戲,應用,網站,都少不了評等控制項。在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個參數的值。

以上就是本文的全部內容,希望對大家的學習有所協助,也希望大家多多支援雲棲社區。

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.