JavaFX Scene Builder使用总结

持续更新我在使用JavaFX Scene Builder的过程中遇到的问题和解决办法!

我一般的开发步骤:首先是在Javafx Scene Builder中设计好界面的布局,将界面中要做的事情做完,包括定义控制器类,定义简单的style,定义事件方法,然后将整个FXML文件和用到的资源文件(图片等)一起复制到Eclipse(安装了Javafx开发插件的版本,详情请看我的Javafx第一篇中所需要的软件)中,最后就是在程序中用FXMLLoader去加载它显示出来,查看效果如何。

1.一般不要在JavaFX Scene Builder中添加样式!它会在相应的元素element中添加一个styleClass的属性,但是如果在程序中运行时总是会报一个错误,如果想用CSS来设置每个元素的样式的话建议手动操作!在FXML文件中要设置样式的元素添加一个子节点,如下所示即可!

JavaFX Scene Builder使用总结_第1张图片

 

JavaFX Scene Builder使用总结_第2张图片

但是纠结的是,如果在程序中改好了之后,重新在JavaFX Scene Builder中进行界面设计时,JavaFX Scene Builder会将你添加的styleclass删除掉,很多时候处理他们之间的

同步很困难,所以最好做好同步!

 

2.在使用JavaFX Scene Builder的过程中,经常会出现右边的属性面板出现假死现象,可以resize一下该面板就好了,这个是官网上发现了的已知的bug

 

3.在本地化的时候,一般我们都是在FXML文件中使用 %BundleText 来绑定特定的properties文件中的某个键值对,但是这里会出现一些问题。例如,将一个Label的text设置为

%Message,那么对应的FXML文件将生成的代码是 text="\%Message",因为%是特殊字符,所以要用反斜线来转义,但是这样一来,就会很麻烦!因为复制到Eclipse中时,Eclipse会报错!原因就在于用于转义的 “\”,它会发现这个斜线是多余的,所以我想了一个办法:%是需要转移的,但是*是不需要的,而且界面是文本中一般不会出现*,所以,在开发界面时如果是要从属性文件中读取相应的文字的话,那么我就定义成 *Message 形式的文本,然后复制到Eclipse中之后,再利用Eclipse的替换功能,注意不能是直接将所有的*换成%,因为FXML文件头部的import元素中也还存在*,所以最好是使用text="%替换text="*,保证万无一失!同理,如果你只是修改了Eclipse中的FXML文件,如果想要复制文件内容同步到Javafx scene builder中的话你就要将%替换成*即可!呵呵,很方便吧!不过还是希望Javafx scenebuilder能够更加的智能!

还有一个需要注意的问题就是,如果你希望某个label或者text开始时为空字符串,(比如这个label就是显示错误信息的,但是初始时肯定是没有的),一般是设置了text为“”,不过最好是能够使用“*Message”,然后在properties文件中设置一下它的初值为空字符串,以免出错!

JavaFX Scene Builder使用总结_第3张图片

 

4.在Javafx scene builder中使用图片:点击File,选择Import,然后选中一张图片即可,工具会自动生成一个ImageView!注意,图片文件名最好不要有空格,不然这次显示正常,下次可能就会出错!如果这张图片在当前的FXML文件所在的目录下或者子目录下,那么对应的url使用的是相对路径,一般是这样子: url="@background-shadow.png" ,但是如果是在当前的FXML文件的父目录或者其他的目录中的话,生成的url是使用绝对路径!例如:url="file:/D:/yinger/My%20DBank/workspace_fxml/apple.png"

同理,要想在JavaFx Scene Builder中使用视频或者音频等等,也是使用同样的方法!更加有用的是,你可以导入其他的FXML文件到当前的FXML文件中,这个十分方便我们实现组件复用!工具会自动的生成相应的导入代码,例如:,除此之外,更新被导入的FXML文件中的内容会同步到这个文件中!

JavaFX Scene Builder使用总结_第4张图片      JavaFX Scene Builder使用总结_第5张图片

 

5.一般默认情况下新建的FXML文件的根节点都是AnchorPane,但是有时候我们并不想让根节点是它,比如想让根节点是StackPane,但是如果在JavaFx Scene Builder中却是不允许删除根节点的,怎么办呢?很简单的,修改FXML源文件!直接将源文件中根节点的AnchorPane改成StackPane即可,然后就可以看到效果了!

JavaFX Scene Builder使用总结_第6张图片

 

6.Javafx scene builder有一个很好的功能,点击View,选中Show Outlines可以查看布局的网格线!

JavaFX Scene Builder使用总结_第7张图片

 

7.点击Hierarchy面板右方的小小的向下的箭头,快捷显示fx:id/id/info功能,info一般是显示GridPane的表格大小(列*行)

JavaFX Scene Builder使用总结_第8张图片

转载于:https://www.cnblogs.com/yinger/archive/2012/04/17/2453522.html

你可能感兴趣的:(JavaFX Scene Builder使用总结)