java fx 皮肤_JavaFX 皮肤功能 | 学步园

作为RIA技术之一，为了让应用程序的界面看起来更加的漂亮或者更有个性，皮肤功能自然是必不可少的。

在JavaFX中，可以使用CSS样式表来进行皮肤的更换。不过JavaFX中的CSS是基于W3C CSS version 2.1，但又不完全相同。

JavaFX中的换肤有几种方式。

1.完全重新定义的控件样式

我们首先创建一个CSS文件，命名为skin1.css，在里面定义一个Button的样式。

.CustomButton{

-fx-background-color:#aaffff;

-fx-text-fill: #000000

}

如上所示，只是简单的改变背景色和文本颜色。

当然大家很容易看出来，与标准的CSS相差不大。

那么，我们就在程序中使用一下看看效果。

新建一个JavaFX Project，写下如下代码。

publicclassSkintestextendsApplication {

publicstaticvoidmain(String[] args) {

launch(args);

}

@Override

publicvoidstart(Stage primaryStage) {

primaryStage.setTitle("Test Skin in JavaFX");

finalButton btn =newButton("I am a Button");

StackPane root = newStackPane();

Scene scen