JavaFX之Scene Builder详细使用说明之菜单篇(6)——Preview菜单

目录

菜单项预览

Show Preview in Window菜单项

JavaFX Theme菜单项

Scene Style Sheets菜单项

Internationalization菜单项

Preview Size菜单项


 

菜单项预览

JavaFX之Scene Builder详细使用说明之菜单篇(6)——Preview菜单_第1张图片

各菜单项功能说明:

Show Preview in Window:预览创建的界面。

JavaFX Theme:选择JavaFX主题。

Scene Style Sheets:为界面添加CSS样式文件。

Internationalization:添加配置文件。

Preview Size:预览界面的尺寸。

 

Show Preview in Window菜单项

但在设计界面时,可以点击该菜单项进行预览界面。

JavaFX之Scene Builder详细使用说明之菜单篇(6)——Preview菜单_第2张图片

 

JavaFX Theme菜单项

JavaFX之Scene Builder详细使用说明之菜单篇(6)——Preview菜单_第3张图片

切换个Modena High Contrast - White on Black(FX8)看下效果:

JavaFX之Scene Builder详细使用说明之菜单篇(6)——Preview菜单_第4张图片

 

Scene Style Sheets菜单项

JavaFX之Scene Builder详细使用说明之菜单篇(6)——Preview菜单_第5张图片

这里使用的CSS文件如下:

.button {
    -fx-background-color:red;
}
.button .text {
    -fx-fill:white;
}

点击Add a Style Sheet..菜单项为该界面添加CSS样式:

JavaFX之Scene Builder详细使用说明之菜单篇(6)——Preview菜单_第6张图片

 

Internationalization菜单项

使用properties配置文件来设置界面中的控件的一些属性,便于修改。

首先创建一个名为data.properties的配置文件,内容如下:

ClickMe=点我

properties配置文件是键值对文件,即key-value的对应关系。

接着是引入这个data.properties配置文件通过Set Resources...菜单项

JavaFX之Scene Builder详细使用说明之菜单篇(6)——Preview菜单_第7张图片

查看未配置之前:

JavaFX之Scene Builder详细使用说明之菜单篇(6)——Preview菜单_第8张图片

将文本框设置为Replace with internationalized String

JavaFX之Scene Builder详细使用说明之菜单篇(6)——Preview菜单_第9张图片

使用键值对成功:

JavaFX之Scene Builder详细使用说明之菜单篇(6)——Preview菜单_第10张图片

 

Preview Size菜单项

该菜单项的用途是设置预览界面的尺寸大小。

JavaFX之Scene Builder详细使用说明之菜单篇(6)——Preview菜单_第11张图片

 

可搜索微信公众号【Java实例程序】或者扫描下方二维码关注公众号获取更多。

你可能感兴趣的:(JavaFX,Java,JavaFX,Scene,Builder)