Create A RatingBar In Android App Using Android Studio

Introduction

 

In this article I will show you how to develop a RatingBar app in an Android application, using Android Studio.

 

Requirements

• Android Studio 2.1.3

If you want to create a RatingBar app, you should follow the steps given below.

 

Step 1

 

Now, open Android Studio and you can choose the file and subsequently New. Afterward,  choose New Project.

 

 

Step 2

 

Here, you can create your application name and choose where your project is stored on the location and click the NEXT button.

 

 

Now, we can select the version of Android; it is Target Android Devices.

 

 

Step 3

 

Here, we can add the activity and click the Next button.

 

 

Now, we can write the activity name and click the Finish button.

 

 

Step 4

 

Now, open your project and you will go to activity_main.xml and afterward,  you will build the design. You should choose toolbox and if you want some options (RatingBar, button), and use the drag and drop method.

 

 

Now, we can see the Graphical User Interface design.

 

 

Step 5

 

Here, you need to build on the design and write the.XML code.

 

activity_mai.xml code.

<?xml version="1.0" encoding="utf-8"?>
<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:paddingBottom="@dimen/activity_vertical_margin" android:paddingLeft="@dimen/activity_horizontal_margin" android:paddingRight="@dimen/activity_horizontal_margin" android:paddingTop="@dimen/activity_vertical_margin" tools:context="xyz.rvconstructions.www.ratingbarapp.MainActivity">
    <RatingBar android:layout_width="wrap_content" android:layout_height="wrap_content" android:id="@+id/ratingBarbttn" android:layout_alignParentTop="true" android:layout_centerHorizontal="true" android:layout_marginTop="80dp" />
    <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="SUBMIT" android:id="@+id/subbttn" android:layout_centerVertical="true" android:layout_centerHorizontal="true" />
</RelativeLayout>

Step 6

 

Now, you will go to the MainActivity.java page and build Java code.

 

First of all, you will declare a file, which is an extension file.

 

 

Now, we can see the MainActivity.java code.

package xyz.rvconstructions.www.ratingbarapp;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;

import android.widget.RatingBar;
import android.widget.Button;
import android.widget.Toast;


public class MainActivity extends AppCompatActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        final RatingBar oneRatingBar = (RatingBar) findViewById(R.id.ratingBarbttn);
        Button submitButton = (Button) findViewById(R.id.subbttn);
        submitButton.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                String totalStars = "Total Stars:: " + oneRatingBar.getNumStars();
                String rating = "Rating :: " + oneRatingBar.getRating();
                Toast.makeText(getApplicationContext(), totalStars + "\n" + rating, Toast.LENGTH_LONG).show();
            }
        });
    }
}

Step 7

 

Here, you will go to run it and select Run-> Run app option.

 

 

Here, you will choose the Emulator or the devices; it is a Nokia Nokia _X.

 

 

Step 8

 

Here, you can see the output.

 

 

You will click the two stars and click submit. Afterward, you will get the rating.

 

 

You will click 3.5 stars and click submit. Afterwards, you will get the rating.