Práctica A: creación de formularios Windows Forms

Transcripción

1 Práctica A: creación de formularios Windows Forms ************************************************************************************* Objetivos Requisitos previos Escenario Tiempo estimado para realizar este laboratorio: 45 minutos En este laboratorio, demostraremos nuestros conocimientos para: Crear un nuevo formulario. Heredar un a nuevo formulario de un formulario existente. Añadir controles a un formulario. Establecer propiedades de formularios y controles. Para poder trabajar en este laboratorio, debemos tener los conocimientos y capacidades para desarrollar una aplicación Windows Forms sencilla utilizando un lenguaje de programación compatible con Visual Studio.NET. El interfaz Internal Business Application ofrece un punto de acceso común a varias aplicaciones internas de negocio. Para garantizar que la información proporcionada por la aplicación es accedida por el usuario adecuado, la aplicación requiere un formulario de logon. El formulario de logon solicitará al usuario su nombre y contraseña. A continuación, intentaremos autenticar las credenciales del usuario para determinar si se le permite acceder a varias aplicaciones internas. En este laboratorio, añadiremos un nuevo formulario al interfaz Internal Business Application y lo poblaremos con controles. También implementaremos el controlador de eventos Click para los botones del formulario de logon. Además, crearemos el cuadro de diálogo About heredando un nuevo formulario de otro existente.

2 Ejercicio 1 Crear un nuevo formulario Windows En este ejercicio, actualizaremos el interfaz Internal Business Application añadiendo un formulario de logon y lo poblaremos con controles. También estableceremos las propiedades del formulario y de los controles e implementaremos los controladores de eventos Click para los botones del formulario de logon. Hay archivos de inicio y de solución asociados a este ejercicio. Abrir Ex01\Starter para encontrar los archivos de inicio, y Ex01\Solution para encontrar los archivos de solución. Ambas carpetas pueden encontrarse dentro del fichero labs06.zip. Tareas 1. Abrir el proyecto InternalBusinessApp en Visual Studio.NET. Abrir Ex01\Starter para encontrar este proyecto. Nota: El proyecto no se generará hasta que finalice el ejercicio. 2. Añadir un nuevo formulario al proyecto. Utilizar el nombre de formulario LoginForm, y el nombre de archivo LoginForm.vb. a. Si deseamos obtener más información sobre abrir un archivo de proyecto e iniciar una aplicación, consultar: La documentación de Ayuda de Visual Studio.NET. Para más información sobre abrir un archivo de proyecto, en Buscar, seleccionar la caja de verificación para buscar sólo en los títulos y buscar utilizando la frase Open Project Dialog Box. Para más información sobre el inicio de aplicaciones desde el Diseñador, en el índice, buscar utilizando la frase Debugging Windows Applications. a. Si deseamos obtener más información sobre los formularios Windows Forms, consultar los siguientes Lección: Creación de un formulario en el Windows Forms. Esta práctica contiene información sobre cómo añadir un nuevo formulario a un proyecto.

3 3. Establecer las propiedades del formulario. Utilizar la siguiente tabla para establecer las propiedades del formulario: Propiedad LoginForm ControlBox False FormBorderStyle Fixed3D MaximizeBox False MinimizeBox False Size 322, 210 Internal Business Application Logon 4. Añadir controles al formulario. Añadir dos etiquetas, dos cuadros de texto y dos botones al formulario. a. Si deseamos más información sobre las propiedades de formularios y Windows Forms, consultar los siguientes Lección: Creación de un formulario en el Windows Forms. Esta práctica contiene información sobre cómo establecer las propiedades de un formulario. a. Si deseamos obtener más información sobre añadir controles a un formulario y Windows Forms, consultar los siguientes Lección: Creación de un formulario, en el Windows Forms.

4 5. Establecer las propiedades de los controles. Utilizar las siguientes tablas para establecer las propiedades de los controles Propiedad de Label1 UserNameLabel Location 64, 31 Size 63, 14 Username Propiedad de Label2 PasswordLabel Location 64, 71 Size 64, 14 Password Propiedad de box1 UserNameBox Location 128, 29 Size 120, 20 (Delete existing text and leave it blank) Propiedad de box2 PasswordBox Location 128, 64 PasswordChart * Size 120, 20 Propiedad de Button1 LogonButton Location 67, 116 Size 75, 30 &Log On Propiedad de Button2 CancelAppButton Location 171, 116 Size 75, 30 &Cancel a. Si deseamos obtener más información sobre las propiedades de controles y los formularios Windows Forms, consultar los siguientes Lección: Creación de un formulario, en el Windows Forms. Esta práctica contiene información sobre cómo establecer propiedades de controles.

5 6. Establecer el orden de las etiquetas para los controles en el formulario. El orden de las pestañas debería ser parecido al siguiente diagrama: a. Si deseamos obtener más información sobre el establecimiento del orden de las pestañas de un formulario y Windows Forms, consultar los siguientes Lección: Organización de los controles de un formulario, en el Módulo 1, Introducción a los formularios Windows Forms. 7. Completar las propiedades del formulario. Utilizar la siguiente tabla para establecer las propiedades restantes del formulario. Propiedad AcceptButton CancelButton LogonButton CancelAppButton a. Si deseamos obtener más información sobre el establecimiento de las propiedades del formulario y Windows Forms, consultar los siguientes Lección: Organización de los controles de un formulario, en el Módulo 1, Introducción a los formularios Windows Forms. Los siguientes cuatro pasos (pasos 8, 9, 10 y 11) no son necesarios para cumplir los objetivos de los laboratorios pero sí lo son para ejecutar la aplicación y ver los resultados. 8. Declarar campos miembro en la clase LoginForm. Abrir el archivo LoginFormCode.txt y copiar el código bajo el encabezado Declare these class members in the LoginForm class. 9. Implementar propiedades para la clase. Abrir el archivo LoginFormCode.txt y copiar el código bajo el encabezado Add these properties to the LoginForm class. 10. Implementar el controlador de eventos Click para el botón Cancel. Abrir el archivo LoginFormCode.txt y copiar el código requerido bajo el encabezado Create a Click event handler for the Cancel button and add the following code to the event handler. No se requiere información adicional para esta tarea. No se requiere información adicional para esta tarea. No se requiere información adicional para esta tarea.

6 11. Implementar el controlador de eventos Click para el botón Log On. Abrir el archivo LoginFormCode.txt y copiar el código requerido bajo el encabezado Create a Click event handler for the Log On button and add the following code to the event handler. 12. Generar y ejecutar la aplicación. Especificar mario como nombre de usuario y P@ssw0rd para la contraseña. No se requiere información adicional para esta tarea. trabajar con formularios y Windows Forms, consultar los siguientes Lección: Creación de un formulario, en el Windows Forms.

7 Ejercicio 2 Heredar un nuevo formulario de un formulario Windows Forms existente En este ejercicio, actualizaremos el interfaz Internal Business Application añadiendo un diálogo About heredando de un formulario Windows Forms genérico. Hay archivos de inicio y de solución asociados a este ejercicio. Abrir Ex02\Starter para encontrar los archivos de inicio, y Ex02\Solution para encontrar los archivos de solución. Ambas carpetas pueden encontrarse dentro del fichero labs06.zip. Importante En el proyecto InternalBusinessApp.sln de Ex02\ Solution, como el cuadro de diálogo About Internal Business Application del proyecto es un formulario heredado, deberemos generar la solución antes para poder visualizar el formulario AppControlAboutForm en el Diseñador de Windows Forms. Tareas 1. Abrir el proyecto InternalBusinessApp en Visual Studio.NET. Abra Ex02\Starter para encontrar este proyecto. 2. Abrir el formulario BaseAboutForm en la vista de Diseño. abrir un archivo de proyecto e iniciar una aplicación, consultar el siguiente recurso: La documentación de Ayuda de Visual Studio.NET. Para más información sobre abrir un archivo de proyecto, en Buscar, seleccionar la caja de verificación para buscar sólo en los títulos y buscar utilizando la frase Open Project Dialog Box. Para más información sobre el inicio de aplicaciones desde el Diseñador, en el índice, buscar utilizando la frase Debugging Windows Applications añadir nuevos formularios a un proyecto y Windows Forms, consultar los siguientes Lección: Creación de un formulario heredado, en el Módulo 1, Introducción a los formularios Windows Forms.

8 3. Utilizar la siguiente tabla para establecer la propiedad Modifier de cada control. Para establecer una propiedad para múltiples controles simultáneamente, utilizar la tecla CTRL para seleccionar los controles. Control ProductNameLabel VersionNumber CopyrightLabel AllRightsReservedLabel AboutOkButton de la Propiedad Modifier añadir nuevos formularios a un proyecto y Windows Forms, consultar los siguientes Lección: Creación de un formulario heredado, en el Módulo 1, Introducción a los formularios Windows Forms. 4. Guardar BaseAboutForm, y generar el proyecto. No se requiere información adicional para esta tarea. 5. Añadir un nuevo formulario al proyecto utilizando el cuadro de diálogo Inheritance Picker. Utilizar el nombre de formulario AppControlAboutForm. Heredar el formulario del formulario BaseAboutForm. Guardar el nuevo formulario y genera el proyecto. añadir nuevos formularios a un proyecto y Windows Forms, consultar los siguientes Lección: Creación de un formulario heredado, en el Módulo 1, Introducción a los formularios Windows Forms.

9 6. Completar las propiedades del formulario AppControlAboutForm. Utilizar la siguiente tabla para establecer las propiedades del formulario. Form BackColor Control Size 500, 212 About Internal Business Application Utilizar la siguiente tabla para establecer las propiedades de los controles. Control Propiedad ProductNameLabel. Internal Business Application VersionNumber. Version CopyrightLabel. Copyright 2002 Contoso, Ltd. 7. En AppControlForm, implementar el controlador de eventos Click para el elemento de menú About. 8. Ejecutar la aplicación para probar el cuadro de diálogo About heredado. trabajar con formularios heredados y Windows Forms, consultar los siguientes Lección: Creción de un formulario heredado, en el Módulo 1, Introducción a los formularios Windows Forms. Esta lección contiene información sobre cómo trabajar con formularios heredados. a. Si deseamos información más detallada sobre las tareas que debemos realizar, ver los comentarios TODO en el código. b. Si deseamos obtener más información sobre Windows Forms, consultar el siguiente recurso: a. Si deseamos obtener más información sobre Windows Forms, consultar el siguiente recurso: