Blog para desarrollo de aplicaciones en Android, aprende paso a paso como crear aplicaciones.

Usamos cookies propias y de terceros que entre otras cosas recogen datos sobre sus hábitos de navegación para mostrarle publicidad personalizada y realizar análisis de uso de nuestro sitio.
Si continúa navegando consideramos que acepta su uso. OK Más información | Y más

Como crear un RatingBar en Android utilizando Kotlin

Android RatingBar Kotlin Example


Hola amigos continuamos con este curso de Kotlin y en esta ocasión aprenderemos a utilizar el control RatingBar utilizando programación Kotlin.

Android RatingBar Kotlin Example

Diferentes atributos del widget de Android RatingBar

Algunos de los atributos populares de android RatingBar son:
No.Atributos XMLDescripción RatingBar
1android:isIndicatorEste atributo se usa para especificar si esta barra de clasificación se debe usar como un indicador. Un indicador, no puede ser cambiado por el usuario.
2android:numStarsSe usa para establecer el número de elementos de calificación que se mostrarán.
3android:ratingEstablece la calificación predeterminada.
4android:stepSizeSe usa para establecer el tamaño del paso de la calificación.
Algunos de los atributos populares de android ratingBar heredados de AbsSeekBar son:
No.Atributos XMLDescripción
1android:thumbTintEste atributo se usa para configurar el tinte para aplicar al pulgar dibujable.
2android:thumbTintModeEste atributo se usa para establecer el modo de fusión utilizado para aplicar el tinte de pulgar.
3android:tickMarkTintEste atributo se usa para configurar el tinte para que se aplique a la marca de tiza dibujable.
4android:tickMarkTintModeEste atributo se usa para establecer el modo de fusión utilizado para aplicar el tinte de la marca.
Algunos de los atributos populares de android ratingBar heredados de ProgressBar son:
No.Atributos XMLDescription
1android:maxHeightSe usa para establecer la altura máxima de la vista.
2android:minHeightSe usa para establecer la altura mínima de la vista.
3android:maxWidthSe usa para establecer el ancho máximo de la vista.
4android:minWidthSe usa para establecer el ancho mínimo de la vista.
Algunos de los atributos populares de android ratingBar heredados de View son:
No.Atributos XMLDescripción
1android:backgroundSe usa para establecer el fondo de la vista.
2android:idSe usa para establecer el id de la vista. Nota: Id siempre debe ser único en un archivo xml.
3android:paddingSe usa para establecer el relleno (izquierda, derecha, arriba, abajo) a la vista.
4android:visibilitySe usa para establecer la visibilidad (mostrar / ocultar) de la vista.

Crear Proyecto Android RatingBar Kotlin (Aquí)

Crearemos nuestro proyecto en Kotlin para desarrollar este ejemplo de RatingBar.
Crear proyecto Android Kotlin RatingBar Example
Teniendo listo esto vamos a crear nuestro diseño.

Crear Design Layout Kotlin RatingBar Tutorial


Para este ejemplo añadiremos varios controles RatingBar para hacer nuestras pruebas utilizaremos controles dinámicos y los añadiremos al diseño en el evento OnCreate. de nuestra aplicación y añadiremos varias propiedades RatingBar Kotlin Example.

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout 
xmlns:android="http://schemas.android.com/apk/res/android" 
xmlns:app="http://schemas.android.com/apk/res-auto" 
xmlns:tools="http://schemas.android.com/tools" 
android:layout_width="match_parent" 
android:layout_height="match_parent" 
tools:context=".MainActivity">

<LinearLayout 
android:id="@+id/LinearLayout" 
android:layout_width="wrap_content" 
android:layout_height="wrap_content" 
android:orientation="vertical" 
android:layout_marginTop="250dp" 
app:layout_constraintBottom_toBottomOf="parent" 
app:layout_constraintHorizontal_bias="0.501" 
app:layout_constraintLeft_toLeftOf="parent" 
app:layout_constraintRight_toRightOf="parent" 
app:layout_constraintTop_toTopOf="parent" 
app:layout_constraintVertical_bias="0.245">

<Button 
android:id="@+id/button" 
android:layout_width="match_parent" 
android:layout_height="wrap_content" 
app:layout_constraintBottom_toBottomOf="parent" 
app:layout_constraintLeft_toLeftOf="parent" 
app:layout_constraintRight_toRightOf="parent" 
app:layout_constraintTop_toTopOf="parent" 
android:text="Submit"/> 
</LinearLayout>


<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
android:layout_width="match_parent" 
android:layout_height="wrap_content" 
android:gravity="center" 
android:layout_marginTop="20dp" 
android:orientation="vertical">
 
<RatingBar android:id="@+id/ratingBar" 
android:layout_width="wrap_content" 
android:layout_height="wrap_content" 
android:stepSize="0.5" />
 
<Button android:id="@+id/button2" 
android:layout_width="wrap_content" 
android:layout_height="wrap_content" 
android:text="Submit"/>
 
</LinearLayout>

</android.support.constraint.ConstraintLayout>

Teniendo listo nuestro diseño quedaría de la siguiente manera con nuestro RatingBar Kotlin Example. Para poder continuar con el código de nuestra aplicación teniendo listo nuestro diseño.
RatingBar diseño xml de nuestro tutorial

Código MaintActivity RaginBar Kotlin Example


Vamos a abrir nuestra clase MaintActivity para desarrollar nuestro ejemplo siguiente. Crearemos controles dinámicos RatingBar para nuestro ejemplo explicamos de que forma se añaden de manera dinámica en nuestro LinearLayout.

import android.os.Bundle
import android.support.v7.app.AppCompatActivity
import android.view.ViewGroup
import android.widget.Button
import android.widget.LinearLayout
import android.widget.RatingBar
import android.widget.Toast

class MainActivity : AppCompatActivity() {

override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContentView(R.layout.activity_main)

// Crear RatingBar dinamico 
val ratingBar = RatingBar(this)
// Asignar Parametros a variable LayoutParams 
val layoutParams = LinearLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT)
layoutParams.setMargins(30, 30, 30, 30)
// Asignar referencia a objeto 
RaginBar ratingBar.layoutParams = layoutParams 
ratingBar.stepSize = 0.5.toFloat()
// Obtener Referencia del 
LinearLayout val linearLayout = findViewById<LinearLayout>(R.id.LinearLayout)
// Añadir RatingBar al 
LinearLayout linearLayout?.addView(ratingBar)
// Obtener referencia del 
Button val button = findViewById<Button>(R.id.button)
// Evento click del 
Button button?.setOnClickListener { 
// Mostrar mensaje con el valor del 
RatingBar val msg = ratingBar.rating.toString()
Toast.makeText(this@MainActivity, msg, Toast.LENGTH_SHORT).show()
} // Obtener referencias del control 
RatingBar val ratingBar2 = findViewById<RatingBar>(R.id.ratingBar)
if (ratingBar2 != null) {
// Obtener referencia del control 
Button val button2 = findViewById<Button>(R.id.button2)
// Evento click del 
Button button2?.setOnClickListener { 
// Mostrar mensaje del estado del 
RatingBar val msg = ratingBar2.rating.toString()
Toast.makeText(this@MainActivity, msg, Toast.LENGTH_SHORT).show()
} 
}
}
}

Teniendo listo nuestro código de nuestro RatingBar Kotlin. Seguira el ultimo paso ejecutar nuestra aplicación.

Crear Emulador AVD (Aquí)

Crearemos nuestro emulador para ver nuestra aplicación en ejecución.

Android Studio - RatingBar Kotlin

Android Studio - RatingBar Kotlin

Espero que el contenido haya sido de su agrado. Aprende de nuestro curso completo de Kotlin.

Curso Kotlin Español

No hay comentarios:

Publicar un comentario

x

Registrate!

Curso Android Español

Curso Kotlin Español

eBook Free Android Studio

Noticias y Eventos

¡Directamente a tu INBOX!

Le enviaremos nuestros recursos gratis. Para obtener nuestro contenido nuevo, únase a nuestra comunidad. No te molestaremos enviando información inútil. ¡No te pierdas ninguna actualización, mantente conectado! Recuerda verificar tu correo electronico.

Ingrese su dirección de correo electrónico:

Entregado por FeedBurner