<input type="hidden" name="article_id" id="article_id" value="9375" /> <input type="hidden" name="catid" id="catid" value="0" /> <p>在本文中,将学习如何在 <strong>Eclipse IDE</strong> 开发和执行JavaFX编程。</p>
e(fx)eclipse是一组工具和必要的库,它们帮助您执行JavaFX编程,确保您已经作为插件将其安装在eclipse上了。 如果未安装e(fx)eclipse,可以在以下链接查看安装指南:
- http://www.yiibai.com/javafx/install-efxclipse-into-eclipse.html
JavaFX Scene Builder是一种可视化设计工具,它允许通过拖放快速创建应用程序界面。 并且代码创建为格式的文件。 这是一个选项,为了执行JavaFX编程,最好也应该安装它。
如果还未安装JavaFX Scene Builder,可以在以下链接查看说明:
- http://www.yiibai.com/javafx/install-javafx-scene-builder-into-eclipse.html
打开Eclipse,并在Eclipse中选择:
- File -> New -> Others..

创建一个项目名称为:,如下图中所示 -

项目创建成功以后,如下图中所示 -

还创建了示例代码,如下所示 -
首先,让我们确保运行例子成功。 右键单击主类(Main)并选择:
- Run As -> Java Application

JavaFX的应用正在运行,结果是一个空白的界面,如下:

在上面的步骤中,您已成功创建并运行 JavaFX 的 应用。
下图显示了舞台(Stage),场景(Scene),容器(Container),布局(Layout )和控件(Controls)之间的关系:

在JavaFX中,Stage是应用程序窗口,其中包含称为Scene的空间。 Scene包含界面的组件,如,,…或容器。
为了创建一个JavaFX应用程序界面,可以完全编写Java代码。 但是,需要这么多时间来做到这一点,JavaFX Scene Builder是一个可视化工具,允许您设计Scene的界面。 生成的代码是代码保存在文件中。

这是一个小例子,使用Scene Builder来设计应用程序界面。应用于该示例的MVC的模型如下所示:

- 在VIEW上显示它
- 用户使用CONTROLLER
- 操作数据(更新,修改,删除,..),MODEL上的数据已更改。
- 在VIEW上显示MODEL的数据。
下面我们来创建一个新的 文件。
- File -> New -> Other…

创建结果如下图所示 -

可以使用JavaFX Scene Builder打开文件。
注意:确保已安装JavaFX Scene Builder,并将其集成到Eclipse中。

的界面设计屏幕如下:

位于场景上的组件:

拉伸面板 -

锚点面板 -

查找按钮并将其拖动到中:

将的设置为“”,可以通过其从Java代码访问这。设置方法将在单击按钮时调用。
将拖放到中。设置的,将其作为“”新拖放到中,可以通过其ID在Java代码中访问这个。
选择文件/保存以保存更改。并在窗口中选择“预览/显示预览”以预览您的设计。

显示结果如下 -

关闭Scene Builder窗口并在Eclipse上刷新项目。您可以查看此时文件中生成的代码:
将属性添加到中,将对位于内部的控件(如和)有引用。

注意:类将在以后创建。

以下是 文件的内容 -
Main.java 文件的内容如下 -
执行上面的代码,得到以下结果 -

<div style="width:100%;margin-bottom: 16px; min-height: 180px;margin-top:18px;float:left;"> <span style="float:left;">上一篇: 在Eclipse安装JavaFX Scene Builder</span> <span style="float:right;">下一篇: JavaFX FlowPane布局</span> <div id="googlead" style="float:left;margin-top:8px;"> </div> </div>
版权声明:
本文来源网络,所有图片文章版权属于原作者,如有侵权,联系删除。
本文网址:https://www.bianchenghao6.com/h6javajc/14138.html