Scopo di questa prima lezione è quello di introdurre l’uso di Qt Creator per scrivere una prima applicazione composta da una dialog window. L’applicazione non fa nulla e serve solamente per impratichirsi con le nozioni di base dell’ambiente di sviluppo Qt. La lezione è organizzata in 10 semplici passi. Ogni passo è corredato da una o più immagini (screenshot) per facilitare la comprensione.
Qt Lezione1: Creare una dialog Window con Qt Creator in 10 semplici passi
1. Mini Guide Qt 22 giugno 2009
Creare una dialog Window con Qt Creator
in 10 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 22 giugno 2009
Lezione 1: uso di Qt creator
Scopo di questa prima lezione è quello di introdurre l’uso di Qt Creator per scrivere una prima applicazione composta
da una dialog window. L’applicazione non fa nulla e serve solamente per impratichirsi con le nozioni di base
dell’ambiente di sviluppo Qt. La lezione è organizzata in 10 semplici passi. Ogni passo è corredato da una o più
immagini (screenshot) per facilitare la comprensione.
Passo 1
Creare un nuovo form da Qt Creator come in figura seguente:
Figura 1: Comando New da menu bar di Qt Creator
Autore: P. Sereno http://www.sereno-online.com/site
3. Mini Guide Qt 22 giugno 2009
Figura 2: Selezionare Qt Designer Form
Autore: P. Sereno http://www.sereno-online.com/site
4. Mini Guide Qt 22 giugno 2009
Figura 3: selezionare il tipo di form che vogliamo creare
Autore: P. Sereno http://www.sereno-online.com/site
5. Mini Guide Qt 22 giugno 2009
Figura 4: il nostro form
Autore: P. Sereno http://www.sereno-online.com/site
6. Mini Guide Qt 22 giugno 2009
Passo 2: salviamo il form
Figura 5: salvare il form
Salviamo ora il file chiamandolo, ad esempio come si vede in figura 5, dialog.ui in una directory di progetto
(sempre nell’ esempio di figura 5 testDialog) nella nostra home (per chi usa Linux) o nel nostro folder
Documenti (per chi usa MS Windows).
Autore: P. Sereno http://www.sereno-online.com/site
7. Mini Guide Qt 22 giugno 2009
Passo 3: creiamo i files sorgenti di progetto
Con un qualsiasi text editor generare ora dei files vuoti e chiamarli ad esempio
• main.cpp
• dialog.h
• dialog.cpp
Passo 4: qmake – project (il comando magico…)
A questo punto posizionarsi nella directory testDialog (con prompt del comandi o con la nostra shell
preferita) e digitare il comando qmake –project
A questo punto, magicamente il qmake avrà generato il nostro file di progetto (testDialog.pro)
Passo 5: apriamo il nostro file project
Aprire ora il project testDialog.pro con creator come visibile in figura:
Figura 6: Qt creator ha caricato il nostro project
Autore: P. Sereno http://www.sereno-online.com/site
8. Mini Guide Qt 22 giugno 2009
Passo 6: editiamo dialog.h
Figura 7: contenuto del file dialog.h
dialog.h rappresenta l’header file che ci servirà per poter usare il nostro form.
Come si può osservare viene definito un namespace (Ui) contenente la classe Dialog, il nostro dialogo
appunto. Dialog prevede solo il costruttore e distruttore. A tutto il resto ha già pensato Qt!
Passo 7: editiamo dialog.cpp
Scriviamo ora il file dialog.cpp come in figura seguente:
Autore: P. Sereno http://www.sereno-online.com/site
9. Mini Guide Qt 22 giugno 2009
Figura 8: contenuto del file dialog.cpp
L’unica cosa di cui ci dobbiamo preoccupare è quella di richiamare nel costruttore il metodo
ui->setupUi(this) che provvederà ad inizializzare il nostro form.
Il distruttore invece andrà a cancellare (delete ui) tutto ciò che era stato creato precedentemente.
Passo 8: editiamo main.cpp
Scriviamo ora il file main.cpp come in figura:
Autore: P. Sereno http://www.sereno-online.com/site
10. Mini Guide Qt 22 giugno 2009
Figura 9: contenuto del file main.cpp
Il file main.cpp andrà ad istanziare il nostro dialogo e richiamerà il metodo show() responsabile di disegnare
a video il nostro form.
a.exec() è invece il metodo della classe QApplication responsabile di tutto il ciclo di vita e gestione eventi
della nostra applicazione. Ogni applicazione Qt si basa su questo metodo.
Passo 9: compiliamo il nostro project
Lanciamo ora la compilazione della nostra applicazione mediante il comando Build All del menu Build:
Autore: P. Sereno http://www.sereno-online.com/site
11. Mini Guide Qt 22 giugno 2009
Figura 10: compilazione del nostro progetto
Autore: P. Sereno http://www.sereno-online.com/site
12. Mini Guide Qt 22 giugno 2009
Passo 10: lanciamo la nostra applicazione
Lanciamo infine la nostra applicazione da Qt Creator (menu Build, comando Run).
Figura 11: ecco il nostro form!
Considerazioni finali
Questa è la prima di un ciclo di lezioni 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