Como crear un RatingBar en Android

Android RatingBar Example

Hola amigos seguimos creciendo y aprendiendo cada día mas. En esta ocasión comparto con ustedes un control muy interesante el Widget RatingBar quizás hayamos visto en algunas aplicaciones.

Para saber un poco mas sobre este control.

A RatingBar es una extensión de SeekBar y ProgressBar que muestra una clasificación en estrellas. El usuario puede tocar / arrastrar o utilizar las teclas de flecha para establecer la clasificación cuando utilice el tamaño predeterminado RatingBar. El estilo RatingBar (ratingBarStyleSmall) más pequeño y el estilo más grande de indicator-only (ratingBarStyleIndicator) no son compatibles con la interacción del usuario y sólo deben usarse como indicadores.

Crear Nuevo Proyecto Android Studio (Aquí).

Crearemos un nuevo proyecto en Android Studio y teniendo listo esto comenzaremos a crear nuestra aplicación.

Interfaz Aplicación Android

Ahora crearemos el diseño de nuestra aplicación para ello utilizaremos los siguientes controles. Utilizaremos un Button, 2 TextView y el RatingBar para nuestro ejemplo.

Nos quedaría de la siguiente manera el diseño.

Ahora para saber como quedaron las propiedades de nuestros controles.

<?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:layout_margin="16dp"

    android:gravity="center_horizontal"

    android:orientation="vertical">

    <TextView

        android:id="@+id/android_rating_bar_example"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="Android RatingBar Ejemplo"

        android:textAppearance="?android:attr/textAppearanceLarge" />

    <RatingBar

        android:id="@+id/ratingBar"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_marginTop="30dp"

        android:rating="0" />

    <Button

        android:id="@+id/ratingSubmitButton"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_marginTop="20dp"

        android:onClick="rateSubmit"

        android:text="Calificar" />

    <TextView

        android:id="@+id/ratingDisplay"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_marginTop="20dp"

        android:text="Calificacion"

        android:textAppearance="?android:attr/textAppearanceLarge" />

</LinearLayout>

De esta forma es como quedaría el diseño en nuestra actividad principal.

Código Aplicación Android

Comenzaremos a desarrollar el código para nuestra aplicación espero dejar con claridad el funcionamiento.

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.RatingBar;
import android.widget.TextView;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity {
    //--Declaramos las variables
    RatingBar ratingBar;
    Button submitRateButton;
    TextView rateDisplay;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //--Asignamos las propiedades a nuestros controles
        ratingBar = (RatingBar) findViewById(R.id.ratingBar);
        submitRateButton = (Button) findViewById(R.id.ratingSubmitButton);
        rateDisplay = (TextView) findViewById(R.id.ratingDisplay);
        //--Mostrara en el textView
        rateDisplay.setText("Calificación:");
    }
    //--Funcion que se ejecuta al presionar el botón
    public void rateSubmit(View view) {
        //--Variable que almacena la calificación del control RatingBar
        String ratingValue = String.valueOf(ratingBar.getRating());
        //--Mostrara en el textView el valor de la calificación actualizando el textView
        rateDisplay.setText("Calificación: " + ratingValue);
        //--Mostrara un mensaje con la calificación asignada
        Toast.makeText(getApplicationContext(), "Calificación: " + ratingValue, Toast.LENGTH_LONG).show();
    }
}

Y quedaría cada sección de nuestro código explicada. Recuerda dejarme tu comentario por cualquier duda. Y ejecutaremos nuestra aplicación como paso final.

Crear Emulador AVD (Aquí).

Ahora teniendo listo nuestro emulador vamos a ver el resultado de nuestra aplicación.

Presionamos el RatingBar.

Quedaría lista nuestra aplicación.

Recuerda cualquier duda que tengas déjame tu comentario y con gusto te responderé espero el contenido haya sido de tu agrado. Comparte lo con tus amigos! Gracias.

Un programa en C es como un baile rápido en una pista de baile recién encerado por personas que llevan navajas de afeitar
- Waldi Ravens.

Android Studio - Curso Español