Integración de

 Qt con Eclipse

Por:
Rubén Coloma
colombit.ruben@gmail.com
Guatemala Julio de 2008
 Introducción

En muchas ocasiones necesitamos diseñar interfaces gráficas de usuario para C+

+, y nos vemos en la necesidad de utilizar Qt Designer para hacer dichas interfaces. Qt
Designer es una herramienta muy poderosa, pero es poco amigable para las personas
que estamos acostumbrados a trabajar con entornos integrados de desarrollo
completos.

En este manual se describen los pasos a seguir para poder integrar toda la
funcionalidad de Qt Designer al entorno de desarrollo que nos brinda Eclipse en la
distribución Ubuntu 8.04, y de esta manera contar con una herramienta alternativa para
programar aplicaciones gráficas usando las librerías de Qt y todo el potencial de C++.
 Integración de Qt con Eclipse
1. Instalación de Qt

Lo primero que debemos hacer es instalar todas las dependencias necesarias

para que Qt 4 funcione, además de las herramientas necesarias para poder compilar
nuestro código C/C++.

Específicamente vamos a instalar:

✔ Herramientas de programación, depuración y compilación:
○ GCC, Compilador C
○ G++, Compilador C++
○ Librerias Qt4
○ DDD, Data Display Debuger
○ Make, Herramienta de compilación en Qt
○ Flex, Generador de analizadores Léxicos
○ Bosin, Generador de analizadores Sintácticos

Ejecutamos en consola la siguiente series de comandos:

● GCC y librerías relacionadas
sudo apt­get install gcc libc6 libc6­dev

● Make para poder compilar MakeFiles

sudo apt­get install make

● Compilador G++
sudo apt­get install g++

● DDD
sudo apt­get install ddd

● Conjunto de bibliotecas gráficas de Qt4

sudo apt­get install libqt4­core libqt4­dev libqt4­debug qt4­doc 
qt4­dev­tools

La instalación que mas tiempo demora en descargar es el conjunto de

bibliotecas gráficas de Qt4, para alguien con una conexión de 512kbps
aproximadamente 45min.
Todos los paquetes se instalaran en aproximadamente una hora, pero para quienes
tengan un buen ancho de banda esto no llevara mucho tiempo.

Después de terminar la instalación de los paquetes debemos instalar Qt 4

Designer. Para esto vamos a al menú Aplicaciones y seleccionamos la opción Añadir y
quitar... como podemos ver en la Figura 1.

Figura 1

Luego en la pestaña mostrar seleccionamos la opción Todas las aplicaciones

disponibles como podemos ver en la Figura 2. Esto para que nos muestre todos las
aplicaciones que podemos instalar sin restricción alguna.
 Figura 2
En el cuadro Buscar: introducimos Qt4 y damos enter, seleccionamos Qt 4
Designer y damos clic en el botón Aplicar cambios. Esto se muestra en la Figura 3.

Figura 3
 Se descargara e instalara Qt 4 Designer. Para comprobar que todo se haya
instalado correctamente, vamos a menú Aplicaciones, seleccionamos el submenu
programación y deben aparecer los items: Qt 4 Assistant, Qt 4 Designer y Qt 4
Linguist. Con esto terminamos la instalación de Qt.

2. Instalación de Eclipse

Como ya se menciono anteriormente, Eclipse es el Entorno Integrado de

Desarrollo (IDE por sus siglas en inglés) en el cual vamos a programar nuestras
aplicaciones echas en Qt. Para instalar eclipse hacemos lo siguiente.

Vamos a al menú Aplicaciones y seleccionamos la opción Añadir y quitar... como

podemos ver en la Figura 1. En el cuadro Buscar: introducimos Eclipse y damos enter,
seleccionamos Eclipse y damos clic en el botón Aplicar cambios. Esto se muestra en la
Figura 4.

Figura 4

El proceso de descarga llevara algunos minutos (entre 40 y 45min para una

conexión de 512kbps), esto como ya se menciono anteriormente depende de su
conexión a internet.
 Cuando todo termine tendremos instalado Eclipse, y para comprobar vamos al
menú Aplicaciones, seleccionamos el submenu Programación y debe aparecer Eclipse
(Ver Figura 5).

Figura 5

3. Integración de Eclipse con Qt

Ahora vamos a integrar Eclipse con Qt. Para esto necesitamos unos archivos
Eclipse CDT, estos son plugins que nos permiten programar el lenguaje C/C++ desde
Eclipse. Los archivos CDT se pueden descargar de:

● http://www.eclipse.org/downloads/download.php?
file=/tools/cdt/releases/callisto/dist/3.1.2/org.eclipse.cdt-3.1.2-linux.x86.tar.gz

Con esto descargaremos un archivo con el nombre org.eclipse.cdt-3.1.2-

linux.x86.tar.gz lo desempaquetamos dando clic derecho y seleccionando la opción
Extraer aquí. Esto se muestra en la figura 6.
 Figura 6

A la carpeta extraída le cambiamos el nombre eclipse por: eclipse_cdt.

Ahora descargamos los plugins necesarios para poder integrar Qt y Eclipse. Estos
plugins los proporciona Trolltech, y los podemos descargar del link:

● http://trolltech.com/developer/downloads/qt/eclipse-integration-download

Descargamos el plugins para Linux para gcc 4.

Lo desempaquetamos al igual que como lo realizamos con el paquete CDT (Ver figura
5) y le cambiaremos el nombre eclipse por: eclipse_int.

Como se podrán dar cuenta tanto en la carpeta eclipse_cdt como eclipse_int hay dos
carpetas con nombres features y plugins.
Los archivos dentro de feature y plugins (tanto de eclipse_cdt como eclipse_int) los
tenemos que copiar a la carpeta /usr/lib/eclipse/features y /usr/lib/eclipse/plugins
respectivas.
En mi caso tengo en /home/ruben (/home/usuario para un caso general) las carpetas
eclipse_cdt y eclipse_int.
Para poder trasladar todo los archivos hasta su destino vamos hacer lo siguiente:
• Vamos a /home/usuario/eclipse_cdt/plugins (en mi caso:
/home/ruben/eclipse_cdt/plugins), y seleccionamos todos los archivos, damos
clic derecho, y seleccionamos la opción Crear archivador... (ver Figura 7) al
archivo empaquetado le ponemos el nombre plugins_cdt y de tipo .tar.gz (ver
Figura 8).

Figura 7

Figura 8
Con esto hemos empaquetado todos los archivos para copiarlos y pegarlos en
/usr/lib/eclipse/plugins y posteriormente desempaquetarlo. Con esto no tendremos
que copiar archivo por archivo.

• Hacemos lo mismo con los plugins de eclipse_int. Vamos a

/home/usuario/eclipse_int/plugins (en mi caso:
/home/ruben/eclipse_int/plugins), y seleccionamos todos los archivos, damos
clic derecho, y seleccionamos la opción Crear archivador... (ver Figura 7) al
archivo empaquetado le ponemos el nombre plugins_int y de tipo .tar.gz (ver
Figura 8).

Ahora copiamos el contenido de las carpetas features y plugins de las carpetas

eclipse_int y eclipse_cdt a /usr/lib/eclipse/features y /usr/lib/eclipse/plugins
respectivamente. Para esto seguimos los siguientes pasos:

✔ Copiamos la carpeta org.eclipse.cdt_3.1.2.200702150621 que se encuentra en

/home/ruben/eclipse_cdt/features y la pegamos en /usr/lib/eclipse/features.
Para esto ejecutamos el siguiente comando en consola:

sudo cp ­r 
/home/usuario/eclipse_cdt/features/org.eclipse.cdt_3.1.2.200702150621 /
usr/lib/eclipse/features 

En mi caso:
sudo cp ­r 
/home/ruben/eclipse_cdt/features/org.eclipse.cdt_3.1.2.200702150621 
/usr/lib/eclipse/features 

✔ Copiamos la carpeta com.trolltech.qtcpp.feature_1.4.0 que se encuentra en

/home/ruben/eclipse_int/features y la pegamos en /usr/lib/eclipse/features.
Para esto ejecutamos el siguiente comando en consola:

sudo cp ­r 
/home/usuario/eclipse_int/features/com.trolltech.qtcpp.feature_1.
4.0 /usr/lib/eclipse/features 

En mi caso:
sudo cp ­r 
/home/ruben/eclipse_int/features/com.trolltech.qtcpp.feature_1.4.0 
/usr/lib/eclipse/features 
 • Ahora vamos a copiar los plugins. Para esto vamos a copiar los archivos .tar.gz
que empaquetamos anteriormente.

✔ Copiamos el archivo plugins_cdt.tar.gz que esta en

/home/ruben/eclipse_cdt/plugins a /usr/lib/eclipse/plugins. Para esto
ejecutamos en consola:

sudo cp ­r 
/home/usuario/eclipse_cdt/plugins/plugins_cdt.tar.gz 
/usr/lib/eclipse/plugins

En mi caso:
sudo cp ­r /home/ruben/eclipse_cdt/plugins/plugins_cdt.tar.gz 
/usr/lib/eclipse/plugins

✔ Copiamos el archivo plugins_int.tar.gz que esta en

/home/ruben/eclipse_int/plugins a /usr/lib/eclipse/plugins. Para esto
ejecutamos en consola:

sudo cp ­r 
/home/usuario/eclipse_int/plugins/plugins_int.tar.gz 
/usr/lib/eclipse/plugins

En mi caso:
sudo cp ­r /home/ruben/eclipse_int/plugins/plugins_int.tar.gz 
/usr/lib/eclipse/plugins

Ahora procedemos a desempaquetar los archivos que copiamos para que sean
reconocidos por Eclipse. Para esto ejecutamos en consola:

$ cd /usr/lib/eclipse/plugins
$ sudo tar zxf plugins_cdt.tar.gz
$ sudo tar zxf plugins_int.tar.gz

Con esto hemos terminado la instalación de los plugins.

 4. Configuración de Eclipse

Ahora vamos a configurar Eclipse para poder diseñar las interfaces gráficas y
programar las mismas. Para esto entramos a Eclipse, damos clic en el menú File,
seleccionamos el submenu New y la opción Project... y aparecerá la ventana de la
Figura 9, seleccionamos la opcion Qt Gui Project, damos clic en Next y creamos un
proyecto con el nombre prueba (ver Figura 10), damos clic en el boton Next.

Figura 9

Figura 10
Despues mostrara una ventana como la de la Figura 11, damos clic en el botón Next y
en la siguiente ventana damos clic en el botón Finish.

Figura 11
Inmediatamente después se mostrara un mensaje que indicara que no hay
ninguna referencia hacia algún diseñador de Qt que nos permita enlazar con Eclipse,
indicamos que lo vamos a configurar el enlace en ese momento y nos mostrara una
pantalla como la de la Figura 12.

Figura 12
Damos clic en el botón Add... y se mostrara una pantalla como la de la Figura 13.

Figura 13

Se completan cada uno de los campos con los datos que se muestran en la
Figura 12, y damos clic en el botón Finish. Luego seleccionamos la versión de Qt que
agregamos y damos clic en el botón Default (ver figura 11), despues damos clic en el
botón Ok.

Con esto hemos finalizado, y para comprobar que todo se realizo bien,
expandimos la carpeta del proyecto prueba y ejecutamos doble clic sobre prueba.ui, la
ventana de Eclipse lucirá como la de la Figura 14.
 Figura 14

Espero que este manual les sea de mucha utilidad.