JavaFX开发工具之JavaFX Scene Builder

JavaFX Scene Builder是Oracle推出的JavaFX的可视化开发工具。下面就介绍一下今天的主角。

打开后的样子

整体可以分为三个区域：左边部分、中间部分、右边部分。（这不废话吗）

左边是一些可以拖拽的图形按钮之类的，当你选中中意的那个拖到中间黑色部分就可以了，比如下面这样：

创作开始了

从右边部分拖拽出AnchorPane到中间部分，可视化的主旨就出来了，解脱双手，再也不要自己一点点设置上下左右了。好了，拖出来就可以看到右边部分多了好多属性。其中JavaFX CSS部分很重要（不要告诉我你没看见），假如你不要太复杂的CSS样式，那么你可以选择第一个style，点击下方空白处会出现好多属性，关于背景、边的等等。我们选择一个fx-background-color，作用设置背景色，后面的空格可以设置颜色#000000，然后按下回车键，你会发现背景变黑了。

增加样式后的样子

如果你要增加的比较多，则可以考虑建一个专门的CSS文件，style下面三条就是为文件准备的（这里不介绍）。

右边还有layout属性，那个主要调节整个的大小，比如：

位置

这个就可以调节页面大小、最大尺寸、最小尺寸等等。

最下面的那个code是可以创建事件的，比如我点击了按钮，出现了什么变化。（当然你猜对了，也不细讲，有空再说）

最后随手拖出的界面