安卓RatingBar的使用(评分控件)

先看下效果图:

安卓系统提供了一个评分的控件Ratingbar,但是这个控件默认的样式是不是很难看,并且这个控件所占的空间很大,下面一步一步来解决这个问题:

首先,我们先看这个控件有一个默认的风格   我们打开SDKD:\elipse\sdk\platforms\android-11\data\res\values下的values文件,在里边搜索Ratingbar,会找一个默认的风格:

看一下   跟Drawable有关的一般是设置它的图片,那么我们就在drawable目录(D:\elipse\sdk\platforms\android-11\data\res\drawable)下找到这个ratingbar_full文件,打开之后是:

是不是跟selector很像,这里边有三张图片

ratingbar_full_empty   中间全为灰色的五角星图片

ratingbar_full_empty   一半灰色一半有颜色的五角星图片

ratingbar_full_filled    全部有颜色的五角星图片

看到这里是不是有思路了 ,我们只需要创建一个以layer-list根元素的文件,并且把里边的三个图片改成我们UI给的三张图片,我找了三张图片,是黄色的:

使用:

   android:minHeight="15dp"
        android:progress="30"
        android:progressDrawable="@drawable/ratingbar_back" />

加了这句话后会把默认progressDrawable属性给覆盖掉,运行一下,现在已经能显示我们需要的黄色了,但是还有个问题:在布局文件中选中这个控件你会发现,这个控件占了很大的位置

这是怎么回事呢,看看刚才的那个默认风格  里边有这么一句话

57dip

什么意思呢?字面意思是最小的高度57dp,我们也把风格中的这个属性给覆盖掉

   android:minHeight="15dp"

这样再看这个控件

另外,我们需要在代码中动态的控制进度,只用掉一个方法

	private RatingBar ratingBar1;
	private RatingBar ratingBar2;
	
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		
		ratingBar1=(RatingBar) findViewById(R.id.ratingBar1);
		ratingBar2=(RatingBar) findViewById(R.id.ratingBar2);
		
		findViewById(R.id.button1).setOnClickListener(new OnClickListener() {
			
			@Override
			public void onClick(View v) {
				ratingBar1.setRating(89);
				ratingBar2.setRating(89);
			}
		});
		
	}

最后,附上源码