Aprendiendo a programar aplicaciones gráficas en C++
(paso a paso con ejercicios)
PASO 1) INSTALAR EL PROGRAMA (Qt5 + MinGW)
Instalar el programa (Qt+MingW) Primero vamos a instalar el programa que necesitaremos. Sigue estos pasos:
1) Comprueba si tu versión de Windows es 32 ó 64 bits. Pulsa Inicio ( ) y a
continuación el botón derecho sobre [Equipo]. En el menú que aparece, selecciona
[Propiedades]. Aparece una información de tu equipo, en la que hay que buscar
Tipo de sistema: Sistema operativo de 64 bits (la otra opción es 32)
2) Entra en la página:
http://sourceforge.net/projects/mingwbuilds/files/external-binary-packages/Qt-Builds/
3) Descarga el contenido del enlace:
x64-Qt-5.2.1+QtCreator-3.0.1-(gcc-4 …).7z (cambia 64 por 32 si tu Windows es de 32 bits)
4) Espera el final de la descarga (tardará un poco, son 442 Mb).
Instalar el programa (Qt+MingW) Seguimos:
5) Cuando acabe la descarga, haz
doble-click sobre el archivo
descargado para
descomprimirlo. Si usas WinRar,
te aparecerá algo como:
6) Abre [Mi Equipo] en Windows, y
arrastra la carpeta QtSDK-x86_64
a tu disco C:
(paciencia, también tardará…)
Instalar el programa (Qt+MingW) Queda menos:
7) Cuando acabe, ya puedes cerrar
WinRAR
8) Y abrir la carpeta QtSDK-x86_64
de tu disco C:
9) Ahí encontrarás qtbinpatcher.exe,
que debes ejecutar haciendo
doble-click
Instalar el programa (Qt+MingW) Estamos a punto:
7) Entra en el directorio bin de QtSDK-
x86_64, busca qtcreator y
pulsa el botón derecho del ratón
sobre él.
8) Selecciona Enviar a … Escritorio
(Crear acceso directo).
9) Ya puedes ir a tu escritorio y
ejecutar QtCreator haciendo doble-
click sobre el icono.
Verás que el programa está en inglés. No te asustes, de paso practicas el idioma … Te ayudaré con traducciones como ésta, pero si tienes alguna duda sobre lo que significa alguna palabra, vete a WordReference y ahí te la solucionan.
Instalar el programa (Qt+MingW) Ahora hay que configurar un poco:
10) Entra en el menú [Tools] … [Options]. Aparecerá un menú como el siguiente. Elige
[Build & Run] a la izquierda, y a continuación [Compilers] en la parte superior:
11) Aparecerá una ventana como la siguiente (no te preocupes si no aparecen tantas
opciones). Selecciona [Add], escribe los textos que se indican y pulsa [Apply].
Herramientas Las cosas fáciles no las traduciré…
Construir Y Ejecutar Compiladores: son los
programas que traducen el código que escribimos a programas que puede ejecutar el ordenador
3
4 5
6
1
2
Instalar el programa (Qt+MingW) Ahora hay que configurar un poco:
12) Hacemos algo similar en la pestaña [Debuggers]
Depuradores: son programas que nos ayudan a buscar errores en los que nosotros hagamos.
1 2
3 4
5
Ahora hay que configurar un poco:
13) Y en la pestaña [Qt Versions]
Instalar el programa (Qt+MingW)
1 2
3
4
5
Ya terminamos:
14) Selecciona [Kits] y escoge en los diferentes apartados, terminando con [Ok].
Instalar el programa (Qt+MingW)
1
2
3 4
5 6
Instalar el programa (Qt+MingW) Vamos a hacer una prueba sencilla para ver que todo va bien.
15) Selecciona [File] … [New File or Project].
16) En la ventana que aparece, selecciona
[Applications] y [Qt Widgets Application]. A continuación
[Choose…]
Nuevo Archivo o Proyecto
Escoger
1
2
3
Estamos haciendo una prueba sencilla para ver que todo va bien.
17) Debes elegir un nombre para tu proyecto (un proyecto es un
programa que quieres hacer), y una carpeta donde guardarlo.
Termina pulsando [Next]
Instalar el programa (Qt+MingW)
Crear en (te recomiendo crear un directorio Qt en tu directorio de usuario de Windows …)
Nombre: Usaremos Ejemplo_001, Ejemplo_002, etc.
… y seleccionar “Usar como lugar por defecto” par no tener que volver a buscarlo cada vez.
Siguiente
1
2 (puedes usar Browse…)
3
4
Estamos haciendo una prueba sencilla para ver que todo va bien.
18) A continuación, deja las
opciones que presenta como
están, y pulsa [Next].
19) Sigue haciendo lo mismo hasta
llegar a la pantalla con el botón
[Finish]. Púlsalo también.
Instalar el programa (Qt+MingW)
Terminar
2
1
Ya podemos probar.
20) Te aparecerá una ventana como esta. No te preocupes si no entiendes nada, ya lo
iremos aclarando en siguientes ejercicios. De momento, pulsa el botón [Run]
abajo a la izquierda.
21) Debería aparecer una aplicación como la que ves (2). No hace nada, pero ya la iremos
rellenando en los siguientes capítulos. De momento, simplemente ciérrala (3).
Instalar el programa (Qt+MingW)
1
2 3
Correr / Ejecutar