JavaFX 自定义 UI 开发:主题切换与 CSS 选择器应用
1. 自定义外观与主题切换示例
在 JavaFX 开发中,我们可以通过代码自定义应用程序的外观。首先,我们可以使用以下代码去除默认样式并应用自定义样式:
Application.setUserAgentStylesheet(null); // defaults to Modena
// apply custom look and feel to the scene.
scene.getStylesheets()
.add(getClass().getResource("my_cool_skin.css")
.toExternalForm());
为了展示如何在不同的 CSS 样式表(即皮肤或主题)之间切换,有一个名为 “Look N Feel Chooser” 的示例应用程序。该应用程序允许用户在不同的预定义主题之间进行选择。
1.1 项目结构
将 “Look N Feel Chooser” 项目加载到 NetBeans IDE 中,可以看到源代码由六个文件组成:
- LookNFeelChooser.java
:主驱动应用程序类。
- lnf_demo.fxml
:一个 FXML 格式的文件,代表中心内容,包含一个手风琴式 UI 控件面板和其他 UI 控件元素,该文件由 Scene Builder 工具创建。
- controlStyle1.css