fxml文件使用SceneBuilder打开报错

本资源由 伯乐在线 –
UncleTim 整理

fxml文件使用SceneBuilder打开报错

  怎么用Scene Builder 来同盟编制一个顺序?下边我们就以此来研究一下。

澳门金沙国际 1

JavaFX Scene
Builder提供了一个可视化布局环境,能让您神速设计用来JavaFX应用程序的用户界(UI),而无需编写任何代码。它同意图形界面(GUI)控件简单地被拖拽定位到一个JavaFX场景。当您建立用户界面布局时,FXML的布局代码将被自动生成。JavaFX
Scene
Builder提供了一个不难易行而直观的用户界面,可以支持开发者、甚至非程序员火速建立一个总是GUI控件到应用程序逻辑的交互式应用原型。

澳门金沙国际 2

(一)基础准备干活

化解措施:Window–>Preferences–>JavaFX–>browse
路径是可实施的JavaFX Scene Builder文件,例如:C:\Program Files
(x86)\Oracle\JavaFX Scene Builder 2.0\JavaFX Scene Builder
2.0.exe澳门金沙国际 3

 

缓解格局:Window–>Preferences–>JavaFX–>browse
路径是可进行的JavaFX Scene Builder文件,例如:C:\Program Files
(x86)\Oracle\JavaFX Scene Builder 2.0\JavaFX Scene Builder
2.0.exe澳门金沙国际 4

  本人使用NetBeans与JavaFX Scene Builder协同编写。

澳门金沙国际 5

  对于NetBeans我们须求做的是之类步骤:文件–>新建项目–>JavaFX–>JavaFX
FXML应用程序,然后单击下一步,如图:

对象人群

JavaFX Scene Builder的对象包括以下人群:

  • 澳门金沙国际,Java开发人士利用基础,中添加JavaFX插件学习。:可以便捷地打造客户端应用程序的界面布局,并各自支付应用程序逻辑。
  • 设计师:可以火速地树立一个不须要事先写好任何应用程序代码的客户端应用程序界面布局。他们可以安排和预览界面布局,并定义其外观和样式。

澳门金沙国际 6

重点意义

JavaFX Scene Builder包括以下重点成效:

  • 拖拽形式的所见即所得GUI:不必要写任何源代码就能快捷地创建一个图形用户界面布局。你可以应用GUI控件库和情节面板来充实、合并和编制JavaFX
    GUI控件到你的图形用户界面布局。
  • 与NetBeans IDE紧密集成:提供最佳的开发流程。
  • 可以很不难地和别的Java的IDE集成:它是一个单身的开发工具。
  • 自动生成FXML代码:当您构建和修改图形用户界面布局时,生成的FXML代码被贮存在一个独门于应用程序样式代码和体制文件的独自文件中。
  • 实时编辑和预览成效:支援你无需编译就能便捷地可视化对图形用户界面布局所作的更动。那个效应推进收缩应用程序的成本时间。你也足以添加级联样式表(CSS)到你的图形用户界面布局并预览生成的外观。
  • 访问完整的JavaFX GUI控件库:要翻花费持的JavaFX 8
    GUI控件的一体化列表,请在库面板搜索字段输入FX8。它包涵TreeTableView、DataPicker和SwiingNode控件。
  • 添加自定义的GUI控件到库中:GUI控件库也足以是第三方JAR文件、FXML文件导入定制的GUI控件,也可以从层次结构或内容面板将其拉长伸张。
  • 提供3D支持:包罗3D对象的FXML文件可以在Scene
    Builder工具中被加载和保存。你可以透过Inspector面板来查阅和编排3D对象的属性(Material和Mesh属性还不支持)。你无法通过Scene
    Builder工具来成立新的3D对象。
  • 帮助富文本:TextFlow是一个新的器皿,已经被含有在GUI控件库中。你可以拖拽多个文件节点或其余品种的节点到TextFlow中。你也得以一向在容器中操作文本节点来重新排列它们。内联和特性编辑功能也可应用于每个文本节点。
  • 在Scene Builder2.0中曾经提供了JavaFX Scene
    Builder套件:该套件是一组API,可以在巨型应用或者Java
    IDE的面接中整合Scene
    Builder面板及其作用,比如NetBeans、英特尔lji和Eclipse。
  • 支持CSS:可以灵活地管理应用程序用户界面的外观清劲风格。
  • 提供Windows、Linux和Mac OS X操作系统的跨平台支撑

  建立好工程文件后,大家得以见见工程下有八个文本,一个.FXML文件,五个.java文件,如图:

开发资源

  • 设置指南:JavaFX Scene
    Builder套件、Java
    IDE集成
  • 高速开始:利用Scene
    Builder创设一个JavaFX应用程序
  • 添加自定义GUI控件
  • JavaFX教程和文章

官方网站:
开源地址:

澳门金沙国际 7

  其中FXMLDocument.fxml为用户界面,大家可以透过JavaFX Scene Builder
进行编制,FXMLDocumentController.java为用户界面的控制器,通过那么些文件大家得以经过java代码对fxml文件定义的控件举行支配。(在NetBeans中,如若大家有了fxml文件,可以因而鼠标右击–>生成控制器,来直接生成java的fxml的控制器),而JavaFXApplication11.java得以把界面显示出来。

 

(二)须求精通的一些文化

  (1)界面展现的重点

    在大家纯java代码中,大家经过将气象放入舞斯特拉斯堡,然后显示即可,在我们那里原理也是如出一辙的。在JavaFXApplication11.java中,大家有那样的一行代码:

Parent root = FXMLLoader.load(getClass().getResource("FXMLDocument.fxml"));

  这些是我们的第一,大家经过FXMLLoader.load()方法从资源文件FXMLDocument.fxml中加载层级对象,并赋值到名为root的变量。之后大家在把这些根节点放出席景中,这样我们的用户界面就足以兑现出来了。

  (2)界面控制,响应交互的最主要

    对于fxml文件,大家可以打开JavaFX Scene Builder
对大家的界面举办统筹,同时设置fx:id、触发器、控制器,然后保存在NetBeans的工程中,再到NetBeans中右击fxml文件,重构或者是生成控制器(下边我们会详细讲)

 

(三)JavaFX Scene Builder 基本介绍

       首先,让大家来探望它的主干界面:

澳门金沙国际 8  

  然后,左边可以看看JavaFX控件列表和UI层结构,中间是可视化区域,设计的时候将控件从控件列表中拖动到可视化区域即可,左边是控件的性质,需求专注的属性栏包蕴Properties(属性)、Layout(布局)、Code(代码)一共多少个部分,其中属性主要控制控件自身的大大小小、对齐格局、CSS样式的增进等,布局紧要决定控件在面板上的对齐格局,地方等等的有些属性,而代码部分也是比较重大的一局地,下边大家将具体说多美滋(Dumex)(Nutrilon)下。

(四)使用Scene
Builder时最主要的一步

  大家经过对界面的布署性然后通过上边的学识已经得以把页面呈现出来了,可是因为大家使用Scene
Builder编写出来的FXML文件最后目标是为了和java代码一起用的,那么java如何来调用FXML文件里的控件呢?那里的紧要性就是地点提到的Code部分,先看下它长什么:

澳门金沙国际 9

  大家透过对控件的fx:id部分开展命名,当大家在NetBeans举行转变控制器时就会转变对应的变量,那样大家就足以在控制器里对界面上的控件进行支配;而在底下的一些即触发器部分,同样我们对它进行命名,生成的触发器中会出现相应的和触发器对应的函数,大家同样可以展开编辑相应的操作。

  另外,如图:

澳门金沙国际 10

  在方方面面界面的左手大家要求对Controller
class进行命名,目标是为fxml文件指定控制器。

 

  通过上边的介绍相信我们得以着力的对NetBeans和JavaFX Scene Builder
举办操作,并且突显fxml界面和对其开展支配。大家下一节将履行一个切实的例证来演示。

相关文章