Disegna linee in JavaFX – Ecco come creare facilmente forme

Disegnare forme è un elemento fondamentale nello sviluppo delle GUI. Con JavaFX, puoi facilmente creare diverse forme che aggiungono maggiore attrattiva visiva alla tua applicazione. In questo tutorial ci concentriamo sulla forma più semplice: la linea. Imparerai come disegnare, adattare e stilizzare una linea in una scena JavaFX.

Raccomandazioni principali

• Utilizzo della classe Line per creare una linea in JavaFX.
• Adattamento del colore e della larghezza della linea.
• Introduzione a linee tratteggiate e diversi stili di linea.

Guida passo-passo

Per creare una linea in JavaFX, segui questi passaggi:

Passo 1: Creare un HBox di base

Per rappresentare la tua linea, devi prima creare un HBox. Questo serve come contenitore per tutti i componenti grafici.

Inizialmente, l'HBox viene istanziato. Puoi creare un nuovo HBox utilizzando il seguente codice:

HBox box = new HBox();

Passo 2: Creare una scena

Ora è il momento di creare una scena in cui verrà inserito il tuo HBox. Puoi impostare le dimensioni della scena e quindi dell'area di disegno a 400x400 pixel.

Ecco il codice per creare la scena:

Scene scene = new Scene(box, 400, 400);

Passo 3: Inserire una linea

Per disegnare una linea, utilizzi la classe Line. Questa ti consente di specificare i punti di inizio e di fine della linea direttamente nel costruttore.

Ad esempio, crei una linea che va dal punto (0,0) al punto (200,200):

Line line = new Line(0, 0, 200, 200);

Passo 4: Aggiungere la linea alla scena

Per rendere visibile la linea, devi aggiungerla all'HBox. A tal fine, utilizzi il metodo getChildren().addAll().

Ecco il codice corrispondente:

box.getChildren().addAll(line);

Passo 5: Comprendere il punto zero

Una proprietà importante di JavaFX è che il punto zero si trova nell'angolo in alto a sinistra dell'area di disegno. Qui, i valori positivi scorrono verso il basso per l'asse y e verso destra per l'asse x.

Passo 6: Colorare la linea

Per rendere la linea più visibile, puoi cambiare il colore con il comando setStroke().

Usa questo codice per rendere il colore rosso:

line.setStroke(Color.RED);

Passo 7: Adattare lo spessore della linea

Puoi anche adattare la larghezza della linea. A tal fine, utilizzi il metodo setStrokeWidth().

Utilizza questo codice per aumentare la larghezza a 25 pixel:

line.setStrokeWidth(25);

Passo 8: Creare linee tratteggiate

Per creare una linea tratteggiata, hai bisogno dell'array DashArray. Questo metodo ti consente di impostare modelli per la linea.

Ecco un esempio per creare una linea tratteggiata:

line.getStrokeDashArray().addAll(10.0, 20.0);

Passo 9: Definire lo stile della linea

Il Cap della linea può essere arrotondato o squadrato. Per impostare lo stile su arrotondato, utilizza il comando setStrokeLineCap().

Ecco il codice corrispondente:

line.setStrokeLineCap(StrokeLineCap.ROUND);

Passo 10: Esercizio interattivo

Ora che conosci i principi per disegnare linee in JavaFX, puoi cimentarti in un piccolo esercizio. Prova a disegnare una semplice casa utilizzando linee per le fondamenta e il tetto.

Pausa il video e prova a schizzare una casa!

Riassunto

In questo tutorial hai imparato come creare, adattare e stilizzare una linea in JavaFX. Hai appreso le basi dell'interfaccia grafica per proseguire con altre forme nei prossimi video.