首页 > 系统 > Android > 正文

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

2019-12-12 05:02:48
字体:
来源:转载
供稿:网友

无论游戏,应用,网站,都少不了评分控件。在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个参数的值。

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

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表