Programación II, Guía 5 1 1 Facultad: Ingeniería Escuela: Computación Asignatura: Programación II GUIA 5: Introducción a Windows Form Objetivos Realizar diseño de interfaz de Usuario con la herramienta Visual C# Identificar los principales componentes del entorno gráfico de desarrollo de Microsoft Visual C# Crear aplicaciones utilizando el Windows Form de Microsoft Utilizar controles en formularios de Windows Forms, como: etiquetas, cuadros de texto y botones. Introducción Teórica INTRODUCCIÓN A WINDOWS FORM Esta guía tiene como objeto mostrar cómo construir aplicaciones básicas de Windows Forms usando varios de los componentes más comunes que son una característica de la mayoría de las aplicaciones GUI. Se verá como establecer las propiedades de los formularios y de los componentes de Windows Forms usando Visual Designer y la ventana de propiedades. También tiene por objeto que se aprenda a cambiar o examinar los valores de estas propiedades dinámicamente usando el código de C#. HERRAMIENTAS DE C# A continuación se detallan las herramientas y ventanas más importantes de Visual C#. Las ventanas de la mayoría de herramientas pueden abrir desde el menú Ver. 1. El editor de código, para escribir código fuente 2. El compilador de C#, que se encarga de convertir el código fuente de C# en un programa ejecutable. 3. El depurador de Visual Studio, para probar el programa 4. El cuadro de herramientas y el Diseñador, para desarrollar rápidamente interfaces de usuario con el mouse. 5. El explorador de soluciones, para ver y administrar archivos de proyectos y configuraciones.
Programación II, Guía 5 2 2 6. El diseñador de proyectos, para configurar opciones del compilador, rutas de implementación, recursos, entre otros. 7. La vista de clases, para desplazarse por el código fuente según los tipos, no los archivos. 8. La ventana Propiedades, para configurar propiedades y eventos en los controles de la interfaz de usuario. 9. El examinador de objetos, que ve los métodos y clases disponibles en las bibliotecas de vínculos dinámicos, incluidos los ensambladores de.net Framework y los objetos COM 10. Document Explorer, para explorar y buscar la documentación del producto en su equipo local y en Internet. ENTORNO El entorno C# está compuesto con herramientas para interactuar a través de ventanas, páginas de propiedades y asistentes. 1. Cuadro de herramientas 2. Barra de herramientas y menú 3. Proyectos abiertos, propiedades y ayuda 4. Compilación de la aplicación, listado de errores. 5. Área de diseño y edición
Programación II, Guía 5 3 3 EXPLORADOR DE SOLUCIONES Y DISEÑADOR DE PROYECTOS La ventana de la parte superior derecha es el Explorador de Soluciones, que muestra todos los archivos del proyecto en una vista de árbol jerárquica. Cuando se utiliza el menú Proyecto para agregar nuevos archivos al proyecto, se verán reflejados en el Explorador de Soluciones. Además de los archivos, el Explorador de soluciones también muestra la configuración del proyecto y las referencias a las bibliotecas externas que necesita la aplicación. Para obtener acceso a las páginas de propiedades del Diseñador de proyectos, haga clic con el botón secundario del mouse en Propiedades del Explorador de soluciones y, a continuación, haga clic en Abrir. Utilice estas páginas para modificar opciones de generación, requisitos de seguridad, detalles de implementación y muchas otras propiedades del proyecto. Procedimiento G2_Ejemplo_01: Creación de un nuevo proyecto Para la creación del proyecto, en Visual Studio 1. Inicie Visual Studio.NET 2. En el menú Archivo (FILE), seleccione Nuevo (NEW) y después seleccione la opción Proyecto (PROJECT)
Programación II, Guía 5 4 4 En el panel Tipos de Proyecto, seleccione proyectos de Visual C# y en el panel de plantillas, seleccione Aplicación para Windows (Windows Forms Aplication) y en el cuadro de texto Nombre, escribiremos Ejemplo1, después hacer clic en el botón Aceptar (OK) Establecer las propiedades del formulario 1. En la ventana Propiedades (si no ve la ventana presione (F4), haga clic en la propiedad (Name), y después escriba Ejemplo1 en el cuadro de texto (Name) para cambiar el nombre del control del formulario (esto se hace así, porque con este nombre se hará referencia cuando se esté programando) 2. En la misma ventana Propiedades, seleccione la propiedad Text y después escriba Este es un ejemplo, para cambiar la barra de título del formulario.
Programación II, Guía 5 5 5 3. Seleccione la propiedad Font y haga clic en el botón Puntos suspensivos que aparece al seleccionar la propiedad. Cuando se hace clic en el botón Puntos suspensivos, se abre el cuadro de diálogo Font y se puede seleccionar la fuente y los efectos que se desean. Añadir controles a los formularios Hasta ahora se ha creado un formulario, se han establecido algunas de sus propiedades. Para que el formulario sea útil, se necesita agregar los controles y escribir algo de código propio. Agregar controles de Windows Forms En la siguiente figura se muestra el cuadro de herramientas, donde podemos arrastrar los controles que necesitamos para nuestra aplicación, (si no aparece la venta presionar Ctrl + w +x)
Programación II, Guía 5 6 6 Arrastre los controles necesarios, para construir un formulario similar al mostrado en la figura siguiente: Configuración de las propiedades de los controles Ahora es necesario configurar las propiedades de los controles que acaba de agregar al formulario. Para cambiar el valor de la propiedad de un control, haga clic en el control para seleccionarlo y luego introduzca el valor correcto en la ventana de Propiedades. En la siguiente tabla se listan las propiedades y valores que hay que asignar a cada uno de los controles. Control Propiedad Valor Label1 Text Número 1 TextBox1 Name txtnum1 Text Dejar en blanco Label2 Text Número 2 TextBox2 Name txtnum2 Text Dejar en blanco
Programación II, Guía 5 7 7 ComboBox1 Name cmbop DropDrowStyle DropDrowList (Esta configuración fuerza a los usuarios a elegir uno de los elementos de la lista; los usuarios no pueden escribir un valor nuevo) ListBox1 Name listadvance RadioButton1 Name rbtn1 Text Básicas RadioButton2 Name rbtn2 Text Avanzadas Button1 Name btncalcular Text Calcular Cambio de las propiedades de forma dinámica Hasta ahora se ha usado la vista de diseño para fijar las propiedades estáticamente. Cuando se ejecuta el formulario, sería útil restablecer el valor de cada control a un valor inicial predeterminado. Para hacerlo hay que escribir algo de código. Dar doble clic en cualquier parte del formulario(que no sea sobre un control), para entrar al evento Load, si lo hizo bien el cursor deberá aparecer, dentro de las llaves del siguiente texto: private void Ejemplo1_Load(object sender, EventArgs e) { Dentro de esas llaves justo donde aparece el circulo digitamos lo siguiente: //agrega item al combo cmbop.items.clear( );
Programación II, Guía 5 8 8 cmbop.items.add ("sumar"); cmbop.items.add ("Restar"); //agrega item a la lista listadvance.items.clear ( ); listadvance.items.add ("Multiplicacion"); listadvance.items.add ("Division"); listadvance.tabindex = 0; //inhabilita el combo y la lista cmbop.enabled = false; listadvance.enabled = false; Presione la tecla F5 para que vea lo que le sucede al formulario, este deberá aparecer con el combo y la lista desactivada Ahora vuelva al formulario (modo de diseño), y dar doble clic sobre el control radiobutton que tiene de texto BASICAS. private void rbtn1_checkedchanged (object sender, EventArgs e) { El nombre de ese método aparece como CheckedChanged, que indica que cuando el radio button cambie, se realizará lo que está dentro de este método, ahora digitamos lo siguiente: if (rbtn1.checked == true) { cmbop.enabled = true; listadvance.enabled = false; Al final ese método se verá así: private void rbtn1_checkedchanged (object sender, EventArgs e) { if (rbtn1.checked == true) { cmbop.enabled = true; listadvance.enabled = false;
Programación II, Guía 5 9 9 Regresar al modo de diseño y dar doble clic al segundo radiobutton con el texto de Avanzadas, y digitar lo siguiente: cmbop.enabled = false; listadvance.enabled = true; //me permite seleccionar el primer elemento de la lista listadvance.selectedindex = 0; Regresamos nuevamente al modo de diseño, y damos doble clic al botón, para que nos aparezca el evento de ese botón de la siguiente manera: private void btncalcular_click (object sender, EventArgs e) { Dentro de esas llaves, digitar el texto siguiente: double n1, n2, r; n1 = Convert.ToDouble (txtnum1.text); n2 = Convert.ToDouble (txtnum2.text); if (cmbop.enabled == true) { if (cmbop.selecteditem.tostring ( ) == "sumar") r = n1 + n2; else r = n1 - n2; MessageBox.Show ("El Resultado es "+ r.tostring ( ),"Respuesta"); if (listadvance.enabled == true) { if (listadvance.selecteditem.tostring ( ) == "Multiplicacion") r = n1 * n2; else r = n1 / n2; MessageBox.Show ("El Resultado es " + r.tostring ( ), "Respuesta"); Presione F5 para ejecutar la aplicación. Análisis de Resultados
Programación II, Guía 5 1. Crear un formulario, que pedirá el nombre y el salario de un empleado, si ese empleado es Gerente se le hace un descuento de 20% sobre el sueldo, si es subgerente se le hace un descuento del 15% y si es secretaria del 5%, el formulario deberá mostrar cuál es el salario que se le pagará al empleado. 1 10 2. Investigar qué hacen y cómo funciona try y catch en C#, posterior a ello modifique el ejemplo anterior de tal forma que trabaje con try y catch. 3. Crear un formulario, donde se calculará el valor de x1 y x2 utilizando la formula cuadrática Investigación complementaria
Programación II, Guía 5 1. Crear un proyecto que realice conversiones de números a letras y de letras a números. La conversión de números a letras comprenderá desde 0 hasta 1000 y la conversión de letras números de 0 a 200. Debe utilizar una clase en el proyecto, donde irán las funciones y todos los cálculos para las conversiones. Utilice recursividad para optimizar el código y sentencias try /catch para validaciones. 1 11 2. Investigue en qué consiste el entorno gráfico utilizando wpf y realice un programa que haga conversiones de tres tipos diferentes de datos (wpf): a. Temperatura b. Longitud c. Peso Para los tres casos que convierta del sistema internacional de unidades (SI) al sistema anglosajón de unidades. Muestre las unidades y validaciones respectivas
Programación II, Guía 5 1 12 Guía 5: Introducción a Windows Form. Alumno: Máquina No: Docente: GL: Fecha: EVALUACIÓN Hoja de cotejo: 5 % 1-4 5-7 8-10 Nota CONOCIMIENTO Del 20 al 30% Conocimiento deficiente de los fundamentos teóricos Conocimiento y explicación incompleta de los fundamentos teóricos Conocimiento completo y explicación clara de los fundamentos teóricos APLICACIÓN DEL CONOCIMIENTO Del 40% al 60% ACTITUD Del 15% al 30% No tiene actitud proactiva. Actitud propositiva y con propuestas no aplicables al contenido de la guía. Tiene actitud proactiva y sus propuestas son concretas. TOTAL 100%