Pieškite linijas JavaFX – taip lengvai sukursite formas

Formų piešimas yra esminis GUI kūrimo komponentas. Su JavaFX gali lengvai kurti įvairias formas, kurios suteikia tavo aplikacijai daugiau vizualinės patrauklumo. Šiame vadove mes koncentruosimės į pačią paprasčiausią formą: liniją. Tu sužinosi, kaip nupiešti, pritaikyti ir stilizuoti liniją JavaFX scenoje.

Pagrindinės žinios

• Naudok linijos klasę, kad sukurtum liniją JavaFX.
• Keisk linijos spalvą ir plotį.
• Įvadas į taškuotąsias linijas ir skirtingus linijų stilius.

Žingsnis po žingsnio vadovas

Norėdamas sukurti liniją JavaFX, vadovaukis šiais žingsniais:

Žingsnis 1: Sukurti pagrindinę HBox

Norėdamas pavaizduoti savo liniją, pirmiausia turi sukurti HBox. Tai bus konteineris visoms grafikos komponentėms.

Pirmiausia instancijuojama dėžė. Naują HBox galima sukurti naudojant šį kodą:

HBox box = new HBox();

Žingsnis 2: Sukurti sceną

Dabar laikas sukurti sceną, į kurią įdėsi savo HBox. Scenos dydį ir taip pat piešimo plotą gali nustatyti iki 400x400 pikselių.

Čia yra kodas, kad sukurtum sceną:

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

Žingsnis 3: Įterpti liniją

Dabar, norėdamas nupiešti liniją, tu naudoji linijos klasę. Ji leidžia tau nurodyti linijos pradinius ir galinius taškus tiesiai konstruktoriuje.

Pavyzdžiui, sukuri liniją, kuri eina nuo taško (0,0) iki taško (200,200):

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

Žingsnis 4: Pridėti liniją prie scenos

Norėdami padaryti liniją matomą, turi pridėti ją prie HBox. Tam naudoji metodą getChildren().addAll().

Čia yra atitinkamas kodas:

box.getChildren().addAll(line);

Žingsnis 5: Suprasti nulines taškas

Vienas svarbus JavaFX bruožas yra tas, kad nulines taškas yra kairiajame viršutiniame piešimo ploto kampe. Čia teigiami vertės kyla žemyn y ašimi ir į dešinę x ašimi.

Žingsnis 6: Spalvinti liniją

Norėdamas padaryti liniją matomesnę, gali pakeisti spalvą naudodamas setStroke() komandą.

Naudok šį kodą, kad padarytum spalvą raudoną:

line.setStroke(Color.RED);

Žingsnis 7: Keisti linijos storį

Taip pat gali keisti linijos plotį. Tam naudoji metodą setStrokeWidth().

Naudok šį kodą, kad padidintum plotį iki 25 pikselių:

line.setStrokeWidth(25);

Žingsnis 8: Sukurti taškuotąsias linijas

Norėdami sukurti taškuotą liniją, tau reikia DashArray. Šis metodas leidžia tau nustatyti raštą linijai.

Štai pavyzdys, kaip sukurti taškuotą liniją:

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

Žingsnis 9: Apibrėžti linijos stilių

Linijos galas gali būti apvalus arba kampuotas. Norėdamas nustatyti stilių kaip apvalų, naudok komandą setStrokeLineCap().

Čia yra atitinkamas kodas:

line.setStrokeLineCap(StrokeLineCap.ROUND);

Žingsnis 10: Interaktyvus pratimas

Dabar, kai žinai piešimo linijų principus JavaFX, gali išbandyti mažą pratimą. Pabandyk nupiešti paprastą namą, naudodamas linijas pamatams ir stogui.

Pristabdyk video ir išbandyk nupiešti namą!

Santrauka

Šiame vadove sužinojai, kaip sukurti, pritaikyti ir stilizuoti liniją JavaFX. Tu susipažinai su grafine vartotojo sąsaja, kad galėtum tęsti su kitais Shapes būsimuose video.