Qt Lezione2: Creare un’applicazione con Qt Creator in pochi semplici passi

17
Mini Guide Qt Autore P. Sereno http://www.sereno-online.com/site Creare un’applicazione con Qt Creator in pochi semplici passi Premessa Questa presentazione è rilasciata sotto Licenza Creative Commons: Attribution-NonCommercial-NoDerivativeWorks (http://creativecommons.org/licenses/by-nc-nd/3.0/deed.it). Questo documento può quindi essere riprodotto senza violare nessuna legge, sia in versione elettronica, sia in versione cartacea, purché sia riprodotto integralmente in tutte le sue parti, compresa la pagina che contiene queste informazioni: Versione originale scaricabile dal sito http://www.sereno-online.com/site/ Tutti i marchi riportati in questa pubblicazione appartengono ai rispettivi proprietari. Link Utili Qui di seguito riporto alcuni link utili per chi usa quotidianamente l’ambiente di sviluppo Qt e vuole confrontarsi con altri sviluppatore, utenti e semplici appassionati di questo toolkit gratuito ed open source. Gruppo Programmatori Italiani Qt Software (GPIQt) http://www.facebook.com/inbox/?ref=mb#/group.php?gid=81561439535 qt in Italy http://qt-apps.org/groups/?id=17 qtitaliantranslators http://gitorious.org/+qtitaliantranslators

description

qtScopo di questa seconda lezione è quello di introdurre l’uso di Qt Creator per scrivere una prima applicazione composta da una main window (QMainWindow). L’applicazione non fa nulla e serve solamente per impratichirsi con le nozioni di base dell’ambiente di sviluppo Qt. La lezione è organizzata in pochi semplici passi; ogni passo è corredato da una o più immagini (screenshot) per facilitare la comprensione.

Transcript of Qt Lezione2: Creare un’applicazione con Qt Creator in pochi semplici passi

Page 1: Qt Lezione2: Creare un’applicazione con Qt Creator in pochi semplici passi

Mini Guide Qt

Autore P. Sereno http://www.sereno-online.com/site

Creare un’applicazione con Qt Creator in pochi semplici passi

Premessa

Questa presentazione è rilasciata sotto Licenza Creative Commons: Attribution-NonCommercial-NoDerivativeWorks (http://creativecommons.org/licenses/by-nc-nd/3.0/deed.it).

Questo documento può quindi essere riprodotto senza violare nessuna legge, sia in versione elettronica, sia in versione cartacea, purché sia riprodotto integralmente in tutte le sue parti, compresa la pagina che contiene queste informazioni:

Versione originale scaricabile dal sitohttp://www.sereno-online.com/site/

Tutti i marchi riportati in questa pubblicazione appartengono ai rispettivi proprietari.

Link Utili

Qui di seguito riporto alcuni link utili per chi usa quotidianamente l’ambiente di sviluppo Qt e vuole confrontarsi con altri sviluppatore, utenti e semplici appassionati di questo toolkit gratuito ed open source.

Gruppo Programmatori Italiani Qt Software (GPIQt)

http://www.facebook.com/inbox/?ref=mb#/group.php?gid=81561439535

qt in Italy

http://qt-apps.org/groups/?id=17

qtitaliantranslators

http://gitorious.org/+qtitaliantranslators

Page 2: Qt Lezione2: Creare un’applicazione con Qt Creator in pochi semplici passi

Mini Guide Qt

Autore P. Sereno http://www.sereno-online.com/site

Passo 1

Per prima cosa creiamo un nuovo progetto usando il comando New della menubar File

Page 3: Qt Lezione2: Creare un’applicazione con Qt Creator in pochi semplici passi

Mini Guide Qt

Autore P. Sereno http://www.sereno-online.com/site

Passo 2

Selezioniamo Qt4 Gui Application come da figura seguente.

Page 4: Qt Lezione2: Creare un’applicazione con Qt Creator in pochi semplici passi

Mini Guide Qt

Autore P. Sereno http://www.sereno-online.com/site

Passo 3

Diamo un nome al nostro progetto, ad esempio testMainWindow e salviamolo in una directory del nostro hard disk.

Page 5: Qt Lezione2: Creare un’applicazione con Qt Creator in pochi semplici passi

Mini Guide Qt

Autore P. Sereno http://www.sereno-online.com/site

Passo 4

Per questo semplice esempio non è necessario includere altri moduli di Qt diversi da quelli di default.

Page 6: Qt Lezione2: Creare un’applicazione con Qt Creator in pochi semplici passi

Mini Guide Qt

Autore P. Sereno http://www.sereno-online.com/site

Passo 5

Lasciamo tutti i nomi di default proposti da Qt Creator.

Page 7: Qt Lezione2: Creare un’applicazione con Qt Creator in pochi semplici passi

Mini Guide Qt

Autore P. Sereno http://www.sereno-online.com/site

Passo 6

Per questo progetto non abbiamo bisogno di altro. Premiamo il tasto finish.

Page 8: Qt Lezione2: Creare un’applicazione con Qt Creator in pochi semplici passi

Mini Guide Qt

Autore P. Sereno http://www.sereno-online.com/site

Passo 7

Ecco pronto il nostro workspace. Qt creator ha creato per noi questi files:

1. testMainWindow.pro2. main.cpp3. mainwindow.cpp4. mainwindow.h5. mainwindow.ui

Page 9: Qt Lezione2: Creare un’applicazione con Qt Creator in pochi semplici passi

Mini Guide Qt

Autore P. Sereno http://www.sereno-online.com/site

Passo 8

Se facciamo doppio click sul file mainwindow.ui che compare nella lista dei file a sinistra dello schermo, Qt Creator mostrerà la nostra Main Window nell’area di editing.

Page 10: Qt Lezione2: Creare un’applicazione con Qt Creator in pochi semplici passi

Mini Guide Qt

Autore P. Sereno http://www.sereno-online.com/site

Passo 9

Nella parte a sinistra della nostra form (dove compare Type Here ) facciamo click con il mouse, si aprirà un piccolo text editor dove potremo inserire la prima label della menu bar. Nel nostro caso inseriamo ad esempio File.

Page 11: Qt Lezione2: Creare un’applicazione con Qt Creator in pochi semplici passi

Mini Guide Qt

Autore P. Sereno http://www.sereno-online.com/site

Passo 10

A questo punto, facendo click sul menu File del nostro form, compare il sottomenu indicato in figura seguente.

Page 12: Qt Lezione2: Creare un’applicazione con Qt Creator in pochi semplici passi

Mini Guide Qt

Autore P. Sereno http://www.sereno-online.com/site

Passo 11

Selezionando la voce Type Here del sottomenu andremo a scrivere le voci del nostro menu. Nel caso riportato in figura seguente si è inserit la voce Exit (che corrisponde a creare una QAction).

Page 13: Qt Lezione2: Creare un’applicazione con Qt Creator in pochi semplici passi

Mini Guide Qt

Autore P. Sereno http://www.sereno-online.com/site

Passo 12

Dopo aver creato la voce Exit del menu, Qt Creator ha generato una QAction di nome actionExit.

Editiamo ora il nostro file mainwindow.cpp e subito dopo l’inizializzazione (ui->setupUI()) inserita automaticamente, andiamo a scrivere la nostra prima connect:

connect (ui->actionExit,SIGNAL(triggered()),this,SLOT(close()));

Questo metodo ci consente di stabilire una connessione tra il segnale di triggered della QAction corrispondente al menu File->Exit e lo slot di terminazione della nostra MainWindow.

In altre parole:

connect() = il metodo che realizza la connessione Signal&Slot

ui->actionExit = è l’istanza della classe QAction generata in automatico dall’ambiente Qt

SIGNAL(triggered()) = questa macro informa il meta object compiler di Qt che triggered è il segnale emesso da QAction ogni volta che il menu File->Exit viene selezionato.

this = rappresenta l’istanza della nostra MainWindow

SLOT(close()) = questa macro informa il meta object compiler di Qt che il metodo close() della classe QMainWindow (la classe da cui ereditiamo la nostra MainWindow) deve essere connesso al segnale passato come secondo parametro della connect.

Page 14: Qt Lezione2: Creare un’applicazione con Qt Creator in pochi semplici passi

Mini Guide Qt

Autore P. Sereno http://www.sereno-online.com/site

Page 15: Qt Lezione2: Creare un’applicazione con Qt Creator in pochi semplici passi

Mini Guide Qt

Autore P. Sereno http://www.sereno-online.com/site

Passo 13

Lanciamo ora la compilazione (menu Build, voce Build All di Qt Creator)

Page 16: Qt Lezione2: Creare un’applicazione con Qt Creator in pochi semplici passi

Mini Guide Qt

Autore P. Sereno http://www.sereno-online.com/site

Passo 14

Se tutto è corretto potremo infine lanciare la nostra applicazione con i comando Run del menu Build di Qt Creator. Il risultato sarà quello di figura seguente.

Selezionando da Menu File il comando Exit, la nostra applicazione terminerà.

Page 17: Qt Lezione2: Creare un’applicazione con Qt Creator in pochi semplici passi

Mini Guide Qt

Autore P. Sereno http://www.sereno-online.com/site

Considerazioni finali

Questa è la seconda lezione di un ciclo che verrà reso disponibile gratuitamente in Internet sul sito (http://www.sereno-online.com/site).

Ogni vostro commento o richiesta di informazioni rappresenta un utile punto di partenza per nuove lezioni o miglioramenti.

Buon divertimento!

Paolo