Rating Bar in Android

Introduction

This article explains the RatingBar in Android. Android Studio is used to create the sample.

A RatingBar shows a rating. This application will show you the rating as a toast notification depending on the number of stars clicked on the RatingBar.

To get a rating you will use "getRating()".

The "getRating()" method returns the rating as a float.

Step 1

Create a project like this:




Step 2

Create an XML file with the following.
 
In this XML file you will use a Button, RatingBar and TextView. The rating will show the rating as a toast Notification.

<RelativeLayout 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:paddingLeft="@dimen/activity_horizontal_margin"

    android:paddingRight="@dimen/activity_horizontal_margin"

    android:paddingTop="@dimen/activity_vertical_margin"

    android:paddingBottom="@dimen/activity_vertical_margin"

    tools:context=".MainActivity"

    android:background="#524ff0">

 

    <TextView

        android:layout_height="wrap_content"

        android:layout_width="wrap_content"

        android:text="RATINGBAR"

        android:textColor="#000000"

        android:textStyle="bold"

        android:textSize="25dp"

        android:layout_centerHorizontal="true"/>

    <Button

        android:layout_width="150dp"

        android:layout_height="70dp"

        android:text="Button"

        android:id="@+id/button"

        android:textSize="30dp"

        android:layout_centerInParent="true"

        />

 

    <RatingBar

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_marginTop="50dp"

        android:id="@+id/ratingBar"

        android:layout_centerHorizontal="true">

 

        </RatingBar>

 

</RelativeLayout>

Step 3

Create a Java file with the following.

In this you will create the id of the RatingBar and button. Call the getRating() method that returns the rating that is of float type. Set the button on its click listener and write the code for the toast notification that will show you the rating as a PopUp message.
 

package com.ratingbarexample;

import android.os.Bundle;

import android.app.Activity;

import android.view.Menu;

import android.view.View;

import android.widget.Button;

import android.widget.RatingBar;

import android.widget.Toast;

 

public class MainActivity extends Activity {

 

  Button button;

    RatingBar ratingBar;

 

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main);

 

        //Create id of button and RatingBar

        button=(Button)findViewById(R.id.button);

        ratingBar=(RatingBar)findViewById(R.id.ratingBar);

 

        //perform click event on button

 

        button.setOnClickListener(new View.OnClickListener() {

            @Override

            public void onClick(View v) {

               String rating= String.valueOf(ratingBar.getRating());

                Toast.makeText(getApplicationContext(),rating,Toast.LENGTH_LONG).show();

            }

        });

    }

    @Override

    public boolean onCreateOptionsMenu(Menu menu) {

        // Inflate the menu; this adds items to the action bar if it is present.

        getMenuInflater().inflate(R.menu.main, menu);

        return true;

    }   

}

Step 4

Android Manifest.xml file
 

<?xml version="1.0" encoding="utf-8"?>

<manifest xmlns:android="http://schemas.android.com/apk/res/android"

    package="com.ratingbarexample"

    android:versionCode="1"

    android:versionName="1.0" >

 

    <uses-sdk

        android:minSdkVersion="7"

        android:targetSdkVersion="16" />

 

    <application

        android:allowBackup="true"

        android:icon="@drawable/ic_launcher"

        android:label="@string/app_name"

        android:theme="@style/AppTheme" >

        <activity

            android:name="com.ratingbarexample.MainActivity"

            android:label="@string/app_name" >

            <intent-filter>

                <action android:name="android.intent.action.MAIN" />

 

                <category android:name="android.intent.category.LAUNCHER" />

            </intent-filter>

        </activity>

    </application>

 </manifest>

Step 5

Rating Bar with no star selected




Rating bar with 2.5 stars selected