SlideShare una empresa de Scribd logo
1 de 66
Descargar para leer sin conexión
Formulario Windows con
Visual C++ 2017
Tutorial
(Visual C++ CLR, MFC y Win32)
Índice
• Presentación – 4
• Visual C++ 2017 CLR – 20
• Visual C++ 2017 MFC – 36
• Visual C++ 2017 Win32 – 47
• Enlaces – 63
• Autor y versión – 66
13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 2
13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 3
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.
13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 4
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.
• Este tipo de interfaz es bueno saber como se hace porque lo piden en
algunos centros de enseñanzas como universidades, ciclo formativos y vale
incluso para autodidactas.
13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 5
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.
13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 6
Presentación
• En esta versión he trabajado con el Sistema Operativo Windows 10 de
64 bits y Visual Studio Community 2017.
• Enlace para descargar Visual Studio Community 2017 (Gratuito y en
español).
13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 7
13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 8
Herramientas comunes
13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 9
Herramientas comunes
• Puedes descargar Visual Studio
Community 2017 con un ejecutable atra
vez de Internet o descargarte todo el
contenido en modo local.
• Directamente la versión 2017 no cabe en
un DVD.
13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 10
Herramientas comunes
• En este caso se me ha descargado el
ejecutable llamado
vs_community__1822203968.1489235477.
exe.
• Lo puedo instalar desde vía Web. No se
puede bajar la versión en ISO ya que no
cabe en el DVD.
13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 11
• Aquí en adelante seguimos su procedimiento
para descargarlo en local.
• En mi caso lo descargaré en la carpeta llamada
VS2017_Local en la raíz, en C.
• C:VS2017_Local
Herramientas comunes
• En este caso, en la consola CMD o
símbolo de sistema de Windows
ejecutamos estos comandos.
• Accedemos donde descargamos el
pequeño ejecutable y no olvidar que
elegimos el lenguaje español España en
este caso –lang es-Es.
• Más información en este enlace.
13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 12
Herramientas comunes
• Vemos cuando se descarga todo en el
disco duro donde le indicamos.
• Tarda un buen tiempo así que paciencia.
13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 13
Herramientas comunes
• Vamos al directorio C:VS2017_Local y
ejecutamos el ejecutable.
13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 14
Herramientas comunes
• Pulsas modificar en Visual Studio
Community 2017 y pasa la página
siguiente para elegir lo que queremos
instalar.
13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 15
Herramientas comunes
• Elegimos las opciones indicadas.
13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 16
Herramientas comunes
• Elegimos las opciones indicadas.
13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 17
Herramientas comunes
• Cuando acabes, le das el botón Iniciar.
• Aún así, el acceso directo lo puedes
encontrar en el menú de inicio de
Windows.
13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 18
13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 19
Visual C++ 2017 CLR
13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 20
Visual C++ 2017 CLR
• Cuando tengas Visual Studio Community
2017 ya ejecutado, creamos un proyecto
nuevo.
• ArchivoNuevoProyecto…
• Mirar imagen grande en la página
siguiente.
13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 21
Visual C++ 2017 CLR
13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 22
Visual C++ 2017 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.
13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 23
Visual C++ 2017 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, luegoAgregar un nuevo elemento tal como indica en la imagen
de abajo.
13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 24
Visual C++ 2017 CLR
• Como muestra la imagen de abajo. Cloqueamos enVisual C++  UI y SeñalamosWindows Forms, le
he añadido como nombre en el tercer paso Form_Principal, puedes poner cualquier nombre, al final,
pulsaAceptar.
13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 25
Visual C++ 2017 CLR
• Haz clic con el botón derecho del ratón, si
no aparece “Ver diseñador”, guarde el
proyecto y cierre Visual Studio
Community 2017 al completo, luego
vuelva a abrir.
• Ya debería verse el formulario y no solo el
código fuente.
• La versión Visual Studio Community
2015 también daba otro tipo de problemas
en el cual puedes ver su propio tutorial
desde la página 18 de 60.
13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 26
13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 27
Visual C++ 2017 CLR
• Indicamos en el “Explorador de soluciones”,
hacemos clic en el botón derecho del ratón y
luego pulsamos “Propiedades”.
13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 28
Visual C++ 2017 CLR
• Sigue el procedimiento indicado abajo, en
Subsistema tiene que ser Windows
(/SUBSYSTEM:WINDOWS), luego pulsas
aplicar.
13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 29
Visual C++ 2017 CLR
• Vete a la pestaña “Avanzadas”, Punto de
entrada escribes main.
• Finalmente el botón Aceptar.
13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 30
Visual C++ 2017 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.
13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 31
Visual C++ 2017 CLR
13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 32
Visual C++ 2017 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.
13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 33
Visual C++ 2017 CLR
13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 34
13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 35
Visual C++ 2017 MFC
13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 36
Visual C++ 2017 MFC
• Cuando tengas Visual Studio Community
2017 ya ejecutado, creamos un proyecto
nuevo.
• ArchivoNuevoProyecto…
• Mirar imagen grande en la página
siguiente.
13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 37
Visual C++ 2017 MFC
13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 38
Visual C++ 2017 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.
13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 39
Visual C++ 2017 MFC
• Aparece una ventana de información que te
indica rápidamente qué es lo que puedes crear
con el asistente.
13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 40
Visual C++ 2017 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 instaladoVisual 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 instaladoVisual
C++ Runtime.
• No usar Bibliotecas Unicode, a menos que sean
completamente necesarias.
13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 41
Visual C++ 2017 MFC
13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 42
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.
Visual C++ 2017 MFC
• Lo dejamos así para tener todo limpio para
este ejemplo.
13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 43
Visual C++ 2017 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.
13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 44
Visual C++ 2017 MFC
13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 45
13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 46
Visual C++ 2017 Win32
13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 47
Visual C++ 2017 Win32
• Cuando tengas Visual Studio Community
2017 ya ejecutado, creamos un proyecto
nuevo.
• ArchivoNuevoProyecto…
• Mirar imagen grande en la página
siguiente.
13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 48
Visual C++ 2017 Win32
13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 49
Visual C++ 2017 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.
13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 50
Visual C++ 2017 Win32
• Aparecerá información.
• Pulsa Siguiente.
13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 51
Visual C++ 2017 Win32
• En Opciones adicionales, marca Proyecto
vacío.
• Luego Finalizar.
13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 52
Visual C++ 2017 Win32
13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 53
Visual C++ 2017 Win32
• Selecciona Archivo C++ (.cpp).
• Como nombre he puesto
Mensaje_texto.cpp.
• Pulse Aceptar.
13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 54
Visual C++ 2017 Win32
• En el Explorador de soluciones se ha
creado en Archivos de código fuente el
elemento Mensaje_texto.cpp.
13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 55
Visual C++ 2017 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.
13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 56
• Ver enlace.
13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 57
13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 58
13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 59
13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 60
Visual C++ 2017 Win32
• Pulsamos F5 para compilar y
comprobamos el formulario.
13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 61
13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 62
Enlaces
Enlaces de descargas del ejemplo, foros y otras
informaciones.
13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 63
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
13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 64
Enlaces
• Visual Studio Community 2017: 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.
• Youtube: Canal de Metaconta.
• Mismo tutorial versión VSC 2015.
13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 65
Autor
Ángel Acaymo M. G.
Versión 3.00
Contacto: metaconta@gmail.com
13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 66

Más contenido relacionado

La actualidad más candente

IEEE 830 1998: Software Requirements Specification (Especificación de requisi...
IEEE 830 1998: Software Requirements Specification (Especificación de requisi...IEEE 830 1998: Software Requirements Specification (Especificación de requisi...
IEEE 830 1998: Software Requirements Specification (Especificación de requisi...Jesús Navarro
 
3.1 politica y_filosofia
3.1 politica y_filosofia3.1 politica y_filosofia
3.1 politica y_filosofiabeymarlopez
 
Cuadro comparativo de manejadores de la base de datos
Cuadro comparativo de manejadores de la base de datos Cuadro comparativo de manejadores de la base de datos
Cuadro comparativo de manejadores de la base de datos Maria Garcia
 
Set de 35 instrucciones para pic16f877A programación en assembler
Set de 35 instrucciones para pic16f877A programación en assembler Set de 35 instrucciones para pic16f877A programación en assembler
Set de 35 instrucciones para pic16f877A programación en assembler Anllel Cardenas Yllanes
 
Unidad 3 administracion de la memoria
Unidad 3 administracion de la memoriaUnidad 3 administracion de la memoria
Unidad 3 administracion de la memoriacaredimaria
 
Cuadro comparativo de SMBD
Cuadro comparativo de SMBD Cuadro comparativo de SMBD
Cuadro comparativo de SMBD Jazmin Glez.
 
Arquitectura en Capas
Arquitectura en CapasArquitectura en Capas
Arquitectura en CapasHelenSaravia
 
Análisis de Requerimientos
Análisis de RequerimientosAnálisis de Requerimientos
Análisis de RequerimientosUTPL UTPL
 
Etapas del Desarrollo Software
Etapas del Desarrollo SoftwareEtapas del Desarrollo Software
Etapas del Desarrollo SoftwareZuleima
 
Preparando el entorno de la base de datos Oracle 11g Administration I-Z052-03
Preparando el entorno de la base de datos Oracle 11g Administration I-Z052-03Preparando el entorno de la base de datos Oracle 11g Administration I-Z052-03
Preparando el entorno de la base de datos Oracle 11g Administration I-Z052-03Alexander Calderón
 
Diseño de software modelo lineal (presentacion)
Diseño de software   modelo lineal (presentacion)Diseño de software   modelo lineal (presentacion)
Diseño de software modelo lineal (presentacion)Marco Antonio Perez Montero
 
Arquitecturas de Bases de Datos Distribuidas
Arquitecturas de Bases de Datos DistribuidasArquitecturas de Bases de Datos Distribuidas
Arquitecturas de Bases de Datos DistribuidasAntonio Soria
 
Ingeniería de Requerimientos
Ingeniería de RequerimientosIngeniería de Requerimientos
Ingeniería de RequerimientosNaylu Rincón
 

La actualidad más candente (20)

IEEE 830 1998: Software Requirements Specification (Especificación de requisi...
IEEE 830 1998: Software Requirements Specification (Especificación de requisi...IEEE 830 1998: Software Requirements Specification (Especificación de requisi...
IEEE 830 1998: Software Requirements Specification (Especificación de requisi...
 
2 modelos de la ingenieria de software
2  modelos de la ingenieria de software2  modelos de la ingenieria de software
2 modelos de la ingenieria de software
 
Lenguaje c++
Lenguaje c++Lenguaje c++
Lenguaje c++
 
Cuadro comparativo de los diferentes DBMS
Cuadro comparativo de los diferentes DBMSCuadro comparativo de los diferentes DBMS
Cuadro comparativo de los diferentes DBMS
 
3.1 politica y_filosofia
3.1 politica y_filosofia3.1 politica y_filosofia
3.1 politica y_filosofia
 
Cuadro comparativo de manejadores de la base de datos
Cuadro comparativo de manejadores de la base de datos Cuadro comparativo de manejadores de la base de datos
Cuadro comparativo de manejadores de la base de datos
 
Set de 35 instrucciones para pic16f877A programación en assembler
Set de 35 instrucciones para pic16f877A programación en assembler Set de 35 instrucciones para pic16f877A programación en assembler
Set de 35 instrucciones para pic16f877A programación en assembler
 
Linq
LinqLinq
Linq
 
Gestión de memoria
Gestión de memoriaGestión de memoria
Gestión de memoria
 
2.3.1
2.3.12.3.1
2.3.1
 
Unidad 3 administracion de la memoria
Unidad 3 administracion de la memoriaUnidad 3 administracion de la memoria
Unidad 3 administracion de la memoria
 
Cuadro comparativo de SMBD
Cuadro comparativo de SMBD Cuadro comparativo de SMBD
Cuadro comparativo de SMBD
 
Arquitectura en Capas
Arquitectura en CapasArquitectura en Capas
Arquitectura en Capas
 
Análisis de Requerimientos
Análisis de RequerimientosAnálisis de Requerimientos
Análisis de Requerimientos
 
Ciclo de instrucción
Ciclo de instrucciónCiclo de instrucción
Ciclo de instrucción
 
Etapas del Desarrollo Software
Etapas del Desarrollo SoftwareEtapas del Desarrollo Software
Etapas del Desarrollo Software
 
Preparando el entorno de la base de datos Oracle 11g Administration I-Z052-03
Preparando el entorno de la base de datos Oracle 11g Administration I-Z052-03Preparando el entorno de la base de datos Oracle 11g Administration I-Z052-03
Preparando el entorno de la base de datos Oracle 11g Administration I-Z052-03
 
Diseño de software modelo lineal (presentacion)
Diseño de software   modelo lineal (presentacion)Diseño de software   modelo lineal (presentacion)
Diseño de software modelo lineal (presentacion)
 
Arquitecturas de Bases de Datos Distribuidas
Arquitecturas de Bases de Datos DistribuidasArquitecturas de Bases de Datos Distribuidas
Arquitecturas de Bases de Datos Distribuidas
 
Ingeniería de Requerimientos
Ingeniería de RequerimientosIngeniería de Requerimientos
Ingeniería de Requerimientos
 

Similar a Formulario windows con visual c++ 2017

Formulario windows con visual c++
Formulario windows con visual c++Formulario windows con visual c++
Formulario windows con visual c++Ángel Acaymo M. G.
 
TUTORIAL DE VISUAL C++
TUTORIAL DE VISUAL C++TUTORIAL DE VISUAL C++
TUTORIAL DE VISUAL C++Mena75
 
CAPÍTULO 1 FUNDAMENTOS MZ-CV-DA-ESPE.pdf
CAPÍTULO 1 FUNDAMENTOS MZ-CV-DA-ESPE.pdfCAPÍTULO 1 FUNDAMENTOS MZ-CV-DA-ESPE.pdf
CAPÍTULO 1 FUNDAMENTOS MZ-CV-DA-ESPE.pdfGabriel Medina
 
Crear formulario windows form con visual c++ 2015
Crear formulario windows form con visual c++ 2015Crear formulario windows form con visual c++ 2015
Crear formulario windows form con visual c++ 2015Ángel Acaymo M. G.
 
El entorno visual de trabajo
El entorno visual de trabajoEl entorno visual de trabajo
El entorno visual de trabajouftcs_t711
 
Tutorial de-codeblocks
Tutorial de-codeblocksTutorial de-codeblocks
Tutorial de-codeblocksMartinCetis109
 
Tutorial de-codeblocks (1)
Tutorial de-codeblocks (1)Tutorial de-codeblocks (1)
Tutorial de-codeblocks (1)MartinCetis109
 
Tutorial aprendiendo a programar
Tutorial aprendiendo a programarTutorial aprendiendo a programar
Tutorial aprendiendo a programarEduardo Méndez
 
Tutorial aprendiendo a programar
Tutorial aprendiendo a programarTutorial aprendiendo a programar
Tutorial aprendiendo a programarJuan Hoyos
 
Tutorial aprendiendo a programar
Tutorial aprendiendo a programarTutorial aprendiendo a programar
Tutorial aprendiendo a programarblasty2
 
Tutorial aprendiendo a programar
Tutorial aprendiendo a programarTutorial aprendiendo a programar
Tutorial aprendiendo a programarblasty2
 

Similar a Formulario windows con visual c++ 2017 (20)

Formulariowindowsconvisualc2017
Formulariowindowsconvisualc2017Formulariowindowsconvisualc2017
Formulariowindowsconvisualc2017
 
Formulario windows con visual c++
Formulario windows con visual c++Formulario windows con visual c++
Formulario windows con visual c++
 
C++
C++C++
C++
 
C++
C++C++
C++
 
TUTORIAL DE VISUAL C++
TUTORIAL DE VISUAL C++TUTORIAL DE VISUAL C++
TUTORIAL DE VISUAL C++
 
Tutorial de- c. ++
Tutorial de- c. ++ Tutorial de- c. ++
Tutorial de- c. ++
 
Tutorial de-c ++
Tutorial de-c ++Tutorial de-c ++
Tutorial de-c ++
 
Tutorial de-c ++
Tutorial de-c ++Tutorial de-c ++
Tutorial de-c ++
 
Tutorial de-c
Tutorial de-cTutorial de-c
Tutorial de-c
 
Tutorial de-c
Tutorial de-cTutorial de-c
Tutorial de-c
 
CAPÍTULO 1 FUNDAMENTOS MZ-CV-DA-ESPE.pdf
CAPÍTULO 1 FUNDAMENTOS MZ-CV-DA-ESPE.pdfCAPÍTULO 1 FUNDAMENTOS MZ-CV-DA-ESPE.pdf
CAPÍTULO 1 FUNDAMENTOS MZ-CV-DA-ESPE.pdf
 
Crear formulario windows form con visual c++ 2015
Crear formulario windows form con visual c++ 2015Crear formulario windows form con visual c++ 2015
Crear formulario windows form con visual c++ 2015
 
El entorno visual de trabajo
El entorno visual de trabajoEl entorno visual de trabajo
El entorno visual de trabajo
 
Tutorial de-codeblocks
Tutorial de-codeblocksTutorial de-codeblocks
Tutorial de-codeblocks
 
Tutorial de-codeblocks (1)
Tutorial de-codeblocks (1)Tutorial de-codeblocks (1)
Tutorial de-codeblocks (1)
 
Tutorial codeblocks(2)
Tutorial codeblocks(2)Tutorial codeblocks(2)
Tutorial codeblocks(2)
 
Tutorial aprendiendo a programar
Tutorial aprendiendo a programarTutorial aprendiendo a programar
Tutorial aprendiendo a programar
 
Tutorial aprendiendo a programar
Tutorial aprendiendo a programarTutorial aprendiendo a programar
Tutorial aprendiendo a programar
 
Tutorial aprendiendo a programar
Tutorial aprendiendo a programarTutorial aprendiendo a programar
Tutorial aprendiendo a programar
 
Tutorial aprendiendo a programar
Tutorial aprendiendo a programarTutorial aprendiendo a programar
Tutorial aprendiendo a programar
 

Más de Ángel Acaymo M. G.

Más de Ángel Acaymo M. G. (12)

Arduino mfc y puerto serie
Arduino mfc y puerto serieArduino mfc y puerto serie
Arduino mfc y puerto serie
 
Arduino delphi tokio 10.2 y puerto serie
Arduino delphi tokio 10.2 y puerto serieArduino delphi tokio 10.2 y puerto serie
Arduino delphi tokio 10.2 y puerto serie
 
Arduino c++ y puerto serie
Arduino c++ y puerto serieArduino c++ y puerto serie
Arduino c++ y puerto serie
 
Entrada digital con arduino y visual studio 2015
Entrada digital con arduino y visual studio 2015Entrada digital con arduino y visual studio 2015
Entrada digital con arduino y visual studio 2015
 
Interfaz java y arduino
Interfaz java y arduinoInterfaz java y arduino
Interfaz java y arduino
 
Interfaz visual basic 6 y arduino
Interfaz visual basic 6 y arduinoInterfaz visual basic 6 y arduino
Interfaz visual basic 6 y arduino
 
Apagar y encender led con arduino y visual studio 2015
Apagar y encender led con arduino y visual studio 2015Apagar y encender led con arduino y visual studio 2015
Apagar y encender led con arduino y visual studio 2015
 
Rom laboratory
Rom laboratoryRom laboratory
Rom laboratory
 
Desbloquear impresora Brother MFC-440CN error 46
Desbloquear impresora Brother MFC-440CN error 46Desbloquear impresora Brother MFC-440CN error 46
Desbloquear impresora Brother MFC-440CN error 46
 
Teensy++2.0
Teensy++2.0Teensy++2.0
Teensy++2.0
 
Interfaz puerto paralelo LPT
Interfaz puerto paralelo LPTInterfaz puerto paralelo LPT
Interfaz puerto paralelo LPT
 
Mplab Inicio Rapido
Mplab Inicio RapidoMplab Inicio Rapido
Mplab Inicio Rapido
 

Formulario windows con visual c++ 2017

  • 1. Formulario Windows con Visual C++ 2017 Tutorial (Visual C++ CLR, MFC y Win32)
  • 2. Índice • Presentación – 4 • Visual C++ 2017 CLR – 20 • Visual C++ 2017 MFC – 36 • Visual C++ 2017 Win32 – 47 • Enlaces – 63 • Autor y versión – 66 13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 2
  • 3. 13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 3
  • 4. 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. 13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 4
  • 5. 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. • Este tipo de interfaz es bueno saber como se hace porque lo piden en algunos centros de enseñanzas como universidades, ciclo formativos y vale incluso para autodidactas. 13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 5
  • 6. 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. 13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 6
  • 7. Presentación • En esta versión he trabajado con el Sistema Operativo Windows 10 de 64 bits y Visual Studio Community 2017. • Enlace para descargar Visual Studio Community 2017 (Gratuito y en español). 13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 7
  • 8. 13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 8
  • 9. Herramientas comunes 13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 9
  • 10. Herramientas comunes • Puedes descargar Visual Studio Community 2017 con un ejecutable atra vez de Internet o descargarte todo el contenido en modo local. • Directamente la versión 2017 no cabe en un DVD. 13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 10
  • 11. Herramientas comunes • En este caso se me ha descargado el ejecutable llamado vs_community__1822203968.1489235477. exe. • Lo puedo instalar desde vía Web. No se puede bajar la versión en ISO ya que no cabe en el DVD. 13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 11 • Aquí en adelante seguimos su procedimiento para descargarlo en local. • En mi caso lo descargaré en la carpeta llamada VS2017_Local en la raíz, en C. • C:VS2017_Local
  • 12. Herramientas comunes • En este caso, en la consola CMD o símbolo de sistema de Windows ejecutamos estos comandos. • Accedemos donde descargamos el pequeño ejecutable y no olvidar que elegimos el lenguaje español España en este caso –lang es-Es. • Más información en este enlace. 13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 12
  • 13. Herramientas comunes • Vemos cuando se descarga todo en el disco duro donde le indicamos. • Tarda un buen tiempo así que paciencia. 13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 13
  • 14. Herramientas comunes • Vamos al directorio C:VS2017_Local y ejecutamos el ejecutable. 13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 14
  • 15. Herramientas comunes • Pulsas modificar en Visual Studio Community 2017 y pasa la página siguiente para elegir lo que queremos instalar. 13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 15
  • 16. Herramientas comunes • Elegimos las opciones indicadas. 13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 16
  • 17. Herramientas comunes • Elegimos las opciones indicadas. 13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 17
  • 18. Herramientas comunes • Cuando acabes, le das el botón Iniciar. • Aún así, el acceso directo lo puedes encontrar en el menú de inicio de Windows. 13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 18
  • 19. 13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 19
  • 20. Visual C++ 2017 CLR 13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 20
  • 21. Visual C++ 2017 CLR • Cuando tengas Visual Studio Community 2017 ya ejecutado, creamos un proyecto nuevo. • ArchivoNuevoProyecto… • Mirar imagen grande en la página siguiente. 13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 21
  • 22. Visual C++ 2017 CLR 13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 22
  • 23. Visual C++ 2017 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. 13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 23
  • 24. Visual C++ 2017 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, luegoAgregar un nuevo elemento tal como indica en la imagen de abajo. 13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 24
  • 25. Visual C++ 2017 CLR • Como muestra la imagen de abajo. Cloqueamos enVisual C++  UI y SeñalamosWindows Forms, le he añadido como nombre en el tercer paso Form_Principal, puedes poner cualquier nombre, al final, pulsaAceptar. 13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 25
  • 26. Visual C++ 2017 CLR • Haz clic con el botón derecho del ratón, si no aparece “Ver diseñador”, guarde el proyecto y cierre Visual Studio Community 2017 al completo, luego vuelva a abrir. • Ya debería verse el formulario y no solo el código fuente. • La versión Visual Studio Community 2015 también daba otro tipo de problemas en el cual puedes ver su propio tutorial desde la página 18 de 60. 13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 26
  • 27. 13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 27
  • 28. Visual C++ 2017 CLR • Indicamos en el “Explorador de soluciones”, hacemos clic en el botón derecho del ratón y luego pulsamos “Propiedades”. 13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 28
  • 29. Visual C++ 2017 CLR • Sigue el procedimiento indicado abajo, en Subsistema tiene que ser Windows (/SUBSYSTEM:WINDOWS), luego pulsas aplicar. 13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 29
  • 30. Visual C++ 2017 CLR • Vete a la pestaña “Avanzadas”, Punto de entrada escribes main. • Finalmente el botón Aceptar. 13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 30
  • 31. Visual C++ 2017 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. 13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 31
  • 32. Visual C++ 2017 CLR 13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 32
  • 33. Visual C++ 2017 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. 13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 33
  • 34. Visual C++ 2017 CLR 13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 34
  • 35. 13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 35
  • 36. Visual C++ 2017 MFC 13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 36
  • 37. Visual C++ 2017 MFC • Cuando tengas Visual Studio Community 2017 ya ejecutado, creamos un proyecto nuevo. • ArchivoNuevoProyecto… • Mirar imagen grande en la página siguiente. 13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 37
  • 38. Visual C++ 2017 MFC 13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 38
  • 39. Visual C++ 2017 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. 13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 39
  • 40. Visual C++ 2017 MFC • Aparece una ventana de información que te indica rápidamente qué es lo que puedes crear con el asistente. 13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 40
  • 41. Visual C++ 2017 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 instaladoVisual 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 instaladoVisual C++ Runtime. • No usar Bibliotecas Unicode, a menos que sean completamente necesarias. 13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 41
  • 42. Visual C++ 2017 MFC 13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 42 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.
  • 43. Visual C++ 2017 MFC • Lo dejamos así para tener todo limpio para este ejemplo. 13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 43
  • 44. Visual C++ 2017 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. 13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 44
  • 45. Visual C++ 2017 MFC 13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 45
  • 46. 13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 46
  • 47. Visual C++ 2017 Win32 13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 47
  • 48. Visual C++ 2017 Win32 • Cuando tengas Visual Studio Community 2017 ya ejecutado, creamos un proyecto nuevo. • ArchivoNuevoProyecto… • Mirar imagen grande en la página siguiente. 13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 48
  • 49. Visual C++ 2017 Win32 13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 49
  • 50. Visual C++ 2017 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. 13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 50
  • 51. Visual C++ 2017 Win32 • Aparecerá información. • Pulsa Siguiente. 13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 51
  • 52. Visual C++ 2017 Win32 • En Opciones adicionales, marca Proyecto vacío. • Luego Finalizar. 13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 52
  • 53. Visual C++ 2017 Win32 13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 53
  • 54. Visual C++ 2017 Win32 • Selecciona Archivo C++ (.cpp). • Como nombre he puesto Mensaje_texto.cpp. • Pulse Aceptar. 13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 54
  • 55. Visual C++ 2017 Win32 • En el Explorador de soluciones se ha creado en Archivos de código fuente el elemento Mensaje_texto.cpp. 13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 55
  • 56. Visual C++ 2017 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. 13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 56 • Ver enlace.
  • 57. 13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 57
  • 58. 13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 58
  • 59. 13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 59
  • 60. 13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 60
  • 61. Visual C++ 2017 Win32 • Pulsamos F5 para compilar y comprobamos el formulario. 13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 61
  • 62. 13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 62
  • 63. Enlaces Enlaces de descargas del ejemplo, foros y otras informaciones. 13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 63
  • 64. 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 13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 64
  • 65. Enlaces • Visual Studio Community 2017: 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. • Youtube: Canal de Metaconta. • Mismo tutorial versión VSC 2015. 13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 65
  • 66. Autor Ángel Acaymo M. G. Versión 3.00 Contacto: metaconta@gmail.com 13/03/2017Electrónica PIC - http://electronica-pic.blogspot.com.es 66