- 05, May 2023
- #1
В данном примере мы рассмотрим использование CSS в JavaFX 2.0 для оформления графических элементов на форме.
cssCopy code
phpCopy code
Вы можете использовать CSS для оформления любых графических элементов в JavaFX, таких как Label, TextField, ComboBox, ListView, и т.д. Задавая различные свойства стилей, вы можете создавать уникальный дизайн для своих приложений JavaFX.
- Создайте новый проект 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.