Programar con GTK (Lenguaje C) – Parte I

 

INTRODUCCIÓN Y PRIMEROS PASOS

En esta serie de entradas vamos aprender como darle una verdadera interfaz grafica a nuestras aplicaciones en linux, desarrolladas en lenguaje C, no solo adornando la consola con la libreria «ncurses». Al final de esta serie de entrdas nuestras aplicaciones nos quedaran al verdadero estilo de «gnome». Pero ¿que es gnome?, muy facil, es el entorno de escritorio que usan varias de las distribuciones de linux, como por ejemplo, Ubuntu.

Para poder hacer esto necesitamos hacer uso de GTK+ (GIMP toolkit), que es un conjunto de librerias que nos permiten desarrollar aplicaciones GUI (Interfaz grafica de usuario). GTK+ se ha diseñado para permitir programar con lenguajes como C, C++, C#, Java, Perl, PHP o Python.

Bueno ya que sabemos un poco de teoria, vamos a la mejor parte, la practica. Pero para esto, primero necesitamos armar nuestro PC con las librearias y aplicaciones necesarias para hacerlo.

¿Que necesitamos?

1-. Librerias

Necesitamos tener las siguientes librerias instaladas en nuestra distribucion linux:

• automake, autogen, build-essential

• libgtk2.0-0, libgtk2.0-common, libgtk2.0-dev, libgtk2.0-doc.
  

• libgnome2-0, libgnome2-common, libgnome2-dev, libgnome2-doc.

• libglib2.0-0, libglib2.0-dev, libglib2.0-doc.

2-. Programas

• Glade (Paquete glade-2).
• Algun IDE, recomiendo el uso de geany o anjuta.

Despues que ya tenemos nuestro PC listo y con todas las librerias y programas instalados, vamos a conocer un poco el programa que nos va a permitir diseñar nuestra interfaz, el cual es glade.

Glade (Diseñador de interfaz Glade) es una herramienta que nos permite desarrollar interfaces gráficas usando GTK/GNOME. Es importante saber que el diseño es independiente del lenguaje de programación de la aplicacion. Una recomendacion personal, es que primero se desarrolle la aplicacion, y funcione totalmente, o casi en su totalidad y despues diseñar y pasar este codigo para que funcione con nuestra interfaz hecha en glade. Tambien se puede ir trabajado el programa por modulos, una vez listos, se van diseñando y haciendo funcional cada una de las interfaces.

Bueno ahora si, vamos a conocer glade, para esto una vez instalado el paquete glade-2, vamos a:

«Aplicaciones -> Programación -> Diseñador de interfaces Glade»

Click para Agrandar

Si al ejecutar el glade en nuestra PC no tenemos las mismas ventanas, vamos a «view» y marcamos las dos primeras opciones que son, «Show Palette» y «Show Property Editor». Ahora si deberiamos tener nuestro glade mas parecido al de la imagen. Vamos a explicar brevemente que es y para que nos sirve cada una de las ventanas de glade. Primero, del lado izquierdo tenemos la paleta, que es donde tenemos todos los elementos (Widgets) que podemos usar en nuestra aplicación, como son los botones, entradas de texto, etc.

En el centro tenemos la ventana principal de glade, donde se encuentra el listado de las ventanas de nuestra aplicación y donde tenemos la opciones basicas como abrir, guardar, opciones, etc.

Del lado derecho tenemos la ventana de propiedades, que es la ventana donde podemos editar cada una de la propiedades disponibles de nuestra ventana o widgets.

Pero…¿Que son Widgets?. Los Widgets son la colección de elementos que tenemos a nuestra disposición para armar nuestra interfaz gráfica. Los Widgets son los botones, entradas de texto, Combo box, etc.

Este es el fin de la introdocción del manual, ya tenemos nuestra PC lista y conocemos la herramienta que nos ayudara a diseñar nuestra interfaz, en la proxima entrada aprenderas como diseñar una ventana básica y como compilarla y ejecutarla.