Como crear un CheckBox en Android utilizando Kotlin

Android CheckBox Kotlin Example

Hola seguimos con este tutorial donde aprenderemos a utilizar el CheckBox utilizando programación Kotlin. Y pueden aplicarlo a sus App hechas en Android.

Atributos diferentes del widget de casilla de verificación de Android

Los atributos de la casilla de verificación se heredan de Textview, Compound Button and View. Algunos de los atributos heredados de Textview son:

No.	Atributos XML	Descripción
1	android:ems	Hace que esta vista sea exactamente de este ancho.
2	android:gravity	Especifica cómo se alinea el texto dentro de la vista. P.ej. derecha, izquierda, centro, etc.
3	android:height	Establece la altura de la vista.
4	android:maxWidth	Establece el ancho máximo permitido de la vista.
5	android:minWidth	Establece el ancho mínimo permitido de la vista.
6	android:width	Establece el ancho de la vista.

Los atributos de Checkbox heredados del Compound Button son:

No.	Atributos XML	Descripción
1	android:button	Estable graficos para diseño del Button.
2	android:buttonTint	Establece el gráfico de tinte a Button.
3	android:buttonTintMode	Modo de fusión utilizado para aplicar el matiz gráfico del botón.

Attributes of Checkbox inherited from View are –

No.	Atributos XML	Descripción
1	android:id	Establece un identificador único para la vista.
2	android:padding	Establece el relleno de la vista.
3	android:onClick	Define las operaciones a realizar cuando se hace clic en esta vista
4	android:visibility	Establece la visibilidad (visible, gone, etc.) de la casilla de verificación.
5	android:tooltipText	Texto que se mostrará en ventana emergente cuando el cursor esté sobre la vista.
6	android:background	Establece el fondo para ver.
7	android:alpha	Establece alfa a la vista.

Crear Proyecto CheckBox Kotlin Example

Crearemos un proyecto nuevo para desarrollar este ejemplo de CheckBox Kotlin.

Design CheckBox Kotlin Tutorial

Sigue paso a paso para lograr desarrollar este ejemplo y para que logres comprender bien como va este tutorial utilizando lo nuevo de Kotlin.

<?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/LinearLayout1" 
 android:layout_width="match_parent" 
 android:layout_height="wrap_content" 
 android:orientation="vertical" 
 app:layout_constraintBottom_toTopOf="@+id/LinearLayout2" 
 app:layout_constraintEnd_toStartOf="@+id/LinearLayout2" 
 app:layout_constraintHorizontal_bias="0.0" 
 app:layout_constraintStart_toStartOf="parent" 
 app:layout_constraintTop_toTopOf="parent" 
 app:layout_constraintVertical_bias="0.644">
 </LinearLayout>
 <LinearLayout 
 android:id="@+id/LinearLayout2" 
 android:layout_width="match_parent" 
 android:layout_height="wrap_content" 
 android:layout_below="@+id/LinearLayout1" 
 android:orientation="vertical" 
 app:layout_constraintBottom_toBottomOf="parent" 
 app:layout_constraintEnd_toEndOf="parent" 
 app:layout_constraintHorizontal_bias="0.0" 
 app:layout_constraintStart_toStartOf="parent" 
 app:layout_constraintTop_toTopOf="parent" 
 app:layout_constraintVertical_bias="0.362">
 <CheckBox 
 android:id="@+id/check_box_Español" 
 android:layout_width="match_parent" 
 android:layout_height="wrap_content" 
 android:text="Español" />
 <CheckBox 
 android:id="@+id/check_box_Ingles" 
 android:layout_width="match_parent" 
 android:layout_height="wrap_content" 
 android:text="Ingles" />
 <CheckBox 
 android:id="@+id/check_box_Arabe" 
 android:layout_width="match_parent" 
 android:layout_height="wrap_content" 
 android:text="Arabe" />
 <CheckBox 
 android:id="@+id/check_box_Frances" 
 android:layout_width="match_parent" 
 android:layout_height="wrap_content" 
 android:text="Frances" />
 <CheckBox 
 android:id="@+id/check_box_Koreano" 
 android:layout_width="match_parent" 
 android:layout_height="wrap_content" 
 android:text="Koreano" />
 <Button 
 android:id="@+id/btnAceptar" 
 android:layout_width="wrap_content" 
 android:layout_height="wrap_content" 
 android:layout_gravity="center" 
 android:text="Aceptar" />
 </LinearLayout>
 <LinearLayout 
 android:layout_width="match_parent" 
 android:layout_height="wrap_content" 
 android:layout_below="@+id/LinearLayout2" 
 android:layout_marginTop="364dp" 
 android:orientation="vertical" 
 app:layout_constraintEnd_toEndOf="parent" 
 app:layout_constraintHorizontal_bias="1.0" 
 app:layout_constraintStart_toStartOf="parent" 
 app:layout_constraintTop_toTopOf="parent">
 <EditText 
 android:id="@+id/editText" 
 android:layout_width="match_parent" 
 android:layout_height="wrap_content" 
 android:ems="10" 
 android:inputType="textPersonName" 
 android:text="Name" />
 <EditText 
 android:id="@+id/editText2" 
 android:layout_width="match_parent" 
 android:layout_height="wrap_content" 
 android:ems="10" 
 android:inputType="textPersonName" 
 android:text="Name" />
 <CheckBox 
 android:id="@+id/check_box_Suma" 
 android:layout_width="match_parent" 
 android:layout_height="wrap_content" 
 android:text="Suma" />
 <CheckBox 
 android:id="@+id/check_box_Resta" 
 android:layout_width="match_parent" 
 android:layout_height="wrap_content" 
 android:text="Resta" /> 
 <TextView 
 android:id="@+id/tvResultado" 
 android:layout_width="match_parent" 
 android:layout_height="wrap_content" 
 android:text="Resultado" 
 tools:layout_editor_absoluteX="16dp" 
 tools:layout_editor_absoluteY="511dp" /> 
 <Button 
 android:id="@+id/btnCalcular" 
 android:layout_width="wrap_content" 
 android:layout_height="wrap_content" 
 android:layout_gravity="center" 
 android:text="Calcular" /> 
 </LinearLayout>
</android.support.constraint.ConstraintLayout>

Y el diseño de nuestro CheckBox Kotlin Example nos quedaría de la siguiente manera.

Ahora continuamos. Con el código de nuestro CheckBox Kotlin.

Código MainActivity CheckBox Kotlin Example

Abriremos el código de nuestro clase Java y escribiremos el siguiente código en el cual presentamos varios ejemplos sobre este control CheckBox utilizando Kotlin.

import android.support.v7.app.AppCompatActivityimport
import android.os.Bundleimport
import android.support.constraint.ConstraintLayoutimport
import android.view.Viewimport android.widget.*
import kotlinx.android.synthetic.main.activity_main.*

class MainActivity : AppCompatActivity() {

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

 // Obtener la referencia del LinearLayout
 val linearLayout = findViewById(R.id.LinearLayout1) as LinearLayout
 // Declarar CheckBox Dinamico
 val checkBox1 = CheckBox(this)
 checkBox1.text = "Primer CheckBox"
 // Asignar estado del CheckBox
 checkBox1.isChecked = true
 val checkBox2 = CheckBox(this)
 checkBox2.text = "Segundo Checkbox" checkBox2.isChecked = false
 // Declarar TextView Dinamico
 val textView = TextView(this)

 //Funcion asignar resultados del CheckBox al TextView
 fun updateTextView() {
 textView.text = "CheckBox1 es " + checkBox1.isChecked + " y checkBox2 es " + checkBox2.isChecked }
 // Inicializar Funcion
 updateTextView()
 // Evento del CheckBox al presionarlo
 checkBox1.setOnClickListener( View.OnClickListener {
 updateTextView()
 })
 checkBox2.setOnClickListener( View.OnClickListener {
 updateTextView()
 })
 // Agregar CheckBox al LinearLayout Dinamicamente
 linearLayout.addView(checkBox1)
 linearLayout.addView(checkBox2)
 linearLayout.addView(textView)

 // Evento click del Button btnAceptar
 btnAceptar.setOnClickListener(View.OnClickListener {
 var result: String = ""
 if (check_box_Español.isChecked)
 result += check_box_Español.text
 if (check_box_Ingles.isChecked)
 result += "," + check_box_Ingles.text
 if (check_box_Arabe.isChecked)
 result += "," + check_box_Arabe.text
 if (check_box_Frances.isChecked)
 result += "," + check_box_Frances.text
 if (check_box_Koreano.isChecked)
 result += "," + check_box_Koreano.text
 // Mostrara el mensaje si esta Vacio
 if (result.isEmpty())
 showToast("Vacio")
 else showToast(result)
 })

 // Declarar referencias de objetos
 val et1 = findViewById (R.id.editText) as EditText
 val et2 = findViewById (R.id.editText2) as EditText
 val cb1 = findViewById (R.id.check_box_Suma) as CheckBox
 val cb2 = findViewById (R.id.check_box_Resta) as CheckBox
 val tv1 = findViewById (R.id.tvResultado) as TextView
 val boton1 = findViewById (R.id.btnCalcular) as Button
 // Evento clicl del Button
 boton1.setOnClickListener {
 var result = ""
 if (cb1.isChecked)
 result = "Suma = ${et1.text.toString().toInt()+et2.text.toString().toInt ()}"
 if (cb2.isChecked)
 result += "Resta = ${et1.text.toString().toInt() - et2.text.toString().toInt ()}"
 // Mostrar resultado
 tv1.text = result } }
 // Funcion Toast para mostrar mensajes
 fun showToast(message: String) {
 Toast.makeText(applicationContext, message, Toast.LENGTH_LONG).show()
 }
 }

Y ahora con esto quedaría listo nuestro ejemplo de CheckBox Kotlin.

Crear Emulador AVD (Aquí)

Ahora crearemos nuestro emulador para ejecutar nuestra aplicación CheckBox Kotlin en funcionalidad.

Con esto tendríamos listo nuestro ejemplo. Déjanos tu opinión sobre el ejemplo y compártelo!

Curso Kotlin Español