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