Tegn linjer i JavaFX – Slik lager du former enkelt

Å tegne former er en grunnleggende del av GUI-utviklingen. Med JavaFX kan du enkelt lage forskjellige former som gir applikasjonen din mer visuell tiltrekningskraft. I denne veiledningen fokuserer vi på den enkleste formen: linjen. Du vil lære hvordan man tegner, tilpasser og stiliserer en linje i en JavaFX-scene.

Viktige funn

• Bruk av Line-klassen for å lage en linje i JavaFX.
• Tilpasse linjefarge og -bredde.
• Innledning til stiplede linjer og forskjellige linjestiler.

Trinn-for-trinn-guide

For å lage en linje i JavaFX, følg disse trinnene:

Trinn 1: Opprett en grunnleggende HBox

For å representere linjen din, må du først opprette en HBox. Denne fungerer som en beholder for alle grafiske komponenter.

Først blir boksen instansiert. Du kan opprette en ny HBox ved å bruke følgende kode:

HBox box = new HBox();

Trinn 2: Opprett en scene

Nå er det på tide å opprette en scene hvor HBoxen din blir plassert. Du kan sette størrelsen på scenen og dermed maleområdet til 400x400 piksler.

Her er koden for å opprette scenen:

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

Trinn 3: Sett inn en linje

For nå å tegne en linje, bruker du Line-klassen. Denne lar deg spesifisere start- og sluttpunktene til linjen direkte i konstruktøren.

For eksempel oppretter du en linje som går fra punktet (0,0) til punktet (200,200):

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

Trinn 4: Legg linjen til scenen

For å gjøre linjen synlig, må du legge den til HBoxen. For dette bruker du metoden getChildren().addAll().

Her er den aktuelle koden:

box.getChildren().addAll(line);

Trinn 5: Forstå nullpunktet

En viktig egenskap ved JavaFX er at nullpunktet ligger i øverste venstre hjørne av maleområdet. Her går positive verdier nedover for y-aksen og mot høyre for x-aksen.

Trinn 6: Farge linjen

For å gjøre linjen mer synlig, kan du endre fargen med setStroke()-kommandoen.

Bruk denne koden for å gjøre fargen rød:

line.setStroke(Color.RED);

Trinn 7: Juster linjebredden

Bredden på linjen kan også justeres. For dette bruker du metoden setStrokeWidth().

Bruk denne koden for å øke bredden til 25 piksler:

line.setStrokeWidth(25);

Trinn 8: Opprett stiplede linjer

For å lage en stiplet linje, trenger du DashArray. Denne metoden lar deg spesifisere mønstre for linjen.

Her er et eksempel på hvordan du oppretter en stiplet linje:

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

Trinn 9: Definer linjestilen

Enden av linjen kan være enten rund eller kvadratisk. For å sette stilen til rund, bruk setStrokeLineCap()-kommandoen.

Her er den aktuelle koden:

line.setStrokeLineCap(StrokeLineCap.ROUND);

Trinn 10: Interaktiv øvelse

Nå som du kjenner prinsippene for å tegne linjer i JavaFX, kan du prøve deg på en liten øvelse. Prøv å tegne et enkelt hus ved å bruke linjer for fundamentet og taket.

Pause videoen og prøv å skissere et hus!

Oppsummering

I denne veiledningen har du lært hvordan du lager, tilpasser og styler en linje i JavaFX. Du har lært det grunnleggende om den grafiske brukergrensesnittet for å fortsette med andre former i kommende videoer.