Introduzione a Glade 3 e le Libglide

Glade Interface Designer (o semplicemente "Glade") è un software per la creazione di GUI (Graphics User Interface, interfacce utente) basato su GTK+.

E' troppo definire Glade un IDE (Integrated Development Enviroment, cioè un ambiente integrato di sviluppo), ma è giusto definire Glade un buon RAD (Rapid Application Developer) per quel che riguarda la parte "grafica" di una GUI..

Grazie a questo software è possibile, in punta di click, costruire facilmente tutta la parte grafica relativa ad un vostro programma.
Una volta realizzata la vostra interfaccia, Glade la salverà in un file con estensione .glade , che è in formato XML, che verrà poi letto ("parsato") grazie alle librerie "libglide".

Questo sistema è così versatile che, procurandosi tutte le librerie che servono, è possibile ricompilare il vostro software per essere usato anche con Windows.
Per ulteriori informazioni riguardo la compatibilità con Windows vedi: http://gladewin32.sourceforge.net/module s/wfdownloads/

Glide rende enormemente piu piacevole la vostra esperienza di programmazione.

A me piace sviluppare in linguaggio C, e uso Glade per le mie interfacce grafiche.

Si impara presto ad usare Glade, ma per creare delle buone interfacce utente non è sufficiente sapere usare soltanto Glade, occorre infatti conoscere le GTK+ che è un "toolkit", cioè un insieme molto ricco di comandi utilissimi a sviluppare interfacce utente, che supporta numerosi linguaggi fra cui Java, Python, C, C++ (e altri!).
In realtà però, per cominciare a sviluppare delle interfacce utente decenti, usando Glade, è sufficiente conoscere soltanto alcuni comandi e regole essenziali di GTK+.

Se avete voglia di creare delle GUI complicate e con funzioni dinamiche, le vostre conoscenze di GTK+ dovranno crescere di pari passo con la vostra voglia di esagerare.

Questa guida è diretta a chi non ha mai programmato C, per chi invece è già esperto si tratterà di certo di un utile ripasso.

Non posso purtroppo descrivere nei dettagli le basi della programmazione C, andrebbe oltre lo scopo di questa guida, ma spero di indurre in ogni novizio la voglia di approfondire da sè l'argomento.

Sarò molto dettagliato e lento inizialmente, già dopo le prime lezioni mirerò più al sodo :)

Anjuta

Anjuta è un IDE (cioè un ambiente di sviluppo integrato) per sviluppare programmi C e C++.

Una volta costruita, usando Glade, la parte grafica del nostro programma, serve Anjuta per dare un senso a tutto quanto, per dire al sistema cosa deve fare di tutti quei bottoni e accessori che abbiamo inserito nelle nostre finestre con Glade.

Installiamo Glade, Anjuta e gli altri accessori

La distribuzione che ho usato è una Ubuntu Feisty.

Cercate in Synaptic ed installate i pacchetti:

- glade-3
- glade-gnome-3
- libglade2-dev
- libgtk2.0-dev
- anjuta
- anjuta-common
- g77
- autoconf
- devhelp
- devhelp-common

Eventuali altri pacchetti dovrebbero essere installati in automatico da Synaptic: siete pronti per cominciare.

Sviluppare la prima applicazione

Completata l'installazione, dovreste trovarvi Glade e Anjuta già nel menu di GNOME (magari in una apposita sezione "programmazione").

Aprite Anjuta e "create un nuovo progetto" servendovi del "wizard di applicazioni".

Selezionate che volete creare un "LibGlade 2.0 Project".

Quindi andate avanti e scrivete il nome del vostro primo progetto, ad esempio "primo_programma" (è preferibile che il nome non sia interrotto da spazi, piuttosto usate l'underscore.

A questo punto vi chiede una piccola descrizione del vostro progetto, scrivete una cosa qualsiasi e andate ancora avanti e avanti ancora senza fare modifiche fino a cliccare su "Applica".

A questo punto Anjuta fa una prima "autogenerazione". Nella parte bassa dello schermo lo osservate fare alcune operazioni. Aspettate che termini.

Alla fine, se tutto è andato bene, terminerà con un "Completed ... Successful".

Se il vostro risultato non è questo e qualcosa è andato storto, ricontrollate le operazioni che ha eseguito e osservate di quali pacchetti ancora mancate per potere lavorare, ed installateli con Synaptic.

Osservate: sulla sinistra avete un elenco dei file che compongono il vostro progetto. Cercate la directory "source - src" ed aprite il file "main.c".

main.c è il file principale, da cui partirà il nostro progetto. Tanto per cominciare, guardate nel menu in alto e dal sottomenu "genera" selezionate il tasto "genera" (o direttamente premete il F11 nella vostra tastiera).

Premendo su "genera", quello che lui in realtà fa è eseguire un comando "make", e crea un eseguibile del vostro programma, che eseguirete poi con il tasto "esegui" dello stesso menù (o premete F3 nella vostra tastiera). Fatelo, dovreste vedere la vostra prima finestra vuota, tutta da riempire a vostra fantasia. :)

Bene, a questo punto mettiamo da parte anjuta (non chiudetelo però) ed apriamo Glade.

Osservate l'interfaccia di Glade. Sulla sinistra ci sono gli strumenti utili alla creazione, sulla sinistra avete la finestre "ispettore" e proprietà, capiremo presto a cosa servono.

Con Glade, dovrete modificare un file con estensione .glade, che si trova nel progetto che avete creato poco fa con Anjuta, che dovrebbe trovarsi in una apposita cartella "Projects" generata da Anjuta stesso nella vostra home.

Cercate questo file .glade e selezionatelo (se avevate chiamato il vostro progetto "primo_programma", dovrebbe essere "primo_programma.glide".

A questo punto dovreste vedere spuntare nella finestra "ispettore" un oggetto "window1" o simile, cliccatevi sopra due volte ed ecco la vostra finestra iniziale, grigia e vuota.

Indugiando col mouse, senza cliccare, su ogni strumento in Anjuta, vedrete comparire una finestrella (detta "tooltip") che vi spiega a cosa serve lo strumento che state puntando.

Prendete lo strumento "casella verticale" () e cliccate sulla vostra finestra grigia e vuota.
Potete impostare il numero di divisioni della vostra finestra, 3 vanno bene.

Adesso prendete Lo strumento "label" () e inseritelo in mezzo.

Adesso guardate la finestra "ispettore" ed aprite quello che è "l'albero" della vostra finestra ed evidenziate "label".

Modificate adesso le proprietà della vostra "label" con l'apposito pannello e ne cambierete così facilmente il contenuto.

A questo punto, visto che "già state imparando a muovervi", modificate da voi stessi la dimensione di "Window1" agendo sulle sue proprietà. Impostate 300 sia come "larghezza predefinita", sia come "altezza predefinita" :)

Bene, a questo punto salvate il vostro lavoro e tornate su Anjuta.

Cliccate su esegui e voilà :)

La prima lezione finisce qui. La prossima volta aggiungeremo bottoni e altro :)