Qt Lezione1: Creare una dialog Window con Qt Creator in 10 semplici passi

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


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



Figura 2: Selezionare Qt Designer Form



Figura 3: selezionare il tipo di form che vogliamo creare



Figura 4: il nostro form



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).



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



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:



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:



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:



Figura 10: compilazione del nostro progetto



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


Qt Lezione1: Creare una dialog Window con Qt Creator in 10 semplici passi

More Related Content

Viewers also liked (9)

Similar to Qt Lezione1: Creare una dialog Window con Qt Creator in 10 semplici passi (20)

Qt Lezione1: Creare una dialog Window con Qt Creator in 10 semplici passi