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

Mini Guide Qt 22 giugno 2009

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

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



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

Technology

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