5 - Control CheckBox


El control CheckBox permite seleccionar una opción o dejarla sin seleccionar.

Problema

Desarrollar una aplicación que permita ingresar dos valores enteros, mediante dos controles de tipo CheckBox permitir seleccionar si queremos sumarlos y/o restarlos, al presionar un botón mostrar el o los resultados en un control TextBlock.

Como primer paso creamos un nuevo proyecto llamado "Proyecto4" seleccionando desde el menú de opciones del Visual Studio: Archivo -> Nuevo -> Proyecto:

nuevo proyecto visual Studio 2015 control CheckBox

Seleccionamos el archivo MainPage.xaml desde el "Explorador de soluciones" y procedemos a implementar la siguiente interfaz en nuestro formulario:

TextBlock TextBox Button CheckBox aplicacion universal windows visual Studio 2015

Arrastramos desde el "Cuadro de herramientas" objetos de las clases CheckBox, Button, TextBlock y TextBox.

Seleccionar el primer CheckBox e inicializamos las propiedades Nombre y Content:

propiedad Content Nombre CheckBox aplicacion universal windows visual Studio 2015

Lo mismo hacemos con el segundo CheckBox:

propiedad Content CheckBox aplicacion universal windows visual Studio 2015

También iniciamos las propiedades para el Button y los TextBox como lo hicimos en conceptos anteriores:

propiedad Content TextBox aplicacion universal windows visual Studio 2015

Igual el segundo TextBox:

propiedad Content TextBox aplicacion universal windows visual Studio 2015

Iniciamos la propiedad Content del Button:

propiedad Content Button aplicacion universal windows visual Studio 2015

Ahora pasamos a definir el evento Click para el botón. Desde la ventana de propiedades presionamos el ícono de eventos y hacemos doble clic sobre el evento "Click":

evento Click Button aplicacion universal windows visual Studio 2015

Al hacer doble clic sobre el evento "Click" se abre automáticamente el archivo MainPage.xaml.cs con el método button_Click añadido.

En el método button_Click debemos implementar el algoritmo para sumar y/o restar los dos valores que carga el operador por teclado y mostrar dicho resultado en el TextBlock.

        private void button_Click(object sender, RoutedEventArgs e)
        {
            string s1 = text1.Text;
            string s2 = text2.Text;
            int nro1 = int.Parse(s1);
            int nro2 = int.Parse(s2);
            textBlock.Text = "";
            if (check1.IsChecked == true)
            {
                int suma = nro1 + nro2;
                textBlock.Text = "La suma es=" + suma;
            }
            if (check2.IsChecked == true)
            {
                int resta = nro1 - nro2;
                textBlock.Text = textBlock.Text+ " La resta es=" + resta;
            }
        }

La propiedad IsChecked de la clase CheckBox almacena true si el control se encuentra seleccionado.

Si ejecutamos ahora la aplicación (en modo "Equipo Local") podemos ver la siguiente interfaz:

CheckBox aplicacion universal windows visual Studio 2015

Este proyecto lo puede descargar en un zip desde este enlace :Proyecto4.zip

Retornar