您的位置:首页 > 产品设计 > UI/UE

Android UI设计 评分控件RatingBar用法

2011-05-11 15:15 453 查看
如果大家去market下软件,在下载完的软件那,每个软件都会有5个五角星让你评分,其实这个就是RatingBar,RatingBar可以方便的让用户帮助你打分。
下面是效果图:



界面上就一个TextView,一个RatingBar,当用户执行评分操作时,TextView上会显示当前用户评分。
下面我们来实现。先是布局xml:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

<?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"
>
<TextView  android:id="@+id/tv"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text=""
/>
<RatingBar android:id="@+id/rb"
android:layout_width="wrap_content"
android:layout_height="fill_parent"
android:numStars="3"
android:rating="1"
/>
<!--这里要注意了,layout_width必须是wrap_content,如果设成fill_parent,
不管你在后面把满分设为几颗星,它都会把屏幕横向显示满为止-->
</LinearLayout>

其中,以下两句第一句是用来定义总分,第二句是默认评分,其实这两句在这个程序中没用的,因为等会我们在程序代码中要重定义,这里写上只不过是演示用法。

1
2

android:numStars="3"
android:rating="1"

下面是程序代码:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
2021
22
23
24
25
26
27
28
29
30
31
32
33
34

package com.pocketdigi;

import android.app.Activity;
import android.os.Bundle;
import android.widget.RatingBar;
import android.widget.TextView;
import android.widget.RatingBar.OnRatingBarChangeListener;

public class main extends Activity {
/** Called when the activity is first created. */
RatingBar rb;
TextView tv;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
tv=(TextView)findViewById(R.id.tv);
rb=(RatingBar)findViewById(R.id.rb);
rb.setNumStars(5);
rb.setRating(3);
rb.setOnRatingBarChangeListener(rbLis);
//定义一个监听器
}
private OnRatingBarChangeListener rbLis=new OnRatingBarChangeListener(){

@Override
public void onRatingChanged(RatingBar ratingBar, float rating,
boolean fromUser) {
tv.setText(String.valueOf(rb.getRating()));
//输出评分
}

};
}

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: