Crea l'applicazione

L'area di lavoro in cui creeremo il programma (ad esempio la finestra principale) può essere facilmente e velocemente creata usando KDevelop. Lancia KDevelop e seleziona Nuovo Progetto nel menu dei Progetti. Il wizard apparirà immediatamente. Scegli C++ -> KDE -> Semplice Applicazione KDE. Completa le linee vuote con il nome del progetto (SigCreate), il tuo nome come autore e la tua email (guarda la Figura 1).

Fai click su Avanti, dai un'occhiata alle opzioni relative a CVS option e ai template degli header. In seguito fai click su Fine all'ultima schermata. KDevelop creerà tutti i file necessari per compilare il progeto. Puoi usare il selettore dei file per vedere il codice dei 3 file, che sono main.cpp, sigcreate.cpp and sigcreate.h (Figura 2). Una volta che il wizard dell'applicazione ha creato i sorgenti, lancia la compilazione per essere sicuro che tutto sia a posto. Per fare ciò, seleziona Build -> Run automake & friends e in seguito Build -> Run configure. La finestra di output relativa ai messaggi dovrebbe visualizzare il seguente messaggio:

" Good - your configure finished. Start make now
*
* *** Success ***

a questo punto puoi lanciare "make" attraverso Build -> Build Project (in alternativa usando il tasto F8). Poi Build -> Install. In seguito Build -> Execute program (oppure F9). Il risultato è quello della Figura 3. Figura 3: La semplice Applicazione KDE

Abbiamo ora l'area di lavoro e siamo pronti a sviluppare il nostro programma.

Se KDevelop non dovesse trovare le variabili QTDIR e KDEDIR, le puoi settare diversamente attraverso Project -> Project Options... all'interno delle opzioni di configurazione.

Figura 6: Opzioni del Progetto

Qt Designer è uno strumento utile per disegnare e implementare interfaccie utente. Ti aiuta disponendo i widget in una form e applicando i layout a tua scelta, così che l'interfaccia possa essere ridimensionata mantenendo le proporzioni. Ti suggerisco di leggere il manuale di Qt Designer per conoscere tutto in dettaglio riguardo questo potente aiuto. Qt Designer include un editor di codice, ma useremo KDevelop per modificare il codice.

Creeremo quindi l'interfaccia del nostro programma usando QT Designer. Una form di QT Designer viene salvata con l'estensione .ui e verrà poi processata dal programma uic per generare i files .h .cpp. KDevelop si preoccupa di quest'ultimo passo, l'unica cosa che dobbiamo fare è creare la form.

All'interno di KDevevelop, fai click su File -> Nuovo e completa la finestra che apparirà. Innanzitutto scrivi il nome del file: sigcreatedlg e seleziona il tipo di file desiderato nella combobox: in questo caso abbiamo bisogno di un Widget (.ui). Assicurati che "Aggiungi al progetto" sia selezionato, così che il file Makefile.am sia aggiornato.

Fai click sul pulsante OK. La finestra relativa all'Automake manager comparirà. Fai click sul pulsante OK.

Se il nuovo file sigcreatedlg.ui non è stato aperto con Qt Designer, apri Automake Manager, fai click-destro sul file e seleziona Apri Con, dovresti vedere Designer tra le opzioni. Selezionalo. QT Designer sarà quindi aperto.

L'interfaccia di Qt Designer è essenzialmente divisa in tre aree. Sulla sinistra ci sono tutti i widget, sulla destra sono presenti molte finestre, in particolare la più utile (e l'unica che useremo in questo tutorial) è quella relativa all'Editor delle proprietà. I widget possono così essere facilmente aggiunti alla form secondo le tue intenzioni: puoi modificare le dimensioni, il colore di background e molto altro. Tra queste due aree c'è la Form, che è poi la finestra dell'interfaccia utente del tuo programma.