Rysuj linie w JavaFX – Jak w prosty sposób tworzyć kształty

Rysowanie kształtów jest fundamentalnym elementem rozwoju GUI. Z JavaFX możesz w prosty sposób tworzyć różne kształty, które nadadzą twojej aplikacji więcej wizualnej atrakcyjności. W tym samouczku skupimy się na najprostszej formie: linii. Nauczysz się, jak narysować linię w scenie JavaFX, dostosować ją i stylizować.

Najważniejsze spostrzeżenia

• Użycie klasy Line do tworzenia linii w JavaFX.
• Dostosowanie koloru i szerokości linii.
• Wprowadzenie do linii przerywanych i różnych stylów linii.

Instrukcja krok po kroku

Aby stworzyć linię w JavaFX, wykonaj następujące kroki:

Krok 1: Utwórz podstawową HBox

Aby przedstawić swoją linię, najpierw musisz utworzyć HBox. Służy jako kontener dla wszystkich komponentów graficznych.

Najpierw zainstancjuj box. Możesz utworzyć nowy HBox, używając poniższego kodu:

HBox box = new HBox();

Krok 2: Utwórz scenę

Teraz nadszedł czas, aby stworzyć scenę, do której zostanie dodany twój HBox. Możesz ustawić rozmiar sceny i tym samym obszaru rysowania na 400x400 pikseli.

Poniżej znajduje się kod, aby utworzyć scenę:

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

Krok 3: Dodaj linię

Aby teraz narysować linię, użyj klasy Line. Pozwala to na bezpośrednie określenie punktów początkowego i końcowego w konstruktorze.

Na przykład stworzyć linię, która biegnie od punktu (0,0) do punktu (200,200):

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

Krok 4: Dodaj linię do sceny

Aby uczynić linię widoczną, musisz dodać ją do HBox. W tym celu używasz metody getChildren().addAll().

Poniżej znajduje się odpowiedni kod:

box.getChildren().addAll(line);

Krok 5: Zrozumienie punktu zerowego

Wa żną cechą JavaFX jest to, że punkt zerowy znajduje się w lewym górnym rogu obszaru rysowania. Wartości dodatnie dla osi y zstępują w dół, a dla osi x w prawo.

Krok 6: Kolorowanie linii

Aby uczynić linię bardziej widoczną, możesz zmienić kolor za pomocą polecenia setStroke().

Użyj tego kodu, aby ustawić kolor na czerwony:

line.setStroke(Color.RED);

Krok 7: Dostosowywanie grubości linii

Możesz również dostosować szerokość linii. W tym celu używasz metody setStrokeWidth().

Użyj tego kodu, aby zwiększyć szerokość do 25 pikseli:

line.setStrokeWidth(25);

Krok 8: Tworzenie linii przerywanych

Aby stworzyć linię przerywaną, potrzebujesz Tablicy Dash. Ta metoda pozwala ci ustalić wzory dla linii.

Poniżej przykład, jak stworzyć linię przerywaną:

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

Krok 9: Definiowanie stylu linii

Cap linii może być okrągły lub prostokątny. Aby ustawić styl na okrągły, użyj polecenia setStrokeLineCap().

Poniżej znajduje się odpowiedni kod:

line.setStrokeLineCap(StrokeLineCap.ROUND);

Krok 10: Interaktywne ćwiczenie

Teraz, gdy znasz zasady rysowania linii w JavaFX, możesz spróbować wykonać małe ćwiczenie. Spróbuj narysować prosty dom, używając linii do fundamentu i dachu.

Pauzuj wideo i spróbuj naszkicować dom!

Podsumowanie

W tym samouczku nauczyłeś się, jak stworzyć, dostosować i stylizować linię w JavaFX. Poznałeś podstawy graficznego interfejsu użytkownika, aby kontynuować z innymi kształtami w nadchodzących filmach.