Android Custom Rating Bar

We Can custom a rating bar in android to show with our own drawable resources, please make a project with the Name ratingBarWidget and have a main activity as RatingbarActivity.java with following simple code.

This project is developed in Eclipse 4.2.0.


package com.example.ratingbarwidget;

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.TextView;

public class RatingbarActivity extends Activity {

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_ratingbar);
        

        final TextView text = (TextView) findViewById(R.id.textView);
        
        final RatingBar ratingBar_default = (RatingBar)findViewById(R.id.ratingbar_default);

        final Button button = (Button)findViewById(R.id.button1);
        button.setOnClickListener(new View.OnClickListener() {
            public void onClick(View v) { 
            ratingBar_default.setRating(5);
            text.setText("Rating: "+String.valueOf(ratingBar_default.getRating()));  
            }
        });
        
        ratingBar_default.setOnRatingBarChangeListener(new RatingBar.OnRatingBarChangeListener(){ 
       @Override
       public void onRatingChanged(RatingBar ratingBar, float rating,
         boolean fromUser) {
        // TODO Auto-generated method stub 
        text.setText("Rating: "+String.valueOf(rating)); 
       }}); 
    } 
}

the res/layout/activity_ratingbar.xml is as follows

<LinearLayout 

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

    android:layout_width="match_parent"

    android:layout_height="wrap_content"

    android:orientation="vertical" 

    android:gravity="center"> 

<Button

        android:id="@+id/button1"

        android:layout_width="fill_parent"

        android:layout_height="wrap_content" 

        android:layout_marginBottom="20dp"

        android:text="Rate 5 star for RatingBar"   

   /> 

<RatingBar 

  android:layout_width="wrap_content"

  android:layout_height="50dp" 

  android:layout_marginBottom="20dp"

  style="@style/foodRatingBar"

  android:id="@+id/ratingbar_default"

  />   

<TextView

        android:id="@+id/textView"

        android:layout_width="fill_parent"

        android:layout_height="wrap_content" 

        android:gravity="center"

        android:text="show state up checkbox"

        android:textColor="#CC00CC"

        android:textSize="20dp"

        />  

</LinearLayout>

/res/values/styles.xml

<resources>

    <style name="AppTheme" parent="android:Theme.Light" />

<style name="foodRatingBar" parent="@android:style/Widget.RatingBar">

        <item name="android:progressDrawable">@drawable/star_rating_bar_full</item>

        <item name="android:minHeight">48dip</item>

        <item name="android:maxHeight">48dip</item>

    </style>

</resources>

res/drawable/star_rating_bar_full.xml

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

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:id="@+android:id/background"

          android:drawable="@drawable/star_ratingbar_full_empty" />

    <item android:id="@+android:id/secondaryProgress"

          android:drawable="@drawable/star_ratingbar_full_empty" />

    <item android:id="@+android:id/progress"

          android:drawable="@drawable/star_ratingbar_full_filled" />

</layer-list>

res/drawable/star_rating_bar_full_empty.xml

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

<!-- This is the rating bar drawable that is used to

 show a filled cookie. -->

<selector

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

<item android:state_pressed="true"

      android:state_window_focused="true"

      android:drawable="@drawable/star2" />

<item android:state_focused="true"

      android:state_window_focused="true"

      android:drawable="@drawable/star2" />

<item android:state_selected="true"

      android:state_window_focused="true"

      android:drawable="@drawable/star2" />

<item android:drawable="@drawable/star2" />

</selector>

res/drawable/star_rating_bar_full_filled.xml

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

 <!-- This is the rating bar drawable that is used to

 show a unfilled cookie. -->

<selector

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

<item android:state_pressed="true"

      android:state_window_focused="true"

      android:drawable="@drawable/star3" />

<item android:state_focused="true"

      android:state_window_focused="true"

      android:drawable="@drawable/star1" />

<item android:state_selected="true"

      android:state_window_focused="true"

      android:drawable="@drawable/star1" />

<item android:drawable="@drawable/star1" />

</selector>

you can download the source code from the link Android CustomRatingBar