Qt Creator Lez. 1

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 pochi semplici passi. Ogni passo è corredato da una o più immagini (screenshot) per facilitare la comprensione.

Passo 1

Costruiamo un nuovo form da Qt Creator come in figura seguente (File->New):

Selezioniamo successivamente Qt Designer Form come visibile in figura seguente:

Ed infine il tipo di Form che vogliamo creare (Dialogo con i bottoni in basso):

Ed ecco il nostro ambiente di disegno pronto per l'uso:

Diamo ora un nome al file in cui salveremo il nostro Form e salviamolo:

 Passo 2

Scriviamo 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

Vediamo ora cosa scrivere nei nostri files:

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!

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.

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 3

A questo punto posizioniamoci nella directory in cui troviamo i files creati e digitiamo:

qmake -project

Questo comando ci permette di generare automaticamente il file di progetto (*.pro) che ci permetterà di compilare la nostra applicazione.

Se ora apriamo con Qt Creator il nostro file project (*.pro) otteniamo quanto segue:

 Nel caso in figura precedente posiamo osservare che il progetto è composto dai files:

• testDialog.pro (il file generato con qmake -project)
• dialog.cpp (il file di implementazione del form)
• dialog.h (l'header file del form)
• main.cpp (il main program)

Passo 4

Lanciamo ora la compilazione del nostro progetto (comando Build All del menu Build). Attivando la visualizzazione compile output sul nostro Qt Creator avremo:

A compilazione terminata lanciamo l'esecuzione della nostra applicazione:

Paolo Sereno

Questa opera è pubblicata sotto una Licenza Creative Commons.

·