Common Profile

Continuamo a vedere la prima lezione del corso Oracle a introduzione su come scrivere gui con javaFX. Attacchiamo ora il Common Profile. Questa lezione m'é stata cambiata sotto i piedi, infatti ci stavo lavorando sopra in questi giorni (inizio giugno 2009) proprio in corrispondenza con il rilascio della versione 1.2 di javaFX, che ha aggiunto molta roba in questo contesto.

Partiamo con gli elementi di GUI, lo script che li fa vedere in opera é UIControls.fx si trova sul sito sun. Si tratta di radio button, textbox, toggle button, check box, slider e progress bar che sono definiti nel package javafx.scene.control.

Poi si passa ai grafici. Il supporto ai quali viene fornito tramite il package javafx.scene.chart e sembra veramente notevole. Si possono costruire facilmente grafici con aree, areaChart.fx, a barre, barChart.fx, a bolle, bubbleChart.fx, a linee, lineChart.fx, a torta, pieChart.fx, o a punti, scatteredChart.fx, insomma, ce n'é per tutti i gusti.

E' estremamente semplice costruire un pannello per la gestione dei colori usando la classe javafx.scene.paint.Color, come illustrato nello script colors.fx.

Per la gestione di forme geometriche si fa riferimento al package javafx.scene.shape, e lo script shapes.fx ce ne da un esempio.

Sono a disposizione alcuni stili di riempimento per le forme geometriche, definiti nel package javafx.scene.paint, e che possiamo vedere all'opera nello script fill.fx.

Sono anche disponibili alcuni stili per la visualizzazione delle linee, definite nel package javafx.scene.shape e visibili con un esempio nello script line.fx.

Per la gestione del testo si veda lo script text.fx, che mostra come formattare stringhe di caratteri con diversi stili.

Per vedere come applicare trasformazioni a immagini c'é lo script transform.fx, nota che si fa riferimento a un file, strawberry.jpg che deve essere presente nella stessa directory dello script.

Per avere un esempio di come gestire il layout ci sono due script, hbox.fx e vbox.fx, che usano classi del package javafx.scene.layout.