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.
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.
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.
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();
}
}
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.
No hay comentarios:
Publicar un comentario