Create An Android RatingBar Programmatically in Android

Hello Readers! In this post, we are going to learn how to create and use android ratingbar programmatically in android application. We will also learn how to add ratingbar in linearLayout programmatically in any android application.

Output

Tutorialwing Android Dynamic Ratingbar output Android Radio Button programmatically in android

Tutorialwing Android Dynamic Ratingbar output

Getting Started

At first, we will create an android application. Then, we will use ratingbar in this application.

1. Creating New Project

Follow the steps below to create a new project. Please ignore the steps if you have already created a new project.

Step Description
1. Open Android Studio.
2. Go to File => New => New Project. Write application name as DynamicRatingBar. Then, click next button.
3. Select minimum SDK you need. However, we have selected 17 as minimum SDK. Then, click next button
4. Then, select Empty Activity => click next => click finish.
5. If you have followed above process correctly, you will get a newly created project successfully. However, you can also visit post to create a new project to know steps in detail.

Now, we will modify xml and java file to use android ratingbar programmatically.

2. Modify values folder

No values folders have been changed. So, we are not going to mention them here.

3. Modify Layout Folder

Open res/layout/activity_main.xml file. Then, add below code into it.

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

	<LinearLayout
		android:id="@+id/rootContainer"
		android:layout_width="wrap_content"
		android:layout_height="wrap_content"
		android:orientation="vertical">

	</LinearLayout>

	<Button
		android:id="@+id/button"
		android:layout_width="wrap_content"
		android:layout_height="wrap_content"
		android:text="Submit"/>

</LinearLayout>

In activity_main.xml file, we have defined a linearLayout, having id rootContainer, that will act as container for the ratingbar created programmatically in the application. We have also defined button widget in this xml file. A toast message will be shown, displaying current selected rate in the ratingBar, when we click on the button. Now, we will access these in java file and perform the required work.

4. Create Android RatingBar Programmatically / Dynamically

Open app/src/main/java/com.tutorialwing.dynamicratingbar/MainActivity.java file and add below code into it.

package com.tutorialwing.dynamicratingbar;

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.view.ViewGroup;
import android.widget.Button;
import android.widget.LinearLayout;
import android.widget.RatingBar;
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 ratingBar = new RatingBar(this);
		LinearLayout.LayoutParams layoutParams = new LinearLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT);
		layoutParams.setMargins(30, 30, 30, 30);
		ratingBar.setLayoutParams(layoutParams);
		ratingBar.setStepSize((float) 0.5);

		LinearLayout linearLayout = findViewById(R.id.rootContainer);
		// Add RatingBar to LinearLayout
		if (linearLayout != null) {
			linearLayout.addView(ratingBar);
		}

		Button button = findViewById(R.id.button);
		if (button != null) {
			button.setOnClickListener(new View.OnClickListener() {
				@Override
				public void onClick(View v) {
					String msg = String.valueOf(ratingBar.getRating());
					Toast.makeText(MainActivity.this, msg, Toast.LENGTH_SHORT).show();
				}
			});
		}
	}
}

In MainActivity.java file, we have created ratingbar programmatically. Then, we have added this ratingbar in linearLayout having id rootContainer. Similarly, you can add ratingBar in any layout in the application. After that, we have added a click listener in button. A toast message with currently selected rate will be shown when we click the button. Attribute ratingBar.setStepSize((float) 0.5); is responsible for setting step value for rate selection in ratingBar widget. For example, if step value is 0.5, you can select value in multiple of 0.5 (i.e. 0.5, 1.0, 1.5, 2.0, 2.5 etc.)

Since AndroidManifest.xml file is very important in any android project. We are also going to see the content inside this file.

AndroidManifest.xml file

Code inside src/main/AndroidManifest.xml file would look like below –

<?xml version="1.0" encoding="utf-8"?>
<manifest package="com.tutorialwing.dynamicratingbar"
		  xmlns:android="http://schemas.android.com/apk/res/android">

	<application
		android:allowBackup="true"
		android:icon="@mipmap/ic_launcher"
		android:label="@string/app_name"
		android:roundIcon="@mipmap/ic_launcher_round"
		android:supportsRtl="true"
		android:theme="@style/AppTheme">
		<activity android:name=".MainActivity">
			<intent-filter>
				<action android:name="android.intent.action.MAIN"/>

				<category android:name="android.intent.category.LAUNCHER"/>
			</intent-filter>
		</activity>
	</application>

</manifest>

When we run the application, we will get output as shown above.

That’s the end of tutorial on Creating Android RatingBar Programmatically.

Leave a Reply