Nariši črte v JavaFX – Tako enostavno ustvariš oblike

Risanje oblik je temeljni del razvoja GUI. Z JavaFX lahko enostavno ustvarite različne oblike, ki vaši aplikaciji dajejo več vizualne privlačnosti. V tem vadnici se osredotočamo na najpreprostejšo obliko: črto. Naučili se boste, kako narisati črto v JavaFX sceni, jo prilagoditi in stilizirati.

Najpomembnejše ugotovitve

• Uporaba razreda Line za ustvarjanje črte v JavaFX.
• Prilagajanje barve in širine črte.
• Uvod v črtkane črte in različne sloge črt.

Navodila po korakih

Da ustvarite črto v JavaFX, sledite tem korakom:

Korak 1: Ustvarite osnovno HBox

Da prikažete svojo črto, najprej morate ustvariti HBox. Ta služi kot kontejner za vse grafične komponente.

Najprej se instancira škatla. Novo HBox lahko ustvarite s pomočjo naslednje kode:

HBox box = new HBox();

Korak 2: Ustvarite sceno

Zdaj je čas, da ustvarite sceno, v katero bo vstavljen vaš HBox. Velikost scene in s tem risalne površine lahko nastavite na 400x400 slikovnih točk.

Tukaj je koda za ustvarjanje scene:

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

Korak 3: Vstavite črto

Zdaj, da narišete črto, uporabite razred Line. Ta vam omogoča, da neposredno v konstruktorju navedete začetno in končno točko črte.

Npr. ustvarite črto, ki poteka od točke (0,0) do točke (200,200):

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

Korak 4: Dodajte črto sceni

Da črto naredite vidno, jo morate dodati HBoxu. Uporabite metodo getChildren().addAll().

Tukaj je ustrezna koda:

box.getChildren().addAll(line);

Korak 5: Razumevanje izhodišča

Pomembna lastnost JavaFX je, da se izhodišče nahaja v zgornjem levem kotu risalne površine. Tukaj pozitivne vrednosti tečejo navzdol za y-os in desno za x-os.

Korak 6: Barvanje črte

Da črto naredite bolj vidno, lahko spremenite barvo s pomočjo ukaza setStroke().

Uporabite to kodo, da barvo nastavite na rdečo:

line.setStroke(Color.RED);

Korak 7: Prilagodite debelino črte

Širino črte lahko prav tako prilagodite. Za to uporabite metodo setStrokeWidth().

Uporabite to kodo, da širino povečate na 25 slikovnih točk:

line.setStrokeWidth(25);

Korak 8: Ustvarjanje črtkanih črt

Da ustvarite črtkano črto, potrebujete DashArray. Ta metoda vam omogoča, da določite vzorce za črto.

Tukaj je primer za ustvarjanje črtkane črte:

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

Korak 9: Določite slog črte

Cap črte je lahko bodisi okrogel bodisi pravokoten. Da slog nastavite na okrogel, uporabite ukaz setStrokeLineCap().

Tukaj je ustrezna koda:

line.setStrokeLineCap(StrokeLineCap.ROUND);

Korak 10: Interaktivna vaja

Zdaj, ko poznate principe risanja črt v JavaFX, se lahko lotite majhne vaje. Poskusite narisati preprosto hišo z uporabo črt za temelj in streho.

Začasno ustavite video in poskusite skicirati hišo!

Povzetek

V tej vadnici ste se naučili, kako ustvariti, prilagoditi in stilizirati črto v JavaFX. Spoznali ste osnove grafičnega uporabniškega vmesnika, da boste lahko z drugimi oblikami nadaljevali v prihodnjih videoposnetkih.