Casilla de verificación en Android – Part 1

CheckBox se utiliza para agregar múltiples selecciones de elementos del conjunto de opciones dado. Esto se ve utilizado en muchas aplicaciones de Android para agregar una función para selecciones múltiples. En este artículo, veremos cómo implementar Checkbox en Android.

Nota : este artículo de Android cubre los lenguajes Java y Kotlin . 

Implementación paso a paso

Paso 1: crea un nuevo proyecto en Android Studio

Cómo crear/iniciar un nuevo proyecto en Android Studio

Paso 2: trabajar con el archivo activity_main.xml

Vaya a aplicación > res > diseño > actividad_principal.xml y agréguele el siguiente código. Se agregan comentarios en el código para conocer en detalle. 

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/idRLContainer"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity">
  
    <!--on below line we are creating
        a text for our app-->
    <TextView
        android:id="@+id/idTVHeading"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_above="@id/idTVStatus"
        android:layout_centerInParent="true"
        android:layout_margin="20dp"
        android:gravity="center"
        android:padding="10dp"
        android:text="Checkbox in Android"
        android:textAlignment="center"
        android:textColor="@color/black"
        android:textSize="20sp"
        android:textStyle="bold" />
  
    <!--on below line we are creating a text view-->
    <TextView
        android:id="@+id/idTVStatus"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_above="@id/idCheckBox"
        android:layout_centerInParent="true"
        android:layout_margin="20dp"
        android:gravity="center"
        android:padding="10dp"
        android:text="Status"
        android:textAlignment="center"
        android:textColor="@color/black"
        android:textSize="20sp"
        android:textStyle="bold" />
  
    <!--on below line we are creating a checkbox-->
    <CheckBox
        android:id="@+id/idCheckBox"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:text="Check the box" />
  
</RelativeLayout>

Paso 3: trabajar con el archivo MainActivity 

Vaya a aplicación > java > nombre del paquete de su aplicación > archivo MainActivity y agregue el código a continuación. Se agregan comentarios en el código para conocer en detalle.

package com.gtappdevelopers.kotlingfgproject
  
import android.os.Bundle
import android.widget.CheckBox
import android.widget.TextView
import androidx.appcompat.app.AppCompatActivity
  
class MainActivity : AppCompatActivity() {
  
    // on below line we are creating a variable.
    lateinit var checkBox: CheckBox
    lateinit var statusTV: TextView
  
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
  
        // on below line we are initializing our variables.
        checkBox = findViewById(R.id.idCheckBox)
        statusTV = findViewById(R.id.idTVStatus)
  
        // on below line we are checking if check box ix checked.
        if (checkBox.isChecked) {
            // on below line we are updating text 
            // if check box is checked.
            statusTV.text = "Checkbox is Checked."
        } else {
            // on below line we are updating text 
            // if check box is unchecked.
            statusTV.text = "Checkbox is UnChecked."
        }
  
        // on below line we are adding check change listener for our check box.
        checkBox.setOnCheckedChangeListener { buttonView, isChecked ->
            // on below line we are checking 
            // if check box ix checked.
            if (isChecked) {
                // on below line we are updating text
                // if check box is checked.
                statusTV.text = "Checkbox is Checked."
            } else {
                // on below line we are updating text
                // if check box is unchecked.
                statusTV.text = "Checkbox is UnChecked"
            }
        }
    }
}

package com.gtappdevelopers.kotlingfgproject;
  
import android.os.Bundle;
import android.widget.CheckBox;
import android.widget.CompoundButton;
import android.widget.TextView;
import androidx.appcompat.app.AppCompatActivity;
  
public class MainActivity extends AppCompatActivity {
  
    // on below line we are creating a variable.
    private CheckBox checkBox;
    private TextView statusTV;
  
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
  
        // on below line we are initializing our variables.
        checkBox = findViewById(R.id.idCheckBox);
        statusTV = findViewById(R.id.idTVStatus);
  
        // on below line we are checking 
        // the status of check box
        if (checkBox.isChecked()) {
            // on below line we are setting text 
            // if check box is checked.
            statusTV.setText("Checkbox is Checked");
        } else {
            // on below line we are setting the text 
            // if check box is un checked
            statusTV.setText("Checkbox is UnChecked");
        }
  
        // on below line we are adding check change listner for our check box.
        checkBox.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
            @Override
            public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
                // on below line we are checking if 
                // checkbox is checked or not.
                if (isChecked) {
                    // on below line we are setting text 
                    // if checkbox is checked.
                    statusTV.setText("Checkbox is Checked");
                } else {
                    // on below line we are setting text 
                    // if checkbox is unchecked.
                    statusTV.setText("Checkbox is UnChecked");
                }
            }
        });
    }
}

Ahora ejecute su aplicación para ver el resultado. 

Producción: