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
Plataformas de Desarrollo 1
Modalidad de estudios: Presencial
Mg. Luis Fernando Aguas Bucheli
+593 984015184
@Aguaszoft
Laguas@uisrael.edu.ec
Aguaszoft@Live.com

2. Objetivos del encuentro:
1. Adquirir los conceptos básicos relacionados con
NET.
2. Reconocer las características de .NET.
3. Conocer la historia de .NET
Semana Nro. 7

3. Frase Motivacional
“No sueñes tu vida, vive tu sueño.”

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

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

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

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

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

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

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

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

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

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

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

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

18. Paso 5: Agregar controles al formulario

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

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

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 7: Agregar componentes de diálogo al formulario

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

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

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

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

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

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

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 10: Escribir código para botones adicionales y una
casilla

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

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

36. Bibliografía

37. Direccionamiento actividades de aprendizaje
Revisar el aula virtual y realizar las actividades indicadas por el profesor

38. GRACIAS