您的位置:首页 > 其它

使用RatingBar组件实现评分

2012-10-05 20:44 441 查看
阶段一:进行主界面的布局(如下图)



具体代码如下:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#836FFF"
android:orientation="vertical" >

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:padding="@dimen/padding_medium"
android:text="@string/grade"
tools:context=".MainActivity" />

<RatingBar
android:id="@+id/ratingbar_big"
style="?android:attr/ratingBarStyle"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:numStars="5"
android:rating="0.5"
android:stepSize="0.5" />
<TextView
android:id="@+id/result"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:padding="@dimen/padding_medium"
android:layout_marginRight="10dp"/>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:padding="@dimen/padding_medium"
android:text="@string/recommend"/>

<RatingBar
android:id="@+id/ratingbar_small"
style="?android:attr/ratingBarStyleSmall"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="5dp"
android:layout_gravity="center_vertical"
android:numStars="5"
android:rating="2.5" />

</LinearLayout>

</LinearLayout>

阶段二:在MainActivity中查找组件并进行相应的处理,具体代码如下:

package com.lks.ratingbar;

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

public class MainActivity extends Activity {

private RatingBar ratingBar_big;
private RatingBar ratingBar_small;
private TextView result;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
ratingBar_big=(RatingBar) findViewById(R.id.ratingbar_big);
ratingBar_small=(RatingBar) findViewById(R.id.ratingbar_small);
result=(TextView) findViewById(R.id.result);
ratingBar_big.setOnRatingBarChangeListener(new OnRatingBarChangeListener() {

@Override
public void onRatingChanged(RatingBar ratingBar, float rating,
boolean fromUser) {
result.setText("评分结果为:"+rating);

}
});
}

@Override
public boolean onCreateOptionsMenu(Menu menu) {
getMenuInflater().inflate(R.menu.main, menu);
return true;
}

}

结果显示:

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