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