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.
Matteo baccan raspberry pi - linox 2015 - corso parte 2
Qt Lezione2: Creare un’applicazione con Qt Creator in pochi semplici passi
1. Mini Guide Qt
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
Autore P. Sereno http://www.sereno-online.com/site
2. Mini Guide Qt
Passo 1
Per prima cosa creiamo un nuovo progetto usando il comando New della menubar File
Autore P. Sereno http://www.sereno-online.com/site
3. Mini Guide Qt
Passo 2
Selezioniamo Qt4 Gui Application come da figura seguente.
Autore P. Sereno http://www.sereno-online.com/site
4. Mini Guide Qt
Passo 3
Diamo un nome al nostro progetto, ad esempio testMainWindow e salviamolo in una directory del nostro
hard disk.
Autore P. Sereno http://www.sereno-online.com/site
5. Mini Guide Qt
Passo 4
Per questo semplice esempio non è necessario includere altri moduli di Qt diversi da quelli di default.
Autore P. Sereno http://www.sereno-online.com/site
6. Mini Guide Qt
Passo 5
Lasciamo tutti i nomi di default proposti da Qt Creator.
Autore P. Sereno http://www.sereno-online.com/site
7. Mini Guide Qt
Passo 6
Per questo progetto non abbiamo bisogno di altro. Premiamo il tasto finish.
Autore P. Sereno http://www.sereno-online.com/site
8. Mini Guide Qt
Passo 7
Ecco pronto il nostro workspace. Qt creator ha creato per noi questi files:
1. testMainWindow.pro
2. main.cpp
3. mainwindow.cpp
4. mainwindow.h
5. mainwindow.ui
Autore P. Sereno http://www.sereno-online.com/site
9. Mini Guide Qt
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.
Autore P. Sereno http://www.sereno-online.com/site
10. Mini Guide Qt
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.
Autore P. Sereno http://www.sereno-online.com/site
11. Mini Guide Qt
Passo 10
A questo punto, facendo click sul menu File del nostro form, compare il sottomenu indicato in figura seguente.
Autore P. Sereno http://www.sereno-online.com/site
12. Mini Guide Qt
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).
Autore P. Sereno http://www.sereno-online.com/site
13. Mini Guide Qt
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.
Autore P. Sereno http://www.sereno-online.com/site
15. Mini Guide Qt
Passo 13
Lanciamo ora la compilazione (menu Build, voce Build All di Qt Creator)
Autore P. Sereno http://www.sereno-online.com/site
16. Mini Guide Qt
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à.
Autore P. Sereno http://www.sereno-online.com/site
17. Mini Guide Qt
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
Autore P. Sereno http://www.sereno-online.com/site