Java富客户端平台JavaFX如何创建框架

发布时间：2021-10-29 10:00:04 作者：柒染
来源：亿速云阅读：147

这期内容当中小编将会给大家带来有关Java富客户端平台JavaFX如何创建框架，文章内容丰富且以专业的角度为大家分析和叙述，阅读完这篇文章希望大家可以有所收获。

未来JavaFX希望在渲染方面具备通用的抽象能力，无论是针对Java 2D/OpenGL/Hospot VM框架或是Javascript/HTML5/Web浏览器框架，都可以使用同样的API来实现。

JavaFX最早有两个主要的组成部分：JavaFX脚本和JavaFX移动。JavaFX的核心是JavaFX脚本，它是一种声明型的脚本语言。它与Java类保持了高度的交互性。JavaFX移动(JavaFX Mobile)，是用来为移动设备开发Java应用的平台。然而，后来Oracle宣布了JavaFX脚本被废弃，替换它的是一种新的Java API，用来构建JavaFX应用，当然，也可能从类似JRuby，Clojure，Scala和Groovy等语言中选取代替者。正当我犹豫是否将学习重心转移到JavaFX上时，2011年JavaFX的发展前景给我注入了一种强心剂，让我下定决心来好好学些JavaFX2.0。

一、什么是JavaFX?

JavaFX平台是Java客户端平台的演进，用于帮助程序开发人员快速创建和部署富客户端应用程序，实现跨平台的一致性。JavaFX平台基于Java技术，提供了一系列的图表和多媒体API，用于简化数据驱动的企业客户端应用程序的开发。

对于Java开发人员而言，JavaFX平台具有以下优势：

1、由于JavaFX平台是用Java语言编写的，Java开发人员可以充分利用他们已有的技能和工具来开发JavaFX应用程序。

2、由于Java被广泛使用，有经验的Java开发人员能够快速高效地开发JavaFX应用程序。

3、通过使用服务器和客户端平台上的Java技术，JavaFX平台通过减少业务解决方案的复杂性来减低了投资风险。

4、基于以上几点优势，开发费用也有所减低。

5、JavaFX平台为广大开发人员提供了开发框架和运行时环境，用于创建企业业务应用程序，同时支持Java实现跨平台。

二、JavaFX现状发展: JavaFX 2.0发布

在JavaOne 2011大会上，甲骨文在宣布推出Windows 平台上的JavaFX 2.0版本的同时，也发布了Mac OS X平台上的开发者预览版JavaFX 2.0。

JavaFX 2.0 是 JavaFX 一个主要的升级版本，为下一代的 UI 平台而设计，提供强大的基于Java 的UI 设计能力，可处理大规模数据驱动的商业逻辑。JavaFX 2.0 包含非常丰富的UI 控件、图形和多媒体特性，可用于简化可视化应用的开发，新增的 WebView 可直接在应用中嵌入网页;另外 2.0 版本允许使用 FXML 进行 UI 定义，这是一个脚本化基于XML 的标识语言。

JavaTM SE 7 Update 2 包含了新的JVM，用来提高可靠性和性能，支持Oracle Solaris 11和Firefox 5以及更高版本。Java SE包含了JavaFX，Java JDK包含了JavaFX SDK以及JavaFX运行时环境。

本月初适用于Windows平台上的JavaFX 2.1开发者预览版可供下载，该版本包含了新的图表和复合框控件。

三、如何创建应用程序框架

JavaFX应用程序都有一个相似的框架。Main()函数调用Launch()函数，Start()方法用于设置应用程序的UI设计。

如何使用NetBeans 7.1来创建JavaFX项目

1、下载安装JavaFX 2.0 SDK。我安装文件的默认路径是C:\Program Files\Oracle\JavaFX 2.0 SDK、C:\Program Files\Oracle\JavaFX Runtime 2.0.

虽然通过命令行的方式可以运行JavaFX应用程序，但是我准备用NetBeans来构建我的***个程序。NetBeans 7.1 beta支持JavaFX 2.0，而JavaFX 2.0 SDK需要单独下载。

我下载了NetBeans 7.1 beta所有版本，因为Java SE、JavaFX都能支持Groovy、Java EE、PHP以及C/C++来创建桌面、Web以及移动应用程序。目前的NetBeans IDE支持Windows、 Mac、Linux 以及 Oracle Solaris平台。它支持Java平台中的***规则和标准。而且，NetBeans IDE 7.1 Beta除了支持Java标准外，还支持JavaFX 2.0,并且对JavaFX 2.0应用程序可以进行完整的编译、调试和监测。

2、在NetBeans 7.1中创建了一个新的JavaFX项目。创建项目有两种方法。

“CTRL+SHIFT+N”

右键“项目”选项卡，选择“新建项目”

注：***次在新安装的NetBeans 7.1beta版本中创建JavaFX项目时需要激活。

3、一旦点击“完成”按钮创建完JavaFX项目后，就会生成三个文件。这些文件包括HelloJavaFX.java、Sample.java以及 Sample.fxml。

在项目上点击“生成”按钮后，就可以看到NetBeans 7.1 beta生成什么样的文件。

在'dist'目录下，可以使用JAR和JNLP文件来生成HTML文件。

四、如何使用内置的布局面板

JavaFX应用程序支持手动设置UI布局，可以为每个UI元素来设置合适的位置和大小属性，而最简单的方法是充分利用布局面板。JavaFX SDK提供了几个布局容器类，称之为面板，用于轻松创建和管理一些经典的布局，比如行、列、栈等。作为调整后的窗口，布局面板可以根据节点的属性来灵活自动调整位置和大小。

使用JavaFX提供的布局面板如下：

1、BorderPane

BorderPane布局面板提供了五个区域来放置节点：上下左右中。图1-1显示了布局类型，可以用来创建边框面板，可以灵活调整区域大小。

Java富客户端平台JavaFX如何创建框架

边框面板可以用于创建顶部经典的工具条，底部状态栏，左端导航栏面板，右边额外信息，中间的工作区。

以下代码为如何在每个区域里创建一个多边形边框面板

Example 1-1 Create a Border Pane   BorderPane layout = new BorderPane();  layout.setTop(new Rectangle(200, 50, Color.DARKCYAN));  layout.setBottom(new Rectangle(200, 50, Color.DARKCYAN));  layout.setCenter(new Rectangle(100, 100, Color.MEDIUMAQUAMARINE));  layout.setLeft(new Rectangle(50, 100, Color.DARKTURQUOISE));  layout.setRight(new Rectangle(50, 100, Color.DARKTURQUOISE));

2、Hbox

Hbox布局面板提供了一种简单的方法来调整单行中的节点。

Java富客户端平台JavaFX如何创建框架

Padding属性可以用来设置节点和Hbox面板之间的间距。Spacing属性可以用来管理节点之间的距离。可以调整背景色来调整风格。

以下示例为使用Hbox面板来创建一个工具条，包含两个按钮

Example 1-2 Create an HBox Pane   HBox hbox = new HBox();  hbox.setPadding(new Insets(15, 12, 15, 12));  hbox.setSpacing(10);  hbox.setStyle("-fx-background-color: #336699");   Button buttonCurrent = new Button("Current");  buttonCurrent.setPrefSize(100, 20);   Button buttonProjected = new Button("Projected");  buttonProjected.setPrefSize(100, 20);  hbox.getChildren().addAll(buttonCurrent, buttonProjected);   BorderPane border = new BorderPane();  border.setTop(hbox);

3、VBox

Java富客户端平台JavaFX如何创建框架

VBox布局面板与Hbox布局面板相似。Padding属性可以用来调整节点和VBox面板边缘的间距。Spacing属性用于调整节点之间的间距。

Example 1-3 Create a VBox Pane   VBox vbox = new VBox();  vbox.setPadding(new Insets(10, 10, 10, 10));  vbox.setSpacing(10);   Text title = new Text("Data");  title.setFont(Font.font("Amble CN", FontWeight.BOLD, 14));  vbox.getChildren().add(title);   Text options[] = new Text[] {  new Text(" Sales"),  new Text(" Marketing"),  new Text(" Distribution"),  new Text(" Costs")};   for (int i=0; i<4; i++) {  vbox.getChildren().add(options[i]);  }   border.setLeft(vbox); // Add to BorderPane from Example 1-2

Java富客户端平台JavaFX如何创建框架

4、GridPane

Java富客户端平台JavaFX如何创建框架

GridPane布局面板允许你创建一个灵活的网格，在行列中灵活调整节点的布局。

Java富客户端平台JavaFX如何创建框架

网格可以按照需要在单元格中灵活放置节点。网格面板适用于创建由行列组成的表格，图1-8显示了网格面板，包含了图标、标题、副标题、文本和饼图。gridLinesVisible属性可以用来显示网格线条，显示行和列。

Example 1-5 Create a Grid Pane   GridPane grid = new GridPane();  grid.setHgap(10);  grid.setVgap(10);  grid.setPadding(new Insets(0, 0, 0, 10));   // Category in column 2, row 1  Text category = new Text("Sales:");  category.setFont(Font.font("Tahoma", FontWeight.BOLD, 20));  grid.add(category, 1, 0);   // Title in column 3, row 1  Text chartTitle = new Text("Current Year");  chartTitle.setFont(Font.font("Tahoma", FontWeight.BOLD, 20));  grid.add(chartTitle, 2, 0);   // Subtitle in columns 2-3, row 2  Text chartSubtitle = new Text("Goods and Services");  grid.add(chartSubtitle, 1, 1, 2, 1);   // House icon in column 1, rows 1-2  ImageView imageHouse = new ImageView(  new Image(LayoutSample.class.getResourceAsStream("graphics/house.png")));  grid.add(imageHouse, 0, 0, 1, 2);   // Left label in column 1 (bottom), row 3  Text goodsPercent = new Text("Goods\n80%");  GridPane.setValignment(goodsPercent, VPos.BOTTOM);  grid.add(goodsPercent, 0, 2);   // Chart in columns 2-3, row 3  ImageView imageChart = new ImageView(  new Image(LayoutSample.class.getResourceAsStream("graphics/piechart.png")));  grid.add(imageChart, 1, 2, 2, 1);   // Right label in column 4 (top), row 3  Text servicesPercent = new Text("Services\n20%");  GridPane.setValignment(servicesPercent, VPos.TOP);  grid.add(servicesPercent, 3, 2);   border.setCenter(grid); // Add to BorderPane from Example 1-2

五、JavaFX应用程序成功示例演示

1、Ensemble

Java富客户端平台JavaFX如何创建框架