7- Unidad 2: Aplicaciones Windows Forms-2.1. Introducción, Conceptos y Características

1. Unidad 2: Aplicaciones
Windows Forms
2.1. Introducción, conceptos y característica
Autor(es):
Ciencias de la Ingeniería
Carrera de Sistemas de Información
Plataformas de Desarrollo 1
Mg. Luis Fernando Aguas Bucheli
+593 984015184
@Aguaszoft
Laguas@uisrael.edu.ec
Aguaszoft@Outlook.es

2. Tener éxito no es cuestión de suerte, es el
resultado del esfuerzo más arduo
(Anónimo)
Ciencias de la Ingeniería
Carrera de Sistemas de Información
Plataformas de Desarrollo 1

3. Resultado de Aprendizaje
• Analizar metodologías y herramientas tecnológicas, que
mejor se ajusten a las necesidades de las organizaciones..

4. Contenidos
• Introducción
• Objetivos
• Desarrollo de Contenidos
• Conclusiones
• Bibliografía

5. Objetivos
• Adquirir los conceptos básicos relacionados con NET.
• Reconocer las características de .NET.
• Conocer la historia de .NET.

6. 2.1. Introducción, conceptos y característica

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

9. 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.

11. 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"

12. 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.

13. Paso 1: Creación de un proyecto de aplicación
de Windows Forms

14. 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

15. 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

16. 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).

17. 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.

18. 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

19. 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

20. Paso 5: Agregar controles al formulario

21. Paso 6: Asignar un nombre a los controles de
botón

22. Paso 6: Asignar un nombre a los controles de
botón

23. Paso 6: Asignar un nombre a los controles de
botón

24. Paso 6: Asignar un nombre a los controles de
botón

25. Paso 7: Agregar componentes de diálogo al
formulario

26. Paso 7: Agregar componentes de diálogo al
formulario

27. Paso 8: Escribir código para el controlador de
eventos del botón Mostrar una imagen

28. Paso 8: Escribir código para el controlador de
eventos del botón Mostrar una imagen

29. Paso 8: Escribir código para el controlador de
eventos del botón Mostrar una imagen

30. Paso 9: Revisar, comentar y probar el código

31. Paso 9: Revisar, comentar y probar el código

32. Paso 9: Revisar, comentar y probar el código

33. Paso 9: Revisar, comentar y probar el código

34. Paso 9: Revisar, comentar y probar el código

35. Paso 10: Escribir código para botones
adicionales y una casilla

36. Paso 11: Ejecutar el visor de imágenes y
probar otras características

37. Paso 11: Ejecutar el visor de imágenes y
probar otras características

38. Bibliografía