Android - Control CheckBox
Un CheckBox es un interruptor de encendido / apagado que el usuario puede activar. Debe utilizar casillas de verificación al presentar a los usuarios un grupo de opciones seleccionables que no se excluyen mutuamente.
Caja
Atributos de CheckBox
A continuación se muestran los atributos importantes relacionados con el control CheckBox. Puede consultar la documentación oficial de Android para obtener una lista completa de atributos y métodos relacionados que puede usar para cambiar estos atributos en tiempo de ejecución.
Heredado de android.widget.TextView Clase -
No Señor | Atributo y descripción |
---|---|
1 | android:autoText Si se establece, especifica que este TextView tiene un método de entrada textual y corrige automáticamente algunos errores ortográficos comunes. |
2 | android:drawableBottom Este es el dibujable que se dibujará debajo del texto. |
3 | android:drawableRight Este es el dibujable que se dibujará a la derecha del texto. |
4 | android:editable Si se establece, especifica que este TextView tiene un método de entrada. |
5 | android:text Este es el texto para mostrar. |
Heredado de android.view.View Clase -
No Señor | Atributo y descripción |
---|---|
1 | android:background Este es un dibujo para usar como fondo. |
2 | android:contentDescription Esto define el texto que describe brevemente el contenido de la vista. |
3 | android:id Esto proporciona un nombre de identificador para esta vista. |
4 | android:onClick Este es el nombre del método en el contexto de esta vista para invocar cuando se hace clic en la vista. |
5 | android:visibility Esto controla la visibilidad inicial de la vista. |
Ejemplo
Este ejemplo lo llevará a través de sencillos pasos para mostrar cómo crear su propia aplicación de Android usando Linear Layout y CheckBox.
Paso | Descripción |
---|---|
1 | Utilizará Android Studio IDE para crear una aplicación de Android y nombrarla como myapplication en un paquete com.example.myapplication como se explica en el capítulo Ejemplo de Hello World . |
2 | Modifique el archivo src / MainActivity.java para agregar un evento de clic. |
3 | Modifique el contenido predeterminado del archivo res / layout / activity_main.xml para incluir el control de la interfaz de usuario de Android. |
4 | No es necesario declarar constantes de cadena predeterminadas. Android Studio se encarga de las constantes predeterminadas en string.xml |
5 | Ejecute la aplicación para iniciar el emulador de Android y verifique el resultado de los cambios realizados en la aplicación. |
A continuación se muestra el contenido del archivo de actividad principal modificado src/MainActivity.java. Este archivo puede incluir cada uno de los métodos fundamentales del ciclo de vida.
package com.example.myapplication;
import android.os.Bundle;
import android.app.Activity;
import android.widget.Button;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.CheckBox;
import android.widget.Toast;
public class MainActivity extends Activity {
CheckBox ch1,ch2;
Button b1,b2;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
ch1=(CheckBox)findViewById(R.id.checkBox1);
ch2=(CheckBox)findViewById(R.id.checkBox2);
b1=(Button)findViewById(R.id.button);
b2=(Button)findViewById(R.id.button2);
b2.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
finish();
}
});
b1.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
StringBuffer result = new StringBuffer();
result.append("Thanks : ").append(ch1.isChecked());
result.append("\nThanks: ").append(ch2.isChecked());
Toast.makeText(MainActivity.this, result.toString(),
Toast.LENGTH_LONG).show();
}
});
}
}
A continuación se mostrará el contenido de res/layout/activity_main.xml archivo -
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context=".MainActivity">
<TextView
android:id="@+id/textView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Example of checkbox"
android:layout_alignParentTop="true"
android:layout_centerHorizontal="true"
android:textSize="30dp" />
<CheckBox
android:id="@+id/checkBox1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Do you like Tutorials Point"
android:layout_above="@+id/button"
android:layout_centerHorizontal="true" />
<CheckBox
android:id="@+id/checkBox2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Do you like android "
android:checked="false"
android:layout_above="@+id/checkBox1"
android:layout_alignLeft="@+id/checkBox1"
android:layout_alignStart="@+id/checkBox1" />
<TextView
android:id="@+id/textView2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="@+id/checkBox1"
android:layout_below="@+id/textView1"
android:layout_marginTop="39dp"
android:text="Tutorials point"
android:textColor="#ff87ff09"
android:textSize="30dp"
android:layout_alignRight="@+id/textView1"
android:layout_alignEnd="@+id/textView1" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Ok"
android:id="@+id/button"
android:layout_alignParentBottom="true"
android:layout_alignLeft="@+id/checkBox1"
android:layout_alignStart="@+id/checkBox1" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Cancel"
android:id="@+id/button2"
android:layout_alignParentBottom="true"
android:layout_alignRight="@+id/textView2"
android:layout_alignEnd="@+id/textView2" />
<ImageButton
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/imageButton"
android:src="@drawable/abc"
android:layout_centerVertical="true"
android:layout_centerHorizontal="true" />
</RelativeLayout>
A continuación se mostrará el contenido de res/values/strings.xml para definir estas nuevas constantes -
<?xml version="1.0" encoding="utf-8"?>
<resources>
<string name="app_name">MyApplication</string>
</resources>
A continuación se muestra el contenido predeterminado de AndroidManifest.xml -
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="com.example.myapplication" >
<application
android:allowBackup="true"
android:icon="@drawable/ic_launcher"
android:label="@string/app_name"
android:theme="@style/AppTheme" >
<activity
android:name="com.example.myapplication.MainActivity"
android:label="@string/app_name" >
<intent-filter>
<action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>
</application>
</manifest>
Intentemos ejecutar tu MyApplicationsolicitud. Supongo que habías creado tuAVDmientras realiza la configuración del entorno. Para ejecutar la aplicación desde Android Studio, abra uno de los archivos de actividad de su proyecto y haga clic en el icono Ejecutar de la barra de herramientas. Android Studio instala la aplicación en su AVD y la inicia y, si todo está bien con su configuración y aplicación, se mostrará la siguiente ventana del emulador:
El usuario necesita que marque si le gusta la casilla de verificación de Android o si le gusta la casilla de verificación del punto de tutoriales. y presione el botón Aceptar, si todo el proceso se realiza correctamente, se mostrará un mensaje de brindis como Gracias. O bien presione el botón Cancelar, si el usuario presiona el botón Cancelar, se cerrará la aplicación
Ejercicio
Recomendaré probar el ejemplo anterior con diferentes atributos de CheckBox en el archivo XML de diseño también en el momento de la programación para tener un aspecto diferente del CheckBox. Intente hacerlo editable, cambie el color de fuente, la familia de fuente, el ancho, el tamaño del texto, etc. y vea el resultado. También puede probar el ejemplo anterior con varios controles CheckBox en una actividad.