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

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

创新互联建站始终坚持【策划先行，效果至上】的经营理念，通过多达10多年累计超上千家客户的网站建设总结了一套系统有效的推广解决方案，现已广泛运用于各行各业的客户，其中包括：LED显示屏等企业，备受客户夸奖。

未来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如何创建框架