LiNpOx

Linux y Windows para informáticos

Programar con GTK (Lenguaje C) – Parte I

Posted by oftc007 en 14 marzo 2008

 

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”

Pantalla principal 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.

Anuncios

18 comentarios to “Programar con GTK (Lenguaje C) – Parte I”

  1. R.A!!! said

    Interesante!!!!!!

  2. alex said

    puedo utilizar esto en windows

  3. sermod said

    Muy interesante el manual. Sigue con esto. Ánimo!!

    Saludos

  4. xD said

    excelente..

  5. guilovi said

    funciono

  6. Overnat said

    Hola ,

    Solamente , agradecerte los tutoriales de programacion gtk y animarte a que realices muchos mas 😉 .

    He estado buscando este tipo de manuales ya hace tiempo y no encontraba nada como esto. Creo que asi podre hacer pequeñas pruebas de programacion para poder comprender Gtk un poco mejor , bueno mejor dicho un poco .

    Salu2

  7. vmonsalve said

    Gracias por los articulos la verdad eh leido muchos manuales para programar con glade y c y ninguno a sido satisfactori y este me ah ayudado mucho ah quedado todo bien.

    Saludos

  8. JA Rugama said

    mmmm…. Me ha gustado mucho el tuto, muy bien redactado, felicidades y ánimos de mi parte.

  9. Help said

    Oye quisiera saber como lo puedo hacer pero en geany, ya que lo he intentado pero me marca muchos errores desde el
    #include . Espero me puedan ayudar.

  10. Jorge said

    No entiendo como alguien puede romperse la cabeza en entornos aridos y sin posibilidad de dejar del lado del IDE lo mas tedioso para solo concentrarse en el código indispensable.
    Solo un comentario, no se ofendan.

    • Ellie said

      I am an opera singer and my second love and passion is fashion. I am making my own dresses since my early teens. Very often women are begging me to buy my dresses directly from my body. I love very much Alex Perry, and it would be my dream to own Alex Perry’s blue-white Syadye-Opern-House-Barbie-Dress.I am longing to wear it to my next Concert.If I would win the contest I could ask Alex Perry about this dress.Oh, it would be my dream!Barbara Idzkowska-Curtin

  11. Me gusto mucho el tutorial, es lo que estaba buscando desde hace tiempo.

  12. Dareck said

    Me parece muy claros los ejemplos que muestras en esta pagina,esto si es material de calidad muchas gracias!!!!

  13. […] Programar con GTK (Lenguaje C) – Parte I marzo, 200812 comentários 5 […]

  14. De lujo, pude compilar glade con windows utilizando dev cpp

    • Eduardo said

      hola marcobareiro.. disculpa no soy muy conocedor de esto, apenas estoy empezando. Me gustaría saber como hiciste con las librerías de las que se habla al principio del tutorial? como se instalan en Windows?.

  15. Jonathan2202 said

    Glade solo me genera un codigo XML, como puedo hacer para que me genere un codigo en c?

  16. bayas said

    Vamos por más!!!

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

 
A %d blogueros les gusta esto: