Formulario windows con visual c++

60
Formulario Windows con Visual C++ 2015 Tutorial (Visual C++ CLR, MFC, Win32 y ATL)

Transcript of Formulario windows con visual c++

Page 1: Formulario windows con visual c++

Formulario Windows con

Visual C++ 2015

Tutorial

(Visual C++ CLR, MFC, Win32 y ATL)

Page 2: Formulario windows con visual c++

Índice

• Presentación – 4

• Visual C++ 2015 CLR – 12

• Visual C++ 2105 MFC – 30

• Visual C++ 2105 Win32 – 41

• Enlaces – 57

• Autor y versión – 60

11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 2

Page 3: Formulario windows con visual c++

11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 3

Page 4: Formulario windows con visual c++

Presentación

• Desde Visual Studio 2012 han complicado un poco las cosas para

crear un Windows Form con Visual C++ CLR, cada versión cambian

detalles que en el fondo está bien por dentro, lo que es más difícil

acceder a él.

• Se presenta un tutorial pequeño paso a paso para saber como crear

un Windows Form.

11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 4

Page 5: Formulario windows con visual c++

Presentación

• Observando las opiniones que he visto por Internet, si vas a usar Visual C++

CLR que opta por la plataforma .net, mejor te centras en Visual C#.

• MFC, Win32 y ATL a parte de ser más complicado, se suele usar para tener

mejor rendimiento, kernel, driver y un largo etc, requiere más tiempo

haciendo códigos.

• Si optas por hacer una interfaz sencilla para controlar dispositivos externos

en el puerto serie como microcontroladores PIC, placas de Arduino,

Raspberry Pi o cualquier otro con el protocolo RS232, mejor usar Visual C++

CLR, C# o Visual Basic .net por su facilidad y comodidad.

11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 5

Page 6: Formulario windows con visual c++

Presentación

• Dependiendo de sus necesidades.

El uso de CLR le proveerá a usted con la más expresiva conjunto de bibliotecas (el todo .NET Framework), en el costo de la restricción de su archivo ejecutable para exigir el .NET Framework para ser instalado en tiempo de ejecución, así como la limitación a la plataforma de Windows (sin embargo, todos los 4 de los enumerados tecnologías son solo para Windows, por lo que la limitación de la plataforma es, probablemente, el menos problemático). Hablando de CLR, MFC, Win32 y ATL.

Sin embargo, CLR requiere el uso de C++/CLI extensiones para el lenguaje C++, así que, en esencia, la necesidad de aprender algo más de las características de lenguaje con el fin de utilizar este. Al hacerlo, obtendrá muchos "extras" tales como el acceso a la .red de bibliotecas, lleno de recolección de basura, etc.

ATL Y MFC son un poco más complicado de decidir. Le indico a la página de MSDN para elegir, para decidir entre ellos. Sobre ATL y MFC es que usted no necesita .NET Framework, sólo el VC/MFC tiempos de ejecución para ser instalado para su implementación.

El uso de Win32 directamente proporciona a los más pequeños ejecutables, con el menor número de dependencias, pero es más trabajo para escribir código y tiempo.

11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 6

Page 7: Formulario windows con visual c++

Presentación

• En esta versión he trabajado con el Sistema operativo Windows 7 de

64 bits y Visual Studio Community 2015.

• Enlace para descargar Visual Studio Community 2015 (Gratuito).

11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 7

Page 8: Formulario windows con visual c++

11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 8

Page 9: Formulario windows con visual c++

Herramientas comunes

11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 9

Page 10: Formulario windows con visual c++

Herramientas comunes

• Puedes descargar Visual Studio

Community 2015 con un ejecutable a

travéz de Internet o descargarte una ISO

para grabarlo en un DVD.

• Antes de instalar, seleccionamos las

Herramientas comunes para Visual C++

2015 como indica en la imagen.

11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 10

Page 11: Formulario windows con visual c++

11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 11

Page 12: Formulario windows con visual c++

Visual C++ 2015 CLR

11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 12

Page 13: Formulario windows con visual c++

Visual C++ 2015 CLR

• Cuando tengas Visual Studio Community

2015 ya ejecutado, creamos un proyecto

nuevo.

• ArchivoNuevoProyecto…

• Mirar imagen grande en la página

siguiente.

11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 13

Page 14: Formulario windows con visual c++

Visual C++ 2015 CLR

11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 14

Page 15: Formulario windows con visual c++

Visual C++ 2015 CLR

• Le ventana Nuevo proyecto está abierta y

seguimos en orden lo que indica la imagen.

• 1) Visual C++ en Plantillas.

• 2) CLR.

• 3) Proyecto vacío de CLR.

• 4) Ponemos el nombre que queramos, en

este caso lo he llamado Proyectazo.

• 5) Pulsamos Aceptar.

11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 15

Page 16: Formulario windows con visual c++

Visual C++ 2015 CLR

• En el “Explorador de soluciones” seleccionamos el nombre de nuestro proyecto, en este caso Proyectazo como el primer paso.

• En la barra de herramientas Proyecto, luego Agregar un nuevo elemento tal como indica en la imagen de abajo.

11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 16

Page 17: Formulario windows con visual c++

Visual C++ 2015 CLR

• Como muestra la imagen de abajo. Cloqueamos en Visual C++ UI y Señalamos Windows Forms, le he añadido como nombre en el tercer paso Form_Principal, puedes poner cualquier nombre, al final, pulsa Aceptar.

11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 17

Page 18: Formulario windows con visual c++

Visual C++ 2015 CLR

• En mi caso puede ver que hay un mensaje

de error como muestra en esta imagen y

en la página siguiente.

• No preocuparse, aún no hemos acabado.

11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 18

Page 19: Formulario windows con visual c++

11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 19

Page 20: Formulario windows con visual c++

Visual C++ 2015 CLR

• Cierra la pestaña pulsando la X. En la página siguiente lo volverás a abrir con el formulario.

11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 20

Page 21: Formulario windows con visual c++

11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 21

Page 22: Formulario windows con visual c++

Visual C++ 2015 CLR

• Indicamos en el “Explorador de soluciones”, hacemos clic en el botón derecho del ratón y luego pulsamos “Propiedades”.

11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 22

Page 23: Formulario windows con visual c++

Visual C++ 2015 CLR

• Sigue el procedimiento indicado abajo, en Subsistema tiene que ser Windows (/SUBSYSTEM:WINDOWS), luego pulsas aplicar.

11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 23

Page 24: Formulario windows con visual c++

Visual C++ 2015 CLR

• Vete a la pestaña “Avanzadas”, Punto de entrada escribes main.

• Finalmente el botón Aceptar.

11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 24

Page 25: Formulario windows con visual c++

Visual C++ 2015 CLR

• Escribe los códigos necesarios como muestra en la imagen, pero antes, mira la página siguiente

que se ve más grande y mejor.

11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 25

Page 26: Formulario windows con visual c++

Visual C++ 2015 CLR

11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 26

Page 27: Formulario windows con visual c++

Visual C++ 2015 CLR

• En la página siguiente muestra el proyecto

del formulario.

• Puedes añadirle un label, cambiar de título

al formulario como prueba.

• Luego pulsas F5 para compilar.

11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 27

Page 28: Formulario windows con visual c++

Visual C++ 2015 CLR

11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 28

Page 29: Formulario windows con visual c++

11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 29

Page 30: Formulario windows con visual c++

Visual C++ 2015 MFC

11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 30

Page 31: Formulario windows con visual c++

Visual C++ 2015 MFC

• Cuando tengas Visual Studio Community

2015 ya ejecutado, creamos un proyecto

nuevo.

• ArchivoNuevoProyecto…

• Mirar imagen grande en la página

siguiente.

11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 31

Page 32: Formulario windows con visual c++

Visual C++ 2015 MFC

11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 32

Page 33: Formulario windows con visual c++

Visual C++ 2015 MFC

• Le ventana Nuevo proyecto está abierta y

seguimos en orden lo que indica la imagen.

• 1) Visual C++ en Plantillas.

• 2) MFC.

• 3) Aplicación MFC.

• 4) Ponemos el nombre que queramos, en

este caso lo he llamado Proyecto_MFC.

• 5) Pulsamos Aceptar.

11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 33

Page 34: Formulario windows con visual c++

Visual C++ 2015 MFC

• Aparece una ventana de información que te indica rápidamente qué es lo que puedes crear con el asistente.

11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 34

Page 35: Formulario windows con visual c++

Visual C++ 2015 MFC

• En el grupo de opciones debemos elegir "Basada en cuadros de diálogo", alternativamente tenemos la opción de utilizar diálogos HTML, ese tipo de diálogo utiliza controles HTML.

• Luego debemos elegir como vamos a utilizar la librería MFC:

• Si usamos MFC como un archivo compartido nuestra aplicación (.exe) ocupará poco espacio será portable hacia cualquier sistema operativo Windows que tenga instalado Visual C++ Runtime.

• En cambio si usamos MFC como una biblioteca estática nuestra aplicación contiene todo lo necesario para ejecutarse, puede llegar a ocupar muchos megas y puede portarse a otros sistemas Windows que incluso no tengan instalado Visual C++ Runtime.

• No usar Bibliotecas Unicode, a menos que sean completamente necesarias.

11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 35

Page 36: Formulario windows con visual c++

Visual C++ 2015 MFC

11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 36

Marco grueso. Si esta activada la propiedad "Border" del diálogo es

"Resizing", y si no es "Dialog Frame“

•Cuadro minimizar: Propiedad "Minimize Box" = True/False

•cuadro Maximizar: Propiedad "Maximize Box" = True/False

•Minimizado: Inicia la ventana minimizada.

Agrega esta linea de código en la función OnInitDialog:

ShowWindow(SW_MINIMIZE);

•Maximizado: Inicia la ventana maximizada.

Agrega esta línea de código en la función OnInitDialog:

ShowWindow(SW_MAXIMIZE);

•Menú del sistema: Es el menú que aparece cuando hacemos clic derecho

sobre la barra de título.

•Cuadro de diálogo Acerca de: Es un dialogo que muestra información de la

aplicación, conocida también como "About... ", a diferencia de las

aplicaciones SDI/MDI no tenemos un menú, es por eso que el asistente

agrega un segmento de código que permite visualizar este diálogo.

Page 37: Formulario windows con visual c++

Visual C++ 2015 MFC

• Lo dejamos así para tener todo limpio para

este ejemplo.

11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 37

Page 38: Formulario windows con visual c++

Visual C++ 2015 MFC

• Tendremos un diálogo que nos va a mostrar las clases que van a generarse, en este punto podemos elegir las clases bases, es muy importante hacerlo por que luego va a ser un poco tedioso hacer cambios.

• En la página siguiente muestra el proyecto del formulario.

• Puedes añadirle un label, cambiar de título al formulario como prueba.

• Luego pulsas F5 para compilar.

11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 38

Page 39: Formulario windows con visual c++

Visual C++ 2015 MFC

11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 39

Page 40: Formulario windows con visual c++

11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 40

Page 41: Formulario windows con visual c++

Visual C++ 2015 Win32

11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 41

Page 42: Formulario windows con visual c++

Visual C++ 2015 Win32

• Cuando tengas Visual Studio Community

2015 ya ejecutado, creamos un proyecto

nuevo.

• ArchivoNuevoProyecto…

• Mirar imagen grande en la página

siguiente.

11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 42

Page 43: Formulario windows con visual c++

Visual C++ 2015 Win32

11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 43

Page 44: Formulario windows con visual c++

Visual C++ 2015 Win32

• Le ventana Nuevo proyecto está abierta y

seguimos en orden lo que indica la imagen.

• 1) Visual C++ en Plantillas.

• 2) Win32.

• 3) Aplicación Win32.

• 4) Ponemos el nombre que queramos, en

este caso lo he llamado Proyecto_Win32.

• 5) Pulsamos Aceptar.

11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 44

Page 45: Formulario windows con visual c++

Visual C++ 2015 Win32

• Aparecerá información.

• Pulsa Siguiente.

11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 45

Page 46: Formulario windows con visual c++

Visual C++ 2015 Win32

• En Opciones adicionales, marca Proyecto

vacío.

• Luego Finalizar.

11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 46

Page 47: Formulario windows con visual c++

Visual C++ 2015 Win32

11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 47

Page 48: Formulario windows con visual c++

Visual C++ 2015 Win32

• Selecciona Archivo C++ (.cpp).

• Como nombre he puesto

Mensaje_texto.cpp.

• Pulse Aceptar.

11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 48

Page 49: Formulario windows con visual c++

Visual C++ 2015 Win32

• En el Explorador de soluciones se ha

creado en Archivos de código fuente el

elemento Mensaje_texto.cpp.

11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 49

Page 50: Formulario windows con visual c++

Visual C++ 2015 Win32

• La explicación paso por paso de cada

código lo explica en el enlace.

• Solo nos centramos en el código fuente

final en el cual insertaremos dentro del

elemento Mensaje_texto.cpp.

• He modificado el nombre del texto,

coordenada del texto, del formulario y el

título del formulario.

• Código fuente en las siguientes páginas.

11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 50

• Ver enlace.

Page 51: Formulario windows con visual c++

11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 51

Page 52: Formulario windows con visual c++

11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 52

Page 53: Formulario windows con visual c++

11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 53

Page 54: Formulario windows con visual c++

11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 54

Page 55: Formulario windows con visual c++

Visual C++ 2015 Win32

• Pulsamos F5 para compilar y

comprobamos el formulario.

11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 55

Page 56: Formulario windows con visual c++

11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 56

Page 57: Formulario windows con visual c++

EnlacesEnlaces de descargas del ejemplo, foros y otras

informaciones.

11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 57

Page 58: Formulario windows con visual c++

Enlaces

Descripción

• Por si quieres ver detalles del programa de este ejemplo, o no hayas la solución desde el tutorial, aquí dejo un enlace de descarga de ejemplo.

Descargar

• Enlace

• Enlace

11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 58

Page 59: Formulario windows con visual c++

Enlaces

• Visual Studio Community 2015: Web principal para la descarga.

• MSDN: Foro oficial sobre Visual Studio.

• TechNet: Foro oficial sobre Sistemas Operativos Windows.

• Blog: Electrónica PIC, encontrarás tutoriales relacionado con Visual Studio y

electrónica.

11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 59

Page 60: Formulario windows con visual c++

AutorÁngel Acaymo M. G.

Versión 2.0

Contacto: [email protected]

11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 60