SlideShare ist ein Scribd-Unternehmen logo
1 von 60
Downloaden Sie, um offline zu lesen
Formulario Windows con
Visual C++ 2015
Tutorial
(Visual C++ CLR, MFC, Win32 y ATL)
Í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
11/12/2015Electró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.
11/12/2015Electró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.
11/12/2015Electró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.
11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 6
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
11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 8
Herramientas comunes
11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 9
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
11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 11
Visual C++ 2015 CLR
11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 12
Visual C++ 2015 CLR
• Cuando tengas Visual Studio Community
2015 ya ejecutado, creamos un proyecto
nuevo.
• ArchivoNuevoProyecto…
• Mirar imagen grande en la página
siguiente.
11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 13
Visual C++ 2015 CLR
11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 14
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
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, luegoAgregar un nuevo elemento tal como indica en la imagen
de abajo.
11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 16
Visual C++ 2015 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.
11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 17
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
11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 19
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
11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 21
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
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
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
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
Visual C++ 2015 CLR
11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 26
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
Visual C++ 2015 CLR
11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 28
11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 29
Visual C++ 2015 MFC
11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 30
Visual C++ 2015 MFC
• Cuando tengas Visual Studio Community
2015 ya ejecutado, creamos un proyecto
nuevo.
• ArchivoNuevoProyecto…
• Mirar imagen grande en la página
siguiente.
11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 31
Visual C++ 2015 MFC
11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 32
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
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
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 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.
11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 35
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.
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
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
Visual C++ 2015 MFC
11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 39
11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 40
Visual C++ 2015 Win32
11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 41
Visual C++ 2015 Win32
• Cuando tengas Visual Studio Community
2015 ya ejecutado, creamos un proyecto
nuevo.
• ArchivoNuevoProyecto…
• Mirar imagen grande en la página
siguiente.
11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 42
Visual C++ 2015 Win32
11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 43
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
Visual C++ 2015 Win32
• Aparecerá información.
• Pulsa Siguiente.
11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 45
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
Visual C++ 2015 Win32
11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 47
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
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
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.
11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 51
11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 52
11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 53
11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 54
Visual C++ 2015 Win32
• Pulsamos F5 para compilar y
comprobamos el formulario.
11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 55
11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 56
Enlaces
Enlaces de descargas del ejemplo, foros y otras
informaciones.
11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 57
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
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
Autor
Ángel Acaymo M. G.
Versión 2.0
Contacto: metaconta@gmail.com
11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 60

Weitere ähnliche Inhalte

Was ist angesagt?

Como operar con code...
Como operar con  code...Como operar con  code...
Como operar con code...Luis TC
 
Herramientas para programar en C
Herramientas para programar en CHerramientas para programar en C
Herramientas para programar en CAbraham
 
Tutorial de-codeblocks
Tutorial de-codeblocksTutorial de-codeblocks
Tutorial de-codeblocksMartinCetis109
 
Tutorial aprendiendo a programar
Tutorial aprendiendo a programarTutorial aprendiendo a programar
Tutorial aprendiendo a programarblasty2
 

Was ist angesagt? (7)

Como operar con code...
Como operar con  code...Como operar con  code...
Como operar con code...
 
Net beansdiapo
Net beansdiapoNet beansdiapo
Net beansdiapo
 
Herramientas para programar en C
Herramientas para programar en CHerramientas para programar en C
Herramientas para programar en C
 
Dev c++ para vista y 7
Dev c++ para vista y 7Dev c++ para vista y 7
Dev c++ para vista y 7
 
Tutorial de-codeblocks
Tutorial de-codeblocksTutorial de-codeblocks
Tutorial de-codeblocks
 
E-portafolio
E-portafolioE-portafolio
E-portafolio
 
Tutorial aprendiendo a programar
Tutorial aprendiendo a programarTutorial aprendiendo a programar
Tutorial aprendiendo a programar
 

Andere mochten auch

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Ángel Acaymo M. G.
 
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Ángel Acaymo M. G.
 
Interfaz visual basic 6 y arduino
Interfaz visual basic 6 y arduinoInterfaz visual basic 6 y arduino
Interfaz visual basic 6 y arduinoÁngel Acaymo M. G.
 
Tutorial básico control puerto paralelo con visual basic 6.0
Tutorial básico control puerto paralelo con visual basic 6.0Tutorial básico control puerto paralelo con visual basic 6.0
Tutorial básico control puerto paralelo con visual basic 6.0Eddy Solano
 
Diapositivas Visual
Diapositivas VisualDiapositivas Visual
Diapositivas Visualguest538d81
 
Pasos Para Crear un Formulario Con Base de Datos En Visual Basic
Pasos Para Crear un Formulario Con Base de Datos En Visual BasicPasos Para Crear un Formulario Con Base de Datos En Visual Basic
Pasos Para Crear un Formulario Con Base de Datos En Visual BasicMaybel_Lopez
 
Luz por detector de movimiento y crepuscular Senpir
Luz por detector de movimiento y crepuscular SenpirLuz por detector de movimiento y crepuscular Senpir
Luz por detector de movimiento y crepuscular SenpirÁngel Acaymo M. G.
 
Sistemas de Información Empresarial
Sistemas de Información EmpresarialSistemas de Información Empresarial
Sistemas de Información EmpresarialCristian Salazar C.
 
Presentación arduino conferencia
Presentación arduino conferenciaPresentación arduino conferencia
Presentación arduino conferenciagruposirp
 
Curso de programacion en c++ prev
Curso de programacion en c++ prevCurso de programacion en c++ prev
Curso de programacion en c++ prevjtk1
 
P R O G R A M A V I S U A L C++
P R O G R A M A  V I S U A L  C++P R O G R A M A  V I S U A L  C++
P R O G R A M A V I S U A L C++alejigata
 
Apostila C++ básico - Apostilando.com
Apostila C++ básico - Apostilando.comApostila C++ básico - Apostilando.com
Apostila C++ básico - Apostilando.comKratos879
 
ARDUINO: Plataforma de hardware libre
ARDUINO: Plataforma de hardware libreARDUINO: Plataforma de hardware libre
ARDUINO: Plataforma de hardware libreLuis Manuel Diaz
 

Andere mochten auch (20)

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
 
Interfaz java y arduino
Interfaz java y arduinoInterfaz java y arduino
Interfaz java y arduino
 
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 visual basic 6 y arduino
Interfaz visual basic 6 y arduinoInterfaz visual basic 6 y arduino
Interfaz visual basic 6 y arduino
 
Interfaz puerto paralelo LPT
Interfaz puerto paralelo LPTInterfaz puerto paralelo LPT
Interfaz puerto paralelo LPT
 
Microsoft Visual C++
Microsoft Visual C++Microsoft Visual C++
Microsoft Visual C++
 
Tutorial básico control puerto paralelo con visual basic 6.0
Tutorial básico control puerto paralelo con visual basic 6.0Tutorial básico control puerto paralelo con visual basic 6.0
Tutorial básico control puerto paralelo con visual basic 6.0
 
Diapositivas Visual
Diapositivas VisualDiapositivas Visual
Diapositivas Visual
 
Pasos Para Crear un Formulario Con Base de Datos En Visual Basic
Pasos Para Crear un Formulario Con Base de Datos En Visual BasicPasos Para Crear un Formulario Con Base de Datos En Visual Basic
Pasos Para Crear un Formulario Con Base de Datos En Visual Basic
 
Luz por detector de movimiento y crepuscular Senpir
Luz por detector de movimiento y crepuscular SenpirLuz por detector de movimiento y crepuscular Senpir
Luz por detector de movimiento y crepuscular Senpir
 
Sistemas de Información Empresarial
Sistemas de Información EmpresarialSistemas de Información Empresarial
Sistemas de Información Empresarial
 
Presentación arduino conferencia
Presentación arduino conferenciaPresentación arduino conferencia
Presentación arduino conferencia
 
Introduccion a Windows Form
Introduccion a Windows FormIntroduccion a Windows Form
Introduccion a Windows Form
 
Curso de programacion en c++ prev
Curso de programacion en c++ prevCurso de programacion en c++ prev
Curso de programacion en c++ prev
 
P R O G R A M A V I S U A L C++
P R O G R A M A  V I S U A L  C++P R O G R A M A  V I S U A L  C++
P R O G R A M A V I S U A L C++
 
Apostila C++ básico - Apostilando.com
Apostila C++ básico - Apostilando.comApostila C++ básico - Apostilando.com
Apostila C++ básico - Apostilando.com
 
Descargar proyecto en c#
Descargar proyecto en c#Descargar proyecto en c#
Descargar proyecto en c#
 
Rom laboratory
Rom laboratoryRom laboratory
Rom laboratory
 
ARDUINO: Plataforma de hardware libre
ARDUINO: Plataforma de hardware libreARDUINO: Plataforma de hardware libre
ARDUINO: Plataforma de hardware libre
 
Teensy++2.0
Teensy++2.0Teensy++2.0
Teensy++2.0
 

Ähnlich wie Formulario windows con visual c++

Ähnlich wie Formulario windows con visual c++ (20)

Formulariowindowsconvisualc2017
Formulariowindowsconvisualc2017Formulariowindowsconvisualc2017
Formulariowindowsconvisualc2017
 
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
 
C++
C++C++
C++
 
TUTORIAL DE VISUAL C++
TUTORIAL DE VISUAL C++TUTORIAL DE VISUAL C++
TUTORIAL DE VISUAL C++
 
El entorno visual de trabajo
El entorno visual de trabajoEl entorno visual de trabajo
El entorno visual de trabajo
 
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
 
Tutorial de-codeblocks (1)
Tutorial de-codeblocks (1)Tutorial de-codeblocks (1)
Tutorial de-codeblocks (1)
 
Introducción al curso de C.docx
Introducción al curso de C.docxIntroducción al curso de C.docx
Introducción al curso de C.docx
 
Tutorial codeblocks(2)
Tutorial codeblocks(2)Tutorial codeblocks(2)
Tutorial codeblocks(2)
 
Lenguaje c
Lenguaje cLenguaje c
Lenguaje c
 
Labview & pic
Labview & picLabview & pic
Labview & pic
 
Com
ComCom
Com
 
Tutorial de CodeBlocks
Tutorial de CodeBlocksTutorial de CodeBlocks
Tutorial de CodeBlocks
 
Iniciando c
Iniciando cIniciando c
Iniciando c
 
Manual del uso de codeblocks
Manual del uso de codeblocksManual del uso de codeblocks
Manual del uso de codeblocks
 
Introducción a SharePoint Framework
Introducción a SharePoint FrameworkIntroducción a SharePoint Framework
Introducción a SharePoint Framework
 

Kürzlich hochgeladen

Guia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos BasicosGuia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos BasicosJhonJairoRodriguezCe
 
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...JohnRamos830530
 
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxEVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxJorgeParada26
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estossgonzalezp1
 
How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.FlorenciaCattelani
 
redes informaticas en una oficina administrativa
redes informaticas en una oficina administrativaredes informaticas en una oficina administrativa
redes informaticas en una oficina administrativanicho110
 
investigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXIinvestigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXIhmpuellon
 
Buenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptxBuenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptxFederico Castellari
 
Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21mariacbr99
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanamcerpam
 

Kürzlich hochgeladen (10)

Guia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos BasicosGuia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos Basicos
 
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
 
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxEVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estos
 
How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.
 
redes informaticas en una oficina administrativa
redes informaticas en una oficina administrativaredes informaticas en una oficina administrativa
redes informaticas en una oficina administrativa
 
investigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXIinvestigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXI
 
Buenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptxBuenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptx
 
Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvana
 

Formulario windows con visual c++

  • 1. Formulario Windows con Visual C++ 2015 Tutorial (Visual C++ CLR, MFC, Win32 y ATL)
  • 2. Í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
  • 3. 11/12/2015Electró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. 11/12/2015Electró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. 11/12/2015Electró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. 11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 6
  • 7. 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
  • 8. 11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 8
  • 9. Herramientas comunes 11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 9
  • 10. 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
  • 11. 11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 11
  • 12. Visual C++ 2015 CLR 11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 12
  • 13. Visual C++ 2015 CLR • Cuando tengas Visual Studio Community 2015 ya ejecutado, creamos un proyecto nuevo. • ArchivoNuevoProyecto… • Mirar imagen grande en la página siguiente. 11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 13
  • 14. Visual C++ 2015 CLR 11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 14
  • 15. 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
  • 16. 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, luegoAgregar un nuevo elemento tal como indica en la imagen de abajo. 11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 16
  • 17. Visual C++ 2015 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. 11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 17
  • 18. 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
  • 19. 11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 19
  • 20. 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
  • 21. 11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 21
  • 22. 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
  • 23. 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
  • 24. 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
  • 25. 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
  • 26. Visual C++ 2015 CLR 11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 26
  • 27. 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
  • 28. Visual C++ 2015 CLR 11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 28
  • 29. 11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 29
  • 30. Visual C++ 2015 MFC 11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 30
  • 31. Visual C++ 2015 MFC • Cuando tengas Visual Studio Community 2015 ya ejecutado, creamos un proyecto nuevo. • ArchivoNuevoProyecto… • Mirar imagen grande en la página siguiente. 11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 31
  • 32. Visual C++ 2015 MFC 11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 32
  • 33. 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
  • 34. 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
  • 35. 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 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. 11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 35
  • 36. 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.
  • 37. 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
  • 38. 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
  • 39. Visual C++ 2015 MFC 11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 39
  • 40. 11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 40
  • 41. Visual C++ 2015 Win32 11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 41
  • 42. Visual C++ 2015 Win32 • Cuando tengas Visual Studio Community 2015 ya ejecutado, creamos un proyecto nuevo. • ArchivoNuevoProyecto… • Mirar imagen grande en la página siguiente. 11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 42
  • 43. Visual C++ 2015 Win32 11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 43
  • 44. 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
  • 45. Visual C++ 2015 Win32 • Aparecerá información. • Pulsa Siguiente. 11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 45
  • 46. 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
  • 47. Visual C++ 2015 Win32 11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 47
  • 48. 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
  • 49. 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
  • 50. 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.
  • 51. 11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 51
  • 52. 11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 52
  • 53. 11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 53
  • 54. 11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 54
  • 55. Visual C++ 2015 Win32 • Pulsamos F5 para compilar y comprobamos el formulario. 11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 55
  • 56. 11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 56
  • 57. Enlaces Enlaces de descargas del ejemplo, foros y otras informaciones. 11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 57
  • 58. 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
  • 59. 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
  • 60. Autor Ángel Acaymo M. G. Versión 2.0 Contacto: metaconta@gmail.com 11/12/2015Electrónica PIC - http://electronica-pic.blogspot.com.es 60