Намалюй лінії в JavaFX – Як легко створювати фігури

Малювання форм є основним елементом розвитку графічного інтерфейсу. За допомогою JavaFX ви можете легко створювати різні форми, які надають вашому застосунку більше візуальної привабливості. У цьому навчальному посібнику ми зосередимося на найпростішій формі: лінії. Ви навчитеся, як малювати, налаштовувати та стилізувати лінію в сцені JavaFX.

Основні висновки

• Використання класу Line для створення лінії в JavaFX.
• Налаштування кольору та ширини лінії.
• Введення в пунктирні лінії та різні стилі ліній.

Покрокова інструкція

Щоб створити лінію в JavaFX, слідуйте цим крокам:

Крок 1: Створіть основну 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. Ви вивчили основи графічного інтерфейсу, щоб продовжити працювати з іншими Shapes у наступних відео.