Ambiente di sviluppo

{progetto 1}

Dopo aver lanciato il programma quello che si presenta ai nostri occhi è l’ambiente di sviluppo di Delphi, dove andremo a realizzare i nostri progetti. La prima cosa da fare è dare un’occhiata cercando di capire come sono divisi gli spazi: la parte centrale occupa lo spazio maggiore e dove andremo a sviluppare il nostro programma, ai lati troviamo alcune finestre che man mano andremo a scoprire e capire il loro utilizzo, in alto il menù con la barra pulsanti attaccata al di sotto. Posando di nuovo gli occhi nella parte centrale (Welcome Page) notiamo quattro grandi pulsanti con al di sotto una serie di link che ci reindirizzano sul file di help dove possiamo trovare utili consigli, tutto in inglese, su come utilizzare al meglio questo prodotto.

La prima cosa comunque che vorrei farvi realizzare è un programma inutile, cioè una finestra con tante cose sopra ma senza nessuna utilità, questo solo per farvi vedere come può essere semplice realizzare un progetto con questo potente mezzo.

Quindi nel menù in alto selezionate “File\New\VCL Forms Application...”

Subito, nella parte centrale si aprirà una nuova sezione contenente una finestra vuota, selezionando “Run\Run” (o più semplicemente premendo il tasto “F9”) eseguiremo il nostro inutile progetto. Una piccola finestra apparirà senza niente, ma già con le funzioni di “chiusura in basso” e “tutto schermo” implementate. Chiudiamo con la “X” la finestra e, ritornando al nostro ambiente di sviluppo, possiamo pensare di riempire la nostra inutile finestra con inutili gadget giusto per capire come funziona.

In basso a destra il riquadro “Tool Palette” racchiude una lunga serie di “oggetti” che possiamo posizionare sulla nostra “form” (il nome corretto della finestra). Questa è divisa in categorie:

noi possiamo iniziare aprendo la categoria “Standard” (se non è già aperto) quindi cliccate sulla scritta “TButton” e poi spostatevi con il mouse sulla nostra form e cliccate di nuovo. Potete ora notare con che semplicità abbiamo creato un pulsante sulla finestra, se provate a lanciare di nuovo con F9 potete vedere l’effetto ottenuto a “runtime” (parola utilizzata per indicare quello che succede quando si lancia il programma, che può risultare differente da come si vede in fase di editing).

In questo modo possiamo appiccicare sulla nostra forma altre cose inutili, come ad esempio un TMemo, CheckBox1, almeno due RadioButton, TLabel, ecc... Se non vi basta lo spazio potete allargare la finestra così da farci entrare tutto, per fare questo basta avvicinare il cursore sul bordo e quando cambia in una doppia freccia cliccare e trascinare. L’effetto sarà visibile anche a runtime.

Nella parte bassa del riquadro dove viene visualizzata la form in editing, viene mostrata la posizione che per default ha la form nel monitor. Se si clicca sul riquadro piccolo è possibile spostarlo indicando una posizione diversa dove mostrare la nostra form a runtime.

La form a runtime comparirà in alto a sinistra.

La form comparirà per default in basso a destra.

Posizionando invece il piccolo riquadro al centro verrà mostrata al centro del monitor. Lanciamo (con F9) e verifichiamo quanto detto.

Possiamo abbellire ulteriormente il nostro progetto inserendo per esempio una TImage (nella sezione “Additional”) in questo modo avremo la possibilità di inserire una immagine come sfondo della nostra form. Dopo aver posizionato il nostro “componente” (questo è il nome corretto degli oggetti che si posizionano sulla form), nella finestra in basso a sinistra “Object Inspector” vengono mostrate tutte le peculiarità del nostro componente, sfogliate questa lista e cliccare sulla voce “Picture”, un piccolo pulsante con tre puntini comparirà alla destra della selezione, cliccatelo.

Nella finestra che compare premete “Load” e selezionate un’immagine a piacere, quindi premete questa volta “Ok” e la vostra immagine verrà inserita sulla form. Delphi possiede di suo una piccola raccolta di immagini (...\Borland Shared\Images) che potete trovare nella cartella dove è stato installato.

Come vi sarete subito accorti se l’immagine è grande non viene visualizzata per intera, niente paura. Sempre nella lista “Object Inspector” cercate la voce “Autosize” e ponetela su True. La vostra immagine ora è perfetta e potete spostarla dove vi pare. Se qualche componente sulla form non è più visibile perché coperto dalla foto bisogna indicare alla form di disegnare l’immagine al di sotto di tutto, per fare questo: tastino destro del mouse sull’immagine e selezionare “Control\Send to Back”.

Selezionando il componente TLabel inserito prima sulla nostra form, possiamo modificare la scritta come abbiamo fatto per TImage, andiamo quindi nell’Object Inspector e cerchiamo la proprietà “Caption”, cancelliamo ‘Label1’ e scriviamo ‘Progetto 1’, volendo possiamo scegliere anche un carattere e un colore diverso per la nostra scritta, selezionare la proprietà “Font” e cliccare sui fatidici tre puntini. Alla fine il nostro primo programma dovrebbe avere queste sembianze:

se a voi è venuto qualcosa di diverso, provate a fare in modo che il vostro progetto sia simile al mio. Potete notare che spostando i componenti sulla form, una serie di righe compariranno in automatico per aiutarvi a posizionare gli oggetti in modo ordinato e bello da vedere.

Come vedete creare un’interfaccia è abbastanza semplice, l’editor di Delphi ci aiuta molto ma programmare non è certo solo questo. Potete sbizzarrirvi inserendo quanti componenti volete sulla vostra form ma attenzione, non tutti producono qualcosa a runtime in modo automatico. Sfogliate e osservate le finestre che abbiamo visto, vedrete che selezionando un oggetto sulla form le voci nell’ Object Inspector cambiano, questo perché ogni componente ha le sue proprietà, alcune sono uguali per tutte. Infatti se ne selezionate più di uno (tenendo premuto il tasto “shift”), verranno visualizzate solo le proprietà in comune agli oggetti selezionati.

Il nostro primo progetto è qualcosa di veramente inutile, il pulsante non fa niente e quello che scriviamo nella TMemo rimane li, se chiudiamo il progetto va tutto perso, questo perché fino a ora non abbiamo programmato niente, ma abbiamo solo realizzato una interfaccia senza interazione, muta. Ma abbiamo capito che in questo modo tanto lavoro ci viene risparmiato, una volta bisognava scrivere molto codice solo per creare una finestra con un pulsante! Ora lasceremo in pace il nostro primo progetto e getteremo uno sguardo all’editor di Delphi, capiremo meglio l’uso di alcune funzioni e salveremo finalmente il nostro progetto realizzando un eseguibile.