La Programmazione Grafica prevede che lo sviluppatore definisca gli elementi grafici e li disponga all’interno della finestra.
L’ambiente di programmazione e di sviluppo grafico facilita questo lavoro perchè offre gli strumenti per disegnare l’interfaccia grafica e vedere in modo immediato l’aspetto dell’applicazione come apparirà all’utente finale. Programmi come NetBeans favoriscono la programmazione visuale ed il programmatore può manipolare gli elementi dell’interfaccia grafica senza la necessità di scrivere il codice Java, che viene autogenerato.
Per creare un programma visuale con NetBeans si procede come per un normale programma selezionando il menù File->New Project o la relativa icona, e si aprirà la seguente finestra:
dalla quale occorre selezionare Java Application e clickare Next.
Dallo step 2 del wizard New Java Application, dopo aver inserito il Project Name, per poter programmare in modo visuale dalla vista Design dobbiamo accertarci di aver deselezionato Create New Class
Nell’ambiente di sviluppo di NetBeans apparirà ora nell’area Project il progetto con il nome che gli avete assegnato.
Dal menù contestuale (tasto destro) di esso dobbiamo aggiungere un nuovo JFrame Form
Comparirà quindi nell’area di sviluppo la finestra con anche la vista Design, nella quale inserire in drag&drop gli elementi grafici dall’area Palette.
Nell’area Properties è possibile vedere e/o modificare le proprietà di ogni elemento selezionato.
Elementi Grafici ed Eventi
I diversi elementi grafici delle GUI possono essere rappresentati in modo naturale utilizzando gli Oggetti.
Così ad esempio una Finestra grafica può essere vista come un oggetto i cui attributi sono la dimensione, la posizione e il titolo, mentre la sua modifica, spostamento, chiusura, ecc.. sono gestiti dai suoi metodi.
Nelle librerie AWL e Swing si trovano le classi corrispondenti ad ogni componente grafico, che può essere istanziato creando nel programma l’oggetto del componente corrispondente.
Per inserire un oggetto nel programma lo si può trascinare dalla finestra Palette direttamente all’interno della finestra grafica e posizionarla. L’IDE provvederà a creare in modo automatico il codice corrispondente all’istanziamento dell’oggetto ed al Layout della finestra.
Tutte le caratteristiche di quel componente sono contenute nella finestra Properties, dalla quale si possono gestire e modificare.
Ad ogni componente può essere associato un Evento, che permette all’utente di interagire con il programma (applicazione grafica).
Questo permette di gestire attraverso una appropriata azione ogni interazione con i componenti. Attraverso il Gestore (Handler) viene all’attivazione dell’evento, richiamato il metodo associato al componente, che dovrà essere programmato nell’applicazione.
Per inserire il codice da eseguire all’azionamento dell’evento è sufficiente un doppio click sul componente al quale sarà associato, si aprirà la schermata del codice sorgente nel quale inserire il codice.