RatingBar, Analizando Android

En este artículo vamos a realizar un análisis del uso de Rating en Android, inicialmente la idea sería colocar un widget que mediante la selección reaccione de distintas formas.

Entonces veamos que nos provee como ayuda el equipo de Android:

"En este vínculo siguiente podremos encontrar todo el detalle de la tecnología implementada."

http://developer.android.com/reference/android/widget/RatingBar.html

"En el siguiente vínculo podremos ver un ejemplo propuesto por las demos de Android"

http://developer.android.com/resources/tutorials/views/hello-formstuff.html

  • En la demo voy a utilizar el entorno Eclipse con el kit de desarrollo par Android -

Creamos una nueva aplicación para Android como muestra la siguiente figura:


Los puntos importantes a tener en cuenta son:

  • La clase RatingNB.java (se encuentra el esquema de ejecución de nuestra aplicación)
  • El archivo Main.xml (se encuentra el esquema de layout)
  • El archivo strings.xml (se encuentran los recursos)

Veamos la sintaxis de cada uno y luego en el video estarán los detalles de ejecución:


En el método "OnCreate" podemos observar la creación de "ratingBar_default", esto llega de la maqueta armada en main.xml "R.id.ratingbar_default", luego se sobreescribe el "onRatingChanged" para indicarle que realizar cada ver que cambia algo en el ratingbar, y particularmente la lógica que le hemos colocado indica que si el valor de rating es mayor a 2 coloca un mensaje sino otro mensaje será graficado..

Veamos el main.xml para definir el layout:


Como podemos observar, tenemos un text, genérico con un string que llega desde los recursos y lo importante aquí es el tag "RatingBar", donde por ejemplo tiene declarado el "stepSize" para indicar en cuanto se segmenta la selección de valores del ratingbar. Por ejemplo la granularidad es 0.5 y esto indica que segmentará por media estrella en cada selección.

Finalmente veamos el "strings.xml":


Bien se puede observar la personalización del recurso de cadena, con un valor de Rating Nick.

El aplicativo funcionando muestra el siguiente diseño:


Veamos la implementación del ejemplo en un video:


 

Espero les sea de utilidad… hasta la proxima.

Entradas más populares de este blog

7 arquetipos #Polymer 1.0 puntos esenciales prácticos

El potencial de la nube en 5 pasos desde Buenos Aires y junto al ecosistema regional

El potencial de la nube en 5 pasos, Evento en The Pool Mexico DF