Нарисуй линии в JavaFX – Так ты легко создашь фигуры

Рисование форм является основным элементом разработки графических интерфейсов. С помощью JavaFX вы можете легко создавать различные формы, которые придают вашему приложению больше визуальной привлекательности. В этом уроке мы сосредоточимся на самой простой форме: линии. Вы научитесь рисовать, настраивать и стилизовать линию в сцене JavaFX.

Основные выводы

• Использование класса Line для создания линии в JavaFX.
• Настройка цвета и толщины линии.
• Введение в пунктирные линии и различные стили линий.

Пошаговое руководство

Чтобы создать линию в JavaFX, выполните следующие шаги:

Шаг 1: Создание основной HBox

Чтобы представить вашу линию, сначала создайте HBox. Этот элемент служит контейнером для всех графических компонентов.

Сначала вы создаете экземпляр HBox. Вы можете создать новый HBox, используя следующий код:

HBox box = new HBox();

Шаг 2: Создание сцены

Теперь пришло время создать сцену, в которую будет добавлен ваш HBox. Размер сцены и, следовательно, холста можно установить на 400x400 пикселей.

Вот код для создания сцены:

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

Шаг 3: Добавление линии

Теперь, чтобы нарисовать линию, используйте класс Line. Он позволяет вам указать начальные и конечные точки линии непосредственно в конструкторе.

Например, вы создаете линию, которая проходит от точки (0,0) до точки (200,200):

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

Шаг 4: Добавление линии в сцену

Чтобы сделать линию видимой, вам нужно добавить ее в HBox. Для этого используйте метод getChildren().addAll().

Вот соответствующий код:

box.getChildren().addAll(line);

Шаг 5: Понимание нулевой точки

Важная особенность JavaFX заключается в том, что нулевая точка находится в верхнем левом углу холста. При этом положительные значения идут вниз по оси y и вправо по оси x.

Шаг 6: Изменение цвета линии

Чтобы сделать линию более заметной, вы можете изменить цвет с помощью команды setStroke().

Используйте этот код, чтобы сделать цвет красным:

line.setStroke(Color.RED);

Шаг 7: Настройка толщины линии

Ширину линии также можно настроить. Для этого используйте метод setStrokeWidth().

Используйте этот код, чтобы увеличить ширину до 25 пикселей:

line.setStrokeWidth(25);

Шаг 8: Создание пунктирных линий

Чтобы создать пунктирную линию, вам нужно использовать DashArray. Этот метод позволяет вам задавать шаблоны для линии.

Вот пример, как создать пунктирную линию:

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

Шаг 9: Определение стиля линии

Капля линии может быть либо круглой, либо угловой. Чтобы установить стиль в круглой, используйте команду setStrokeLineCap().

Вот соответствующий код:

line.setStrokeLineCap(StrokeLineCap.ROUND);

Шаг 10: Интерактивное упражнение

Теперь, когда вы знаете принципы рисования линий в JavaFX, вы можете попробовать небольшое упражнение. Попробуйте нарисовать простой дом, используя линии для фундамента и крыши.

Приостановите видео и попробуйте сделать набросок дома!

Резюме

В этом уроке вы узнали, как создать, настроить и стилизовать линию в JavaFX. Вы познакомились с основами графического пользовательского интерфейса для работы с другими формами в следующих видео.