Ciencias de la Ingeniería

Carrera de Sistemas de Información

Plataformas de Desarrollo 1

Unidad 2: Aplicaciones
Windows Forms
2.1. Introducción, conceptos y característica

Autor(es): Mg. Luis Fernando Aguas Bucheli

+593 984015184
@Aguaszoft
Laguas@uisrael.edu.ec
Aguaszoft@Outlook.es
 Ciencias de la Ingeniería
Carrera de Sistemas de Información
Plataformas de Desarrollo 1

Tener éxito no es cuestión de suerte, es el

resultado del esfuerzo más arduo

(Anónimo)
 Resultado de Aprendizaje
• Analizar metodologías y herramientas tecnológicas, que
mejor se ajusten a las necesidades de las organizaciones..
 Contenidos
• Introducción
• Objetivos
• Desarrollo de Contenidos
• Conclusiones
• Bibliografía
 Objetivos
• Adquirir los conceptos básicos relacionados con NET.
• Reconocer las características de .NET.
• Conocer la historia de .NET.
2.1. Introducción, conceptos y característica
 Paso 1: Creación de un proyecto de aplicación
de Windows Forms

• Al crear un visor de imagen, el primer paso

consiste en crear un proyecto de aplicación
de Windows Forms.
• Apertura de Visual Studio 2019
• En la ventana de inicio, elija Crear un
proyecto nuevo.
Paso 1: Creación de un proyecto de aplicación
de Windows Forms

• En el cuadro de búsqueda de la ventana

Crear un proyecto, escriba Windows Forms.
A continuación, elija Escritorio en la lista
Tipo de proyecto.
• Después de aplicar el filtro Tipo de
proyecto, elija la plantilla Aplicación de
Windows Forms (.NET Framework) para
C# o Visual Basic, y después seleccione
Siguiente.
 Paso 1: Creación de un proyecto de aplicación
de Windows Forms

• Si no ve la plantilla Aplicación de Windows

Forms (.NET Framework) , puede instalarla
desde la ventana Crear un proyecto nuevo.
En el mensaje ¿No encuentra lo que busca?
, elija el vínculo Instalar más herramientas y
características.
• Vínculo "Instalar más herramientas y
características" del mensaje "¿No encuentra
lo que busca?" que aparece en la ventana
"Crear proyecto"
 Paso 1: Creación de un proyecto de aplicación
de Windows Forms

• A continuación, en el Instalador de Visual

Studio, elija la carga de trabajo Desarrollo de
escritorio de .NET.

• Carga de trabajo de .NET Core en el

instalador de Visual Studio

• Después, elija el botón Modificar en el

Instalador de Visual Studio.
Paso 1: Creación de un proyecto de aplicación
de Windows Forms
 Paso 2: Ejecución de la aplicación de visor de
imágenes
Al crear un proyecto de aplicación de Windows Forms, en realidad
se compila un programa que se ejecuta. En este tutorial, la
aplicación de visor de imágenes todavía no hace mucho, aunque lo
hará. Por ahora, muestra una ventana vacía en la que se ve Form1
(Formulario1) en la barra de título.

Aquí se muestra cómo ejecutar la aplicación.

1. Elija uno de los métodos siguientes:

•Elija la tecla F5.
•En la barra de menús, seleccione Depurar > Iniciar
depuración.
•En la barra de herramientas, elija el botón Iniciar depuración,
que aparece de esta forma:

Botón de la barra de herramientas Iniciar depuración

 Paso 2: Ejecución de la aplicación de visor de
imágenes

Vuelva al entorno de desarrollo integrado (IDE) de Visual

Studio y examine la nueva barra de herramientas. Al ejecutar
una aplicación, aparecen botones adicionales en la barra de
herramientas. Estos botones permiten hacer cosas como
detener e iniciar la aplicación, y ayudan a realizar el
seguimiento de los errores que pueda haber. En este
ejemplo, se usa para iniciar y detener la aplicación.

Barra de herramientas Depuración

 Paso 3: Establecer las propiedades del
formulario

Asegúrese de que está en el Diseñador de Windows

Forms. En el entorno de desarrollo integrado (IDE) de Visual
Studio, elija la pestaña Form1.cs [Diseño] (o la pestaña
Form1.vb [Diseño] en Visual Basic).
 Paso 3: Establecer las propiedades del
formulario

Vuelva al Diseñador de Windows Forms. Elija el

controlador de arrastre inferior derecho del formulario, que
es el cuadradito blanco que aparece en el vértice inferior
derecho del formulario y tiene el siguiente aspecto.
 Paso 4: Diseñar un formulario con un control
TableLayoutPanel
•En el lado izquierdo del IDE
de Visual Studio, seleccione la
pestaña Cuadro de
herramientas. (Como
alternativa, seleccione Ver >
Cuadro de herramienta en la
barra de menús, o bien
presione Ctrl+Alt+X).
•Seleccione el símbolo del
triángulo pequeño que se
encuentra junto al grupo
Contenedores para abrirlo,
como se muestra en la captura
de pantalla siguiente
 Paso 4: Diseñar un formulario con un control
TableLayoutPanel
•Puede agregar controles
como botones, casillas y
etiquetas al formulario. Haga
doble clic en el control
TableLayoutPanel del cuadro
de herramientas. (También
puede arrastrar el control
desde el Cuadro de
herramientas hasta el
formulario). Al hacerlo, el IDE
agrega un control
TableLayoutPanel al
formulario, como se muestra
en la captura de pantalla
siguiente
Paso 5: Agregar controles al formulario
Paso 6: Asignar un nombre a los controles de
botón
Paso 6: Asignar un nombre a los controles de
botón
Paso 6: Asignar un nombre a los controles de
botón
Paso 6: Asignar un nombre a los controles de
botón
Paso 7: Agregar componentes de diálogo al
formulario
Paso 7: Agregar componentes de diálogo al
formulario
Paso 8: Escribir código para el controlador de
eventos del botón Mostrar una imagen
Paso 8: Escribir código para el controlador de
eventos del botón Mostrar una imagen
Paso 8: Escribir código para el controlador de
eventos del botón Mostrar una imagen
Paso 9: Revisar, comentar y probar el código
Paso 9: Revisar, comentar y probar el código
Paso 9: Revisar, comentar y probar el código
Paso 9: Revisar, comentar y probar el código
Paso 9: Revisar, comentar y probar el código
Paso 10: Escribir código para botones
adicionales y una casilla
Paso 11: Ejecutar el visor de imágenes y
probar otras características
Paso 11: Ejecutar el visor de imágenes y
probar otras características
Bibliografía