Rating Bar in Android

Description:
This example shows how to crating rating bar in android.

Algorithm:

1.) Create a new project by File-> New -> Android Project name it RatingBarExample.

2.) Write following code into your main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
   android:orientation="vertical"
   android:paddingLeft="10dip"
   android:layout_width="match_parent"
   android:layout_height="match_parent">

    <RatingBar android:id="@+id/ratingbar1"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:numStars="3"
       android:rating="2.5" />

    <RatingBar android:id="@+id/ratingbar2"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:numStars="5"
       android:rating="2.25" />

    <LinearLayout
       android:layout_width="match_parent"
       android:layout_height="wrap_content"
       android:layout_marginTop="10dip">
       
        <TextView android:id="@+id/rating"
           android:layout_width="wrap_content"
           android:layout_height="wrap_content" />
           
        <RatingBar android:id="@+id/small_ratingbar"
           style="?android:attr/ratingBarStyleSmall"
           android:layout_marginLeft="5dip"
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:layout_gravity="center_vertical" />
           
    </LinearLayout>

    <RatingBar android:id="@+id/indicator_ratingbar"
       style="?android:attr/ratingBarStyleIndicator"
       android:layout_marginLeft="5dip"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:layout_gravity="center_vertical" />
           
</LinearLayout>

3.) Write following code into your strings.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <string name="hello">Hello World, RatingBarExample!</string>
    <string name="app_name">RatingBarExample</string>
     <string name="ratingbar_rating">Rating:</string>
</resources>

4.) Build and run your code and check the output given below in the doc.

Steps:

1.) Create a project named RatingBarExample and set the information as stated in the image.

Build Target: Android 3.0
Application Name: RatingBarExample
Package Name: com.org. RatingBarExample
Activity Name: RatingBarExample
Min SDK Version: 11

2.) Open RatingBarExample.java file and write following code there:

package com.org.RatingBarExample;

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

public class RatingBarExample extends Activity implementsRatingBar.OnRatingBarChangeListener {
    RatingBar mSmallRatingBar;
    RatingBar mIndicatorRatingBar;
    TextView mRatingText;
   
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        setContentView(R.layout.main);
       
        mRatingText = (TextView) findViewById(R.id.rating);

        // We copy the most recently changed rating on to these indicator-only
        // rating bars
        mIndicatorRatingBar = (RatingBar) findViewById(R.id.indicator_ratingbar);
        mSmallRatingBar = (RatingBar) findViewById(R.id.small_ratingbar);
       
        // The different rating bars in the layout. Assign the listener to us.
       ((RatingBar)findViewById(R.id.ratingbar1)).setOnRatingBarChangeListener(this);
       ((RatingBar)findViewById(R.id.ratingbar2)).setOnRatingBarChangeListener(this);
    }

    public void onRatingChanged(RatingBar ratingBar, float rating, booleanfromTouch) {
        final int numStars = ratingBar.getNumStars();
        mRatingText.setText(
                getString(R.string.ratingbar_rating) + " " + rating + "/" +numStars);

        // Since this rating bar is updated to reflect any of the other rating
        // bars, we should update it to the current values.
        if (mIndicatorRatingBar.getNumStars() != numStars) {
            mIndicatorRatingBar.setNumStars(numStars);
            mSmallRatingBar.setNumStars(numStars);
        }
        if (mIndicatorRatingBar.getRating() != rating) {
            mIndicatorRatingBar.setRating(rating);
            mSmallRatingBar.setRating(rating);
        }
        final float ratingBarStepSize = ratingBar.getStepSize();
        if (mIndicatorRatingBar.getStepSize() != ratingBarStepSize) {
            mIndicatorRatingBar.setStepSize(ratingBarStepSize);
            mSmallRatingBar.setStepSize(ratingBarStepSize);
        }
    }

}

3.) Compile and build the project.

4.) Run on 3.0 simulator for the output.

Output

Thanks

akm

www.cdacians.com