4 - Control RadioButton


El control RadioButton normalmente se utiliza en conjunto a otros RadioButton para permitir la elección de una opción de un conjunto.

Problema

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

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

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

TextBlock TextBox Button RadioButton aplicacion universal windows visual Studio 2019

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

Seleccionar el primer RadioButton e inicializamos las propiedades Nombre, Content y GroupName.

propiedad Content Button aplicacion universal windows visual Studio 2019

Lo mismo hacemos con el segundo RadioButton:

propiedad Content Button aplicacion universal windows visual Studio 2019

Es importante asignar el mismo valor a la propiedad GroupName para que los RadioButton actúen en conjunto (es decir que cuando seleccionemos uno se desmarque el otro)

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

propiedad Content TextBox aplicacion universal windows visual Studio 2019

Igual el segundo TextBox:

propiedad Content TextBox aplicacion universal windows visual Studio 2019

Iniciamos la propiedad Content y Nombre del Button:

propiedad Content Button aplicacion universal windows visual Studio 2019

También inicializamos la propiedad Nombre del TextBlock:

propiedad Nombre TextBlock aplicacion universal windows visual Studio 2019

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 2019

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

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

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

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

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

RadioButton aplicacion universal windows visual Studio 2015

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

Retornar