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

*************************************************************************************
Objetivos 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.

Requisitos previos 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.
Escenario 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.
Tiempo estimado para
realizar este laboratorio:
45 minutos
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 Información adicional

1. Abrir el proyecto InternalBusinessApp en a. Si deseamos obtener más información sobre abrir

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.
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 recursos:
• Lección: Creación de un formulario en el
Módulo 1, “Introducción a los formularios
Windows Forms”. Esta práctica contiene
información sobre cómo añadir un nuevo
formulario a un proyecto.
• La sección Windows Forms de la
documentación del .NET Framework SDK.
Tareas Información adicional

3. Establecer las propiedades del formulario. Utilizar a. Si deseamos más información sobre las
la siguiente tabla para establecer las propiedades propiedades de formularios y Windows Forms,
del formulario: consultar los siguientes recursos:
Propiedad Valor • Lección: Creación de un formulario en el
(Name) LoginForm Módulo 1, “Introducción a los formularios
ControlBox False Windows Forms”. Esta práctica contiene
FormBorderStyle Fixed3D información sobre cómo establecer las
MaximizeBox False propiedades de un formulario.
MinimizeBox False • La sección Windows Forms de la
Size 322, 210 documentación del .NET Framework SDK.
Text Internal Business
Application Logon

4. Añadir controles al formulario. Añadir dos a. Si deseamos obtener más información sobre
etiquetas, dos cuadros de texto y dos botones al añadir controles a un formulario y Windows
formulario. Forms, consultar los siguientes recursos:
• Lección: Creación de un formulario, en el
Módulo 1, “Introducción a los formularios
Windows Forms.
• La sección Windows Forms de la
documentación del .NET Framework SDK.
Tareas Información adicional

5. Establecer las propiedades de los controles. a. Si deseamos obtener más información sobre las
Utilizar las siguientes tablas para establecer las propiedades de controles y los formularios
propiedades de los controles Windows Forms, consultar los siguientes
Propiedad de Label1 Valor recursos:

(Name) UserNameLabel • Lección: Creación de un formulario, en el

Location 64, 31 Módulo 1, “Introducción a los formularios
Size 63, 14 Windows Forms. Esta práctica contiene
Text Username información sobre cómo establecer
propiedades de controles.
Propiedad de Label2 Valor
• La sección Windows Forms de la
(Name) PasswordLabel documentación del .NET Framework SDK.
Location 64, 71
Size 64, 14
Text Password
Propiedad de Textbox1 Valor
(Name) UserNameTextBox
Location 128, 29
Size 120, 20
Text (Delete existing text
and leave it blank)
Propiedad de Textbox2 Valor
(Name) PasswordTextBox
Location 128, 64
PasswordChart *
Size 120, 20
Text
Propiedad de Button1 Valor
(Name) LogonButton
Location 67, 116
Size 75, 30
Text &Log On
Propiedad de Button2 Valor
(Name) CancelAppButton
Location 171, 116
Size 75, 30
Text &Cancel
Tareas
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:
7. Completar las propiedades del formulario.
Utilizar la siguiente tabla para establecer las
propiedades restantes del formulario.
Propiedad Valor
AcceptButton LogonButton
CancelButton CancelAppButton
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.
Información adicional
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 recursos:
• Lección: Organización de los controles de un
formulario, en el Módulo 1, “Introducción a
los formularios Windows Forms.
• La sección Windows Forms de la
documentación del .NET Framework SDK.
a. Si deseamos obtener más información sobre el
establecimiento de las propiedades del formulario
y Windows Forms, consultar los siguientes
recursos:
• Lección: Organización de los controles de un
formulario, en el Módulo 1, “Introducción a
los formularios Windows Forms.
• La sección Windows Forms de la
documentación del .NET Framework SDK.
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.
Tareas
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.
Información adicional
No se requiere información adicional para esta tarea.
a. Si deseamos obtener más información sobre cómo
trabajar con formularios y Windows Forms,
consultar los siguientes recursos:
• Lección: Creación de un formulario, en el
Módulo 1, “Introducción a los formularios
Windows Forms.
• La sección Windows Forms de la
documentación del .NET Framework SDK.
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 Información adicional

1. Abrir el proyecto InternalBusinessApp en Visual a. Si deseamos obtener más información sobre cómo
Studio .NET. Abra Ex02\Starter para encontrar abrir un archivo de proyecto e iniciar una
este proyecto. 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
2. Abrir el formulario BaseAboutForm en la vista de a. Si deseamos obtener más información sobre cómo
Diseño. añadir nuevos formularios a un proyecto y
Windows Forms, consultar los siguientes
recursos:
• Lección: Creación de un formulario heredado,
en el Módulo 1, “Introducción a los
formularios Windows Forms.
• La sección Windows Forms de la
documentación del .NET Framework SDK.
Tareas Información adicional

3. Utilizar la siguiente tabla para establecer la a. Si deseamos obtener más información sobre cómo
propiedad Modifier de cada control. Para añadir nuevos formularios a un proyecto y
establecer una propiedad para múltiples controles Windows Forms, consultar los siguientes
simultáneamente, utilizar la tecla CTRL para recursos:
seleccionar los controles. • Lección: Creación de un formulario heredado,
Valor de la en el Módulo 1, “Introducción a los
Control Propiedad Modifier formularios Windows Forms.
ProductNameLabel protected • La sección Windows Forms de la
VersionNumber protected documentación del .NET Framework SDK.
CopyrightLabel protected
AllRightsReservedLabel protected
AboutOkButton protected

4. Guardar BaseAboutForm, y generar el proyecto.
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.
No se requiere información adicional para esta tarea.
a. Si deseamos obtener más información sobre cómo
añadir nuevos formularios a un proyecto y
Windows Forms, consultar los siguientes
recursos:
• Lección: Creación de un formulario heredado,
en el Módulo 1, “Introducción a los
formularios Windows Forms.
• La sección Windows Forms de la
documentación del .NET Framework SDK.
Tareas Información adicional

6. Completar las propiedades del formulario a. Si deseamos obtener más información sobre cómo
AppControlAboutForm. Utilizar la siguiente tabla trabajar con formularios heredados y Windows
para establecer las propiedades del formulario. Forms, consultar los siguientes recursos:
Form Valor • Lección: Creción de un formulario heredado,
BackColor Control en el Módulo 1, “Introducción a los
Size 500, 212 formularios Windows Forms”. Esta lección
Text About Internal contiene información sobre cómo trabajar con
Business Application formularios heredados.
• La sección Windows Forms de la
documentación del .NET Framework SDK.
Utilizar la siguiente tabla para establecer las
propiedades de los controles.
Control Propiedad Valor
ProductNameLabel.Text Internal Business
Application
VersionNumber.Text Version 1.0.3153
CopyrightLabel.Text Copyright © 2002
Contoso, Ltd.

7. En AppControlForm, implementar el controlador a. Si deseamos información más detallada sobre las

de eventos Click para el elemento de menú tareas que debemos realizar, ver los comentarios
About. TODO en el código.
b. Si deseamos obtener más información sobre
Windows Forms, consultar el siguiente recurso:
• La sección Windows Forms de la
documentación del .NET Framework SDK.
8. Ejecutar la aplicación para probar el cuadro de a. Si deseamos obtener más información sobre
diálogo About heredado. Windows Forms, consultar el siguiente recurso:
• La sección Windows Forms de la
documentación del .NET Framework SDK.