Android RatingBar 评分条

最新推荐文章于 2024-04-22 02:16:57 发布

Virgo_S

最新推荐文章于 2024-04-22 02:16:57 发布

阅读量189

点赞数

CC 4.0 BY-SA版权

分类专栏： Android 文章标签： Android OS XML

本文链接：https://blog.youkuaiyun.com/Virgo_S/article/details/83873818

Android 专栏收录该内容

9 篇文章

订阅专栏

本文介绍了RatingBar评分条的基本用法及属性设置，并通过示例展示了如何实现多个评分条的联动功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

RatingBar评分条是SeekBar拖动条的子类。现阶段系统自带了3种样式，我们同样用例子来演示他的使用方法和属性设置：
1、main.xml的代码：


<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
	android:orientation="vertical" android:layout_width="fill_parent"
	android:layout_height="fill_parent">
	<RatingBar android:id="@+id/RatingBar01"
		android:layout_width="wrap_content" android:rating="3"
		android:layout_marginTop="20dp" android:layout_height="wrap_content">
	</RatingBar>
	<RatingBar android:id="@+id/RatingBar03"
		android:layout_width="wrap_content" android:numStars="5"
		android:rating="4" android:isIndicator="false"
		style="?android:attr/ratingBarStyleIndicator"
		android:layout_marginTop="20dp" android:layout_height="wrap_content">
	</RatingBar>
	<RatingBar android:id="@+id/RatingBar02"
		android:layout_width="wrap_content" android:isIndicator="false"
		android:numStars="10" android:rating="8"
		style="?android:attr/ratingBarStyleSmall" android:layout_marginTop="20dp"
		android:layout_height="wrap_content">
	</RatingBar>
</LinearLayout>

2、在HelloRatingBar.java的代码里我们实现了3个评分条联动的功能：


package com.esri.arcgis.sample;

import android.app.Activity;

import android.os.Bundle;

import android.widget.RatingBar;

import android.widget.RatingBar.OnRatingBarChangeListener;

public class AndroidRatingBar extends Activity {

	/** Called when the activity is first created. */

	@Override
	public void onCreate(Bundle savedInstanceState) {

		super.onCreate(savedInstanceState);
		setContentView(R.layout.main);
		// 定义组件对象
		final RatingBar rb1 = (RatingBar) findViewById(R.id.RatingBar01);
		final RatingBar rb2 = (RatingBar) findViewById(R.id.RatingBar02);
		final RatingBar rb3 = (RatingBar) findViewById(R.id.RatingBar03);

		// 定义评分监听器
		OnRatingBarChangeListener orbcl = new OnRatingBarChangeListener() {

			@Override
			public void onRatingChanged(RatingBar ratingBar, float rating,

			boolean fromUser) {
				switch (ratingBar.getId()) {
				case R.id.RatingBar01:
					// 把第一个评分条的值取出来设置给其他评分条
					rb2.setRating(rb1.getRating());
					rb3.setRating(rb1.getRating() * 2);// 十颗星所以乘以2
					break;
				case R.id.RatingBar02:
					rb1.setRating(rb2.getRating());
					rb3.setRating(rb2.getRating() * 2);
					break;
				case R.id.RatingBar03:
					rb1.setRating(rb3.getRating() / 2);
					rb2.setRating(rb3.getRating() / 2);
					break;
				}
			}
		};

		// 绑定监听器
		rb1.setOnRatingBarChangeListener(orbcl);
		rb2.setOnRatingBarChangeListener(orbcl);
		rb3.setOnRatingBarChangeListener(orbcl);
	}
}

3、运行程序，点击评分条看看效果，使用左右键再试试

[img]http://dl.iteye.com/upload/attachment/439831/e0aef225-995f-3eb0-aeb6-ece231e215cf.png[/img]
有兴趣的可以研究一下，如何更换评分条中的图片，譬如罢星星换成花朵什么的。
好，本讲就到这里。