¿Cómo verificar si CheckBox está marcado en Android?

La casilla de verificación es un elemento de la interfaz de usuario que se encuentra principalmente en sitios web y aplicaciones que nos rodean. Son recuadros de forma cuadrada delante de una elección o una declaración. Cuando un usuario hace clic en él, se marca. Se encuentran más comúnmente en formularios electrónicos en sitios web y aplicaciones donde el usuario necesita hacer una o varias opciones. La mayoría de nosotros debe haberlos verificado al aceptar las políticas de una o más aplicaciones. Vemos que a menos que se verifiquen, no podemos seguir adelante.

Entonces, en este artículo, le mostraremos cómo puede implementar un CheckBox en una aplicación de Android y agregarle funcionalidad de modo que solo pueda continuar si el CheckBox está marcado. Siga los pasos a continuación una vez que el IDE esté listo.

Implementación paso a paso

Paso 1: crea un nuevo proyecto en Android Studio

Para crear un nuevo proyecto en Android Studio, consulte Cómo crear/iniciar un nuevo proyecto en Android Studio . Demostramos la aplicación en Kotlin , así que asegúrese de seleccionar Kotlin como idioma principal al crear un nuevo proyecto.

Paso 2: trabajar con el archivo activity_main.xml

Vaya a la aplicación > res > diseño > actividad_principal.xml y agregue el siguiente código a ese archivo. A continuación se muestra el código para el archivo activity_main.xml . Coloque un TextView , un CheckBox y un Button en el archivo de diseño de la actividad.

XML

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 
    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">
  
    <TextView
        android:id="@+id/text_view"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="10sp"
        android:textSize="20sp"
        android:text="@string/my_text"/>
  
    <CheckBox
        android:id="@+id/check_box"
        android:layout_below="@id/text_view"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Accept"
        android:layout_centerHorizontal="true" />
  
    <Button
        android:id="@+id/button"
        android:layout_below="@id/check_box"
        android:layout_centerHorizontal="true"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Next"
        android:background="#0f9d58"/>
  
</RelativeLayout>

Paso 3: trabajar con el archivo MainActivity.kt

Básicamente, agregamos funcionalidad al botón, que si la casilla de verificación está marcada, aparecerá un mensaje Toast. Aquí podemos agregar una intención de pasar a la siguiente actividad. Si la casilla de verificación no está marcada, el texto de la casilla de verificación cambia a «¡Por favor, acepte esto!» y cambia el color del texto a rojo. Consulte los comentarios.

Kotlin

import android.graphics.Color
import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.widget.Button
import android.widget.CheckBox
import android.widget.Toast
  
class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
  
        // Declaring and initializing the 
        // CheckBox and the Button from the layout file.
        val mCheckBox = findViewById<CheckBox>(R.id.check_box)
        val mButton = findViewById<Button>(R.id.button)
  
        // When the button is clicked
        mButton.setOnClickListener {
            // checks if the CheckBox is checked
            if(mCheckBox.isChecked){
                // Do something
                Toast.makeText(applicationContext,"Accepted", Toast.LENGTH_SHORT).show()
            } else {
  
                // change color_secondary to make the check box red.
                mCheckBox.text = "Please Accept this!"
                mCheckBox.setTextColor(Color.parseColor("#FF0000"))
            }
        }
    }
}

Producción:

Puede ver que si hacemos clic en el botón sin marcar la casilla de verificación, el texto de la casilla de verificación cambia. Ahora, si marcamos la casilla de verificación y hacemos clic en el botón, obtenemos un mensaje Toast.

Publicación traducida automáticamente

Artículo escrito por aashaypawar y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *