JavaFX 2.0 c использованием CSS – Devcolibri

  • Автор темы Lucania
  • 28
  • Обновлено
  • 05, May 2023
  • #1
В данном примере мы рассмотрим использование CSS в JavaFX 2.0 для оформления графических элементов на форме.
  • Создайте новый проект JavaFX в вашей среде разработки.
  • Откройте файл fxml и добавьте на форму элемент Button.
  • Добавьте в файл css следующий код:


cssCopy code
 .button {

-fx-background-color: #4CAF50;

-fx-text-fill: white;

-fx-font-size: 16px;

-fx-font-weight: bold;

-fx-padding: 10px 20px;

-fx-background-radius: 5px;
}
В этом коде мы задаем цвет фона кнопки, цвет текста, размер шрифта, жирность шрифта, отступы внутри кнопки и скругление углов.
  • Сохраните файл css и свяжите его с файлом fxml, добавив следующую строку кода:


phpCopy code
 <stylesheets>

<URL value="@styles.css" />
</stylesheets>
В этом коде мы указываем путь к файлу css.
  • Запустите проект и увидите, что кнопка на форме теперь оформлена в соответствии с нашими стилями.


Вы можете использовать CSS для оформления любых графических элементов в JavaFX, таких как Label, TextField, ComboBox, ListView, и т.д. Задавая различные свойства стилей, вы можете создавать уникальный дизайн для своих приложений JavaFX.

Lucania


Рег
02 Feb, 2023

Тем
27158

Постов
27328

Баллов
298908
Тем
49554
Комментарии
57426
Опыт
552966

Интересно