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:

nuevo proyecto visual Studio 2015 control RadioButton

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 2015

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 2015

Lo mismo hacemos con el segundo RadioButton:

propiedad Content Button aplicacion universal windows visual Studio 2015

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 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 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);
            if (radio1.IsChecked==true)
            {
                int suma = nro1 + nro2;
                textBlock.Text = "La suma es=" + suma;
            }
            if (radio2.IsChecked==true)
            {
                int resta = nro1 - nro2;
                textBlock.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