{"id":358,"date":"2019-11-02T01:28:23","date_gmt":"2019-11-02T00:28:23","guid":{"rendered":"http:\/\/www.forlex.it\/blog\/?p=358"},"modified":"2019-11-02T01:28:41","modified_gmt":"2019-11-02T00:28:41","slug":"interfacce-grafiche-per-i-nostri-programmi-in-gtk-parte-1","status":"publish","type":"post","link":"http:\/\/www.forlex.it\/index.php\/2019\/11\/02\/interfacce-grafiche-per-i-nostri-programmi-in-gtk-parte-1\/","title":{"rendered":"Interfacce grafiche per i nostri programmi in GTK+ – parte 1 –"},"content":{"rendered":"\n
Negli ultimi anni siamo stati testimoni di un notevole incremento della complessit\u00e0 ed allo stesso tempo bellezza delle interfacce grafiche dei software che usiamo come anche del Sistema Operativo che abbiamo installato sul nostro calcolatore. In questa guida, che per comodit\u00e0 divider\u00f2 in pi\u00f9 parti, ho pensato di proporvi un sistema per realizzare interfacce semplici ma allo stesso tempo potenti ed in alcuni casi ottime dal punto di vista della leggerezza in termini di costi di elaborazione. Il Gimp Tool Kit, noto come G.T.K., \u00e8 una libreria scritta in linguaggio C che emula una organizzazione Object Oriented, includendola nei nostri codici sorgente potremo costruire dei widget (oggetti) grafici che assemblati secondo semplici regole andranno a costituire l’interfaccia grafica ai nostri programmi.<\/p>\n\n\n\n
Prepariamo l’ambiente di sviluppo su Debian<\/p>\n\n\n\n
Prima di tutto scaricate dal sito www.gtk.org i seguenti pacchetti :<\/p>\n\n\n\n
Nel caso doveste incontrare problemi durante l’installazione \u00e8 consigliabile aggiornare o semplicemente installare i seguenti pacchetti dai repository di Debian:<\/p>\n\n\n\n
Oppure semplicemente installare dai repository ufficiali del vostro sistema Linux il seguente pacchetto (senza compilare il tutto come sopra): <\/p>\n\n\n\n
A questo punto il nostro sistema \u00e8 pronto, o quasi, infatti ci mancano gli strumenti per poter scrivere i nostri programmi in sorgente (C o C++). La scelta ricade su un tool molto diffuso e potente : l’editor di testo :-), infatti basta uno qualsiasi di quelli gi\u00e0 conosciuti come : gedit, kwrite oppure vi o nano.<\/p>\n\n\n\n
Oltre all’editor di testo non occorrerebbe nulla, uso il condizionale perch\u00e8 per compilare il nostro programma in C avremo bisogno di un comando strutturato cos\u00ec come segue :<\/p>\n\n\n\n
A questo punto \u00e8 chiaro che un altro \u201cstrumento di sviluppo\u201d sar\u00e0 uno script in bash pi\u00f9 che altro utile ad evitarci di dover ridigitare, ogni volta, comandi molto lunghi e fortemente affettibili da errore. Ecco come \u00e8 composto lo script, che vi consiglio di copiare ed incollare in un file che chiameremo : compila.sh <\/p>\n\n\n\n
ricordiamoci di renderlo eseguibile per tutti:<\/p>\n\n\n\n
#sudo chmod ugo+x compila.sh<\/p>\n\n\n\n
seguendo questa procedura ed utilizzando lo script appena creato compileremo ed eseguiremo direttamente e con facilit\u00e0 ogni programma realizzato con le GTK+, ad esempio in questo modo :<\/p>\n\n\n\n
<\/p>\n\n\n\n
#.\/compila.sh < nome_file.c ><\/pre>\n\n\n\n
La nostra prima interfaccia GTK<\/p>\n\n\n\n
A questo punto tutto \u00e8 pronto per realizzare la nostra prima interfaccia. Per comodit\u00e0 commenter\u00f2 le righe di codice scritte direttamente all’interno del codice sorgente in modo che, in seguito, rileggendo i nostri programmi ricorderemo i passi eseguiti. In linguaggio C i commenti si possono scrivere in due modi : preceduti da \/\/ se il commento \u00e8 su di una sola riga preceduti da \/* e seguiti da *\/ se il commento si sviluppa su pi\u00f9 righe <\/p>\n\n\n\n
Come ho detto in precedenza, il nostro ambiente di sviluppo sar\u00e0 l’editor di testo quindi lanciamolo e scriviamo:<\/p>\n\n\n\n
\/* Includiamo la libreria che ci permette di usare e creare i nostri oggetti in GTK+ tra cui la finestra. *\/ <\/p>\n\n\n\n
#include <gtk\/gtk.h> \/* Da questo punto in poi inizia il nostro programma. *\/ int main (int argc, char *argv[]) { \/* Inizializzo i miei oggetti, creando un oggetto di tipo Widget e lo chiameremo window. *\/ GtkWidget *window; \/* Inizializziamo GTK+ e tutte le librerie da lui supportate. *\/ gtk_init (&argc, &argv); \/* Creiamo la finestra con i tasti di chiusura, minimizza e massimizza se volevamo il solo frame dovevamo utilizzare la voce GTK_WINDOW_POPUP. *\/ window = gtk_window_new (GTK_WINDOW_TOPLEVEL); \/* Diamo un titolo alla nostra finestra. *\/ gtk_window_set_title (GTK_WINDOW (window), \"WINDOW\"); \/* Le diamo una dimensione (in pixel) fissa se si mette -1 e -1 la finestra assumer\u00e0 le dimensioni a seconda degli oggetti in essa creati. *\/ gtk_widget_set_size_request (window, 200, 100); \/* Non diciamo altro che visualizzarla. *\/ gtk_widget_show_all (window); \/* Controllo delle GTK+ nel loop del nostro programma. *\/ gtk_main (); return 0; }<\/pre>\n\n\n\n
Salviamo il tutto in un file denominato finestra.c e procediamo alla compilazione e all’esecuzione della nostra finestra:<\/p>\n\n\n\n
#.\/compila.sh finestra.c<\/p>\n\n\n\n
Ed ecco la nostra finestra in GTK+ – figura 1 -, per chiuderla baster\u00e0 cliccare sulla X ma, come vedremo, a terminale il processo non viene terminato saremo dunque costretti a chiuderlo con la combinazione di tasti CTRL+C.<\/p>\n\n\n\n
<\/p>\n\n\n\n<\/figure>\n\n\n\n
Ecco cos\u00ec la nostra prima finestra in GTK+!!!<\/p>\n\n\n\n
Chiudere un processo dall’interfaccia<\/p>\n\n\n\n
Abbiamo appena scoperto che per terminare il processo che ha generato l’interfaccia, siamo stati costretti a digitare Ctrl + c. In realt\u00e0 possiamo ovviare a questo inserendo all’interno del nostro codice una parte che gestir\u00e0 questo tipo di evento; Al momento della chiusura della finestra dovremo inviare un segnale che interromper\u00e0 il processo ad essa associata.<\/p>\n\n\n\n
<\/p>\n\n\n\n
#include <gtk\/gtk.h>
\/* Funzione che gestisce il segnale di destroy la X. *\/ static void destroy (GtkWidget*, gpointer); \/* Funzione che ci permetter\u00e0 di gestire l'eventuale conferma di chiusura della finestra. *\/ static gboolean delete_event (GtkWidget*, GdkEvent*, gpointer);
int main (int argc, char *argv[]) { GtkWidget *window; gtk_init (&argc, &argv); window = gtk_window_new (GTK_WINDOW_TOPLEVEL); gtk_window_set_title (GTK_WINDOW (window), \"WINDOW\"); gtk_container_set_border_width (GTK_CONTAINER (window), 10); gtk_widget_set_size_request (window, 200, 100); \/* Connettiamo la nostra finestra al segnale di destroy e di delete_event dove il nostro oggetto \u00e8 la nostra finestra il segnale che \u00e8 in ascolto \u00e8 il destroy e qualora dovesse arrivare verr\u00e0 eseguita la funzione associata alla callback. *\/ g_signal_connect (G_OBJECT (window), \"destroy\", G_CALLBACK (destroy), NULL); g_signal_connect (G_OBJECT (window), \"delete_event\", G_CALLBACK (delete_event), NULL); gtk_widget_show_all (window); gtk_main (); return 0; }
\/* Stoppiamo il loop del nostro programma fermando il tutto. *\/ static void destroy (GtkWidget *window, gpointer data) { gtk_main_quit (); }
\/* Se restituisce FALSE distruggiamo la finestra, mentre se restituiamo TRUE possiamo fare in modo da annulare la chiusura della nostra finestra. *\/ static gboolean delete_event (GtkWidget *window, GdkEvent *event, gpointer data) { return FALSE; }<\/pre>\n\n\n\n
In questa maniera oltre alla chiusura della finestra sar\u00e0 chiuso il processo ad essa associato liberando la memoria.<\/p>\n\n\n\n
Da ora in poi, questa sar\u00e0 sempre la base di partenza di tutte le nostre nuove applicazioni!!!<\/p>\n","protected":false},"excerpt":{"rendered":"
Negli ultimi anni siamo stati testimoni di un notevole incremento della complessit\u00e0 ed allo stesso tempo bellezza delle interfacce grafiche dei software che usiamo come anche del Sistema Operativo che abbiamo installato sul nostro calcolatore. In questa guida, che per …<\/p>\n
<\/figure>\n\n\n\n