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 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.
Android Studio - CheckBox Kotlin
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 XMLDescripción
1android:emsHace que esta vista sea exactamente de este ancho.
2android:gravityEspecifica cómo se alinea el texto dentro de la vista. P.ej. derecha, izquierda, centro, etc.
3android:heightEstablece la altura de la vista.
4android:maxWidthEstablece el ancho máximo permitido de la vista.
5android:minWidthEstablece el ancho mínimo permitido de la vista.
6android:widthEstablece el ancho de la vista.
Los atributos de Checkbox heredados del Compound Button son:
No.Atributos XMLDescripción
1android:buttonEstable graficos para diseño del Button.
2android:buttonTintEstablece el gráfico de tinte a Button.
3android:buttonTintModeModo de fusión utilizado para aplicar el matiz gráfico del botón.
Attributes of Checkbox inherited from View are –
No.Atributos XMLDescripción
1android:idEstablece un identificador único para la vista.
2android:paddingEstablece el relleno de la vista.
3android:onClickDefine las operaciones a realizar cuando se hace clic en esta vista
4android:visibilityEstablece la visibilidad (visible, gone, etc.) de la casilla de verificación.
5android:tooltipTextTexto que se mostrará en ventana emergente cuando el cursor esté sobre la vista.
6android:backgroundEstablece el fondo para ver.
7android:alphaEstablece alfa a la vista.

Crear Proyecto CheckBox Kotlin Example

Crearemos un proyecto nuevo para desarrollar este ejemplo de CheckBox Kotlin.
Android Studio - 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.
Android Studio - CheckBox Kotlin
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.
Android Studio - CheckBox Kotlin

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

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