![\"RatingBar](\"\/ui\/wp-content\/uploads\/2016\/02\/RatingBar-in-Android-300x123.jpg\")
<\/center>In Android, RatingBar is an extension of ProgressBar and SeekBar which\u00a0shows a rating in stars. RatingBar is a subclass of AbsSeekBar class.<\/p>\nThe\u00a0 RatingBar code in XML:<\/strong><\/p>\n getRating():<\/strong><\/span><\/p>\n You can get the rating number from a RatingBar by using getRating() method. This method returns a Floating Point number. Below we get the current rating number from a RatingBar.<\/p>\n getNumStars():<\/strong><\/span><\/p>\n You can get the number of stars of a RatingBar by using getNumstars() method. This method returns int value. In below code\u00a0we get the total number of stars of a RatingBar.<\/p>\n Now let\u2019s we discuss some important\u00a0attribute that helps us to configure a RatingBar in XML file (layout).<\/p>\n 1. id:<\/span>\u00a0<\/strong>id is an attribute used to uniquely identify a rating bar.<\/p>\n 2. background:<\/strong><\/span>\u00a0background attribute is used to set the background of a RatingBar. We can set a color or a drawable in the background of a rating bar.<\/p>\n Below we set the red color for the background of a rating bar.<\/p>\n 3. numStars:<\/strong><\/span>\u00a0numStars attribute is used to set the number of stars (or rating items) to be displayed in a rating bar. By default a rating bar shows five stars but we can change it using numStars attribute.<\/p>\n numStars must have\u00a0a integer number like 1,2 etc.<\/p>\n Below we set num stars value to 7 of RatingBar.<\/p>\n 4. rating:<\/strong><\/span>\u00a0Rating attribute set the default rating of a rating bar. It must be a floating point number.<\/p>\n Below we set default rating to 3.5 for a rating bar.<\/p>\n 5. padding:<\/strong><\/span>\u00a0padding attribute is used to set the padding from left, right, top or bottom.<\/p>\n Below we set the 20dp padding from all the side\u2019s of the rating bar.<\/p>\n Below is the example of RatingBar in Android\u00a0where\u00a0we displayed a RatingBar with five\u00a0stars and a submit button. Whenever a user click on the button value of total number of stars and value of rating is shown by using a Toast on screen. Below is the final output, download code and step by step tutorial:<\/p>\n Download Code<\/a> ? <\/a><\/p>\n Step 1:<\/strong><\/span> Create a new project and name it RatingBarExample<\/p>\n Step 2:<\/strong><\/span> Open res -> layout ->\u00a0activity_main.xml (or) main.xml\u00a0and add following code<\/p>\n In this step we open an xml file and add the code for displaying a rating bar with five\u00a0number of stars and \u201c2\u201d value for default rating and one submit button.<\/p>\n Step 3:<\/strong><\/span> Open src -> package ->\u00a0MainActivity.<\/strong>java<\/strong><\/p>\n In this step we open\u00a0MainActivity\u00a0where\u00a0we add the code to\u00a0initiate the RatingBar &\u00a0button and then we perform click event on button and display the total number of stars and rating by using a toast.<\/p>\n Output:<\/strong><\/span><\/p>\n Now start the AVD in Emulator and run the App. You will see the rating option on screen.\u00a0Select your rating and click on Submit. Your rating will be displayed on screen as Toast.<\/p>\n In the below example of custom rating bar in Android, we displayed a rating bar with five custom\u00a0stars<\/strong> and a submit button. Whenever a user click on the button value of total number of stars and value of rating is shown by using a Toast. Below is the final output, download code and step by step explanation of Custom RatingBar.<\/p>\n Download Code<\/a> ? <\/a><\/p>\n Step 2:<\/strong><\/span> Open res -> layout -> activity_main.xml (or) main.xml\u00a0and add following code<\/p>\n In this step we open an xml file and add the code for displaying a custom rating bar with five\u00a0number of stars and \u201c 2.5 \u201d value for default rating and one submit button.<\/p>\n Step 3:<\/strong><\/span> Open src -> package ->\u00a0MainActivity.<\/strong>java<\/strong><\/p>\n In this step we open\u00a0MainActivity\u00a0where\u00a0we add the code to\u00a0initiate the RatingBar &\u00a0button and then perform click event on button and display the total number of stars and rating by using a Toast.<\/p>\n Step 4:<\/strong><\/span>\u00a0Open res ->values ->styles<\/strong>.xml<\/strong><\/p>\n In this step we add the code for displaying custom stars for rating. To do that in this styles.xml file we set an custom xml file\u00a0from drawable and set the height and width for that\u00a0item.<\/p>\n Step 5:<\/span>\u00a0<\/strong>Create a new drawable XML\u00a0file –> customratingstars.xml<\/strong><\/p>\n In this step we create a new drawable XML\u00a0file, in which we set the icons for filled and empty stars. As shown in below code snippet empty and filled are two different icons set from drawable.<\/p>\n Output:<\/strong><\/span><\/p>\n Now start the AVD in Emulator and run the App. You will see custom star\u00a0rating option on screen.<\/p>\n RatingBar is used to get the rating from the app user. A user can simply touch, drag or click on the stars to set the rating value. The value of rating always returns a floating point number\u00a0which\u00a0may be 1.0, 2.5, 4.5 etc. In Android, RatingBar is an extension of ProgressBar and SeekBar which\u00a0shows a rating … Continue reading RatingBar Tutorial With Example In Android Studio<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"home.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-1006","page","type-page","status-publish","hentry"],"acf":[],"psp_head":"getRating()<\/code>\u00a0method of android RatingBar class returns the rating number.<\/p>\n<RatingBar\r\nandroid:id=\"@+id\/simpleRatingBar\"\r\nandroid:layout_width=\"wrap_content\"\r\nandroid:layout_height=\"wrap_content\" \/>\r\n<\/pre>\n
\nMethods Used in Rating Bar:<\/strong><\/h4>\n
\/*Add in Oncreate() funtion after setContentView()*\/\r\nRatingBar simpleRatingBar = (RatingBar) findViewById(R.id.simpleRatingBar<\/em>); \/\/ initiate a rating bar\r\nFloat ratingNumber = simpleRatingBar.getRating(); \/\/ get rating number from a rating bar\r\n<\/pre>\n
\/*Add in Oncreate() funtion after setContentView()*\/\r\nRatingBar simpleRatingBar = (RatingBar) findViewById(R.id.simpleRatingBar<\/em>); \/\/ initiate a rating bar\r\nint numberOfStars = simpleRatingBar.getNumStars(); \/\/ get total number of stars of rating bar\r\n<\/pre>\n
\nAttributes Used in\u00a0RatingBar:<\/strong><\/h4>\n
<RatingBar\r\nandroid:id=\"@+id\/simpleRatingBar\"\r\nandroid:layout_width=\"wrap_content\"\r\nandroid:layout_height=\"wrap_content\"\/><\/pre>\n
<RatingBar\r\n android:id=\"@+id\/simpleRatingBar\"\r\n android:layout_width=\"wrap_content\"\r\n android:layout_height=\"wrap_content\"\r\n android:background=\"#f00\"\/> <!-- red color for the background of rating bar--><\/pre>\n
![\"BackGround](\"\/ui\/wp-content\/uploads\/2016\/02\/BackGround-in-RatingBar.jpg\")
<\/center>Setting Background of RatingBar In Java class:<\/strong><\/p>\nRatingBar simpleRatingBar = (RatingBar) findViewById(R.id.simpleRatingBar<\/em>); \/\/ initiate a rating bar\r\nsimpleRatingBar.setBackgroundColor(Color.RED<\/em>); \/\/ set background color for a rating bar\r\n<\/pre>\n
<RatingBar\r\n android:id=\"@+id\/simpleRatingBar\"\r\n android:layout_width=\"wrap_content\"\r\n android:layout_height=\"wrap_content\"\r\n android:numStars=\"7\" \/><!-- number of stars to be displayed--><\/pre>\n
![\"numStars](\"\/ui\/wp-content\/uploads\/2016\/02\/numStars-in-RatingBar-Android.jpg\")
<\/center>Setting numStars of RatingBar In Java class:<\/strong><\/p>\nRatingBar simpleRatingBar = (RatingBar) findViewById(R.id.simpleRatingBar<\/em>); \/\/ initiate a rating bar\r\nsimpleRatingBar.setNumStars(7); \/\/ set total number of stars\r\n<\/pre>\n
<RatingBar\r\n android:id=\"@+id\/simpleRatingBar\"\r\n android:layout_width=\"wrap_content\"\r\n android:layout_height=\"wrap_content\"\r\n android:rating=\"3.5\" \/> <!-- default rating--><\/pre>\n
![\"rating](\"\/ui\/wp-content\/uploads\/2016\/02\/rating-in-RatingBar-Android.jpg\")
<\/center>Setting Default Rating of RatingBar In Java class:<\/strong><\/p>\n\/*Add in Oncreate() funtion after setContentView()*\/\r\nRatingBar simpleRatingBar = (RatingBar) findViewById(R.id.simpleRatingBar<\/em>); \/\/ initiate a rating bar\r\nsimpleRatingBar.setRating((float) 3.5); \/\/ set default rating<\/pre>\n
\n
<RatingBar\r\n android:id=\"@+id\/simpleRatingBar\"\r\n android:layout_width=\"wrap_content\"\r\n android:layout_height=\"wrap_content\"\r\n android:rating=\"2.5\"\r\n android:numStars=\"6\"\r\n android:background=\"#f00\"\r\n android:padding=\"20dp\"\/> <!--20dp padding from all the sides of rating bar--><\/pre>\n
![\"padding](\"\/ui\/wp-content\/uploads\/2016\/02\/padding-in-RatingBar.jpg\")
<\/center><\/p>\n
\nRatingBar Example In Android Studio:<\/strong><\/h4>\n
![\"RatingBar](\"\/ui\/wp-content\/uploads\/2016\/02\/RatingBar-Example-in-Android-Studio.jpg\")
<\/center>Important Note:<\/strong><\/span> We can also create custom rating bar in Android in which we can change the star images like\u00a0filled or\u00a0empty star. We discussed\u00a0this in next example, so don’t miss it.<\/p>\nSelect File -> New -> New Project and Fill the forms and click \"Finish\" button.\r\n<\/pre>\n
<RelativeLayout xmlns:android=\"http:\/\/schemas.android.com\/apk\/res\/android\"\r\n xmlns:tools=\"http:\/\/schemas.android.com\/tools\"\r\n android:layout_width=\"match_parent\"\r\n android:layout_height=\"match_parent\"\r\n android:paddingBottom=\"@dimen\/activity_vertical_margin\"\r\n android:paddingLeft=\"@dimen\/activity_horizontal_margin\"\r\n android:paddingRight=\"@dimen\/activity_horizontal_margin\"\r\n android:paddingTop=\"@dimen\/activity_vertical_margin\"\r\n tools:context=\".MainActivity\">\r\n\r\n <RatingBar\r\n android:id=\"@+id\/simpleRatingBar\"\r\n android:layout_width=\"wrap_content\"\r\n android:layout_height=\"wrap_content\"\r\n android:layout_centerHorizontal=\"true\"\r\n android:layout_marginTop=\"60dp\"\r\n android:background=\"#0f0\"\r\n android:paddingLeft=\"5dp\"\r\n android:paddingRight=\"5dp\"\r\n android:rating=\"2\" \/>\r\n\r\n <Button\r\n android:id=\"@+id\/submitButton\"\r\n android:layout_width=\"200dp\"\r\n android:layout_height=\"wrap_content\"\r\n android:layout_centerInParent=\"true\"\r\n android:background=\"#f00\"\r\n android:padding=\"10dp\"\r\n android:text=\"Submit\"\r\n android:textColor=\"#fff\"\r\n android:textSize=\"20sp\"\r\n android:textStyle=\"bold\" \/>\r\n<\/RelativeLayout><\/pre>\n
package example.gb.ratingbarexample;\r\n\r\nimport android.support.v7.app.AppCompatActivity;\r\nimport android.os.Bundle;\r\nimport android.view.Menu;\r\nimport android.view.MenuItem;\r\nimport android.view.View;\r\nimport android.widget.RatingBar;\r\nimport android.widget.Button;\r\nimport android.widget.Toast;\r\n\r\npublic class MainActivity extends AppCompatActivity {\r\n\r\n @Override\r\n protected void onCreate(Bundle savedInstanceState) {\r\n super.onCreate(savedInstanceState);\r\n setContentView(R.layout.activity_main);\r\n \/\/ initiate rating bar and a button\r\n final RatingBar simpleRatingBar = (RatingBar) findViewById(R.id.simpleRatingBar);\r\n Button submitButton = (Button) findViewById(R.id.submitButton);\r\n \/\/ perform click event on button\r\n submitButton.setOnClickListener(new View.OnClickListener() {\r\n @Override\r\n public void onClick(View v) {\r\n \/\/ get values and then displayed in a toast\r\n String totalStars = \"Total Stars:: \" + simpleRatingBar.getNumStars();\r\n String rating = \"Rating :: \" + simpleRatingBar.getRating();\r\n Toast.makeText(getApplicationContext(), totalStars + \"\\n\" + rating, Toast.LENGTH_LONG).show();\r\n }\r\n });\r\n }\r\n\r\n\r\n}<\/pre>\n![\"RatingBar](\"\/ui\/wp-content\/uploads\/2016\/02\/RatingBar-Example-in-Android-Studio-184x300.jpg\")
<\/center><\/p>\n
\nCustom RatingBar Example In Android Studio:<\/strong><\/h4>\n
![\"Custom](\"\/ui\/wp-content\/uploads\/2016\/02\/Custom-RatingBar-Example-in-Android-Studio.jpg\")
<\/center>Step 1:<\/strong><\/span> Create a new project and name it CustomRatingBarExample<\/p>\nSelect File -> New -> New Project -> then Fill the forms and click \"Finish\" button.\r\n<\/pre>\n
<RelativeLayout xmlns:android=\"http:\/\/schemas.android.com\/apk\/res\/android\"\r\n xmlns:tools=\"http:\/\/schemas.android.com\/tools\"\r\n android:layout_width=\"match_parent\"\r\n android:layout_height=\"match_parent\"\r\n android:background=\"#fff\"\r\n android:paddingBottom=\"@dimen\/activity_vertical_margin\"\r\n android:paddingLeft=\"@dimen\/activity_horizontal_margin\"\r\n android:paddingRight=\"@dimen\/activity_horizontal_margin\"\r\n android:paddingTop=\"@dimen\/activity_vertical_margin\"\r\n tools:context=\".MainActivity\">\r\n\r\n <RatingBar\r\n android:id=\"@+id\/simpleRatingBar\"\r\n style=\"@style\/customRatingBar\"\r\n android:layout_width=\"wrap_content\"\r\n android:layout_height=\"60dp\"\r\n android:layout_centerHorizontal=\"true\"\r\n android:layout_marginTop=\"60dp\"\r\n android:background=\"#0f0\"\r\n android:rating=\"2.5\" \/>\r\n\r\n <Button\r\n android:id=\"@+id\/submitButton\"\r\n android:layout_width=\"200dp\"\r\n android:layout_height=\"wrap_content\"\r\n android:layout_centerInParent=\"true\"\r\n android:background=\"#f40\"\r\n android:padding=\"10dp\"\r\n android:text=\"Submit\"\r\n android:textColor=\"#fff\"\r\n android:textSize=\"20sp\"\r\n android:textStyle=\"bold\" \/>\r\n<\/RelativeLayout><\/pre>\n
package example.gb.customratingbarexample;\r\n\r\nimport android.support.v7.app.AppCompatActivity;\r\nimport android.os.Bundle;\r\nimport android.view.Menu;\r\nimport android.view.MenuItem;\r\nimport android.view.View;\r\nimport android.widget.RatingBar;\r\nimport android.widget.Button;\r\nimport android.widget.Toast;\r\n\r\npublic class MainActivity extends AppCompatActivity {\r\n\r\n @Override\r\n protected void onCreate(Bundle savedInstanceState) {\r\n super.onCreate(savedInstanceState);\r\n setContentView(R.layout.activity_main);\r\n \/\/ initiate rating bar and a button\r\n final RatingBar simpleRatingBar = (RatingBar) findViewById(R.id.simpleRatingBar);\r\n Button submitButton = (Button) findViewById(R.id.submitButton);\r\n \/\/ perform click event on button\r\n submitButton.setOnClickListener(new View.OnClickListener() {\r\n @Override\r\n public void onClick(View v) {\r\n \/\/ get values and then displayed in a toast\r\n String totalStars = \"Total Stars:: \" + simpleRatingBar.getNumStars();\r\n String rating = \"Rating :: \" + simpleRatingBar.getRating();\r\n Toast.makeText(getApplicationContext(), totalStars + \"\\n\" + rating, Toast.LENGTH_LONG).show();\r\n }\r\n });\r\n }\r\n \r\n}<\/pre>\n<resources>\r\n\r\n <!-- Base application theme. -->\r\n <style name=\"AppTheme\" parent=\"Theme.AppCompat.Light.DarkActionBar\">\r\n <!-- Customize your theme here. -->\r\n <\/style>\r\n <style name=\"customRatingBar\" parent=\"@android:style\/Widget.RatingBar\">\r\n <item name=\"android:progressDrawable\">@drawable\/customratingstars<\/item>\r\n <item name=\"android:minHeight\">20dip<\/item>\r\n <item name=\"android:maxHeight\">20dip<\/item>\r\n <\/style>\r\n<\/resources><\/pre>\n
<?xml version=\"1.0\" encoding=\"utf-8\"?>\r\n<layer-list xmlns:android=\"http:\/\/schemas.android.com\/apk\/res\/android\">\r\n <item android:id=\"@android:id\/background\"\r\n android:drawable=\"@drawable\/empty\" \/>\r\n <item android:id=\"@android:id\/secondaryProgress\"\r\n android:drawable=\"@drawable\/empty\" \/>\r\n <item android:id=\"@android:id\/progress\"\r\n android:drawable=\"@drawable\/filled\" \/>\r\n<\/layer-list>\u00a0<\/strong><\/pre>\n
![\"Custom](\"\/ui\/wp-content\/uploads\/2016\/02\/Custom-RatingBar-Example-in-Android-Studio-170x300.jpg\")
<\/center><\/p>\n","protected":false},"excerpt":{"rendered":"