建站
咨詢
售后
建站咨詢
新聞中心
2007年JavaOne大會(huì)上***對(duì)外發(fā)布JavaFX，時(shí)隔三年之后，2010年JavaOne大會(huì)重點(diǎn)強(qiáng)調(diào)了Oracle針對(duì)Java平臺(tái)的計(jì)劃。未來(lái)JavaFX希望在渲染方面具備通用的抽象能力，無(wú)論是針對(duì)Java 2D/OpenGL/Hospot VM框架或是Javascript/HTML5/Web瀏覽器框架，都可以使用同樣的API來(lái)實(shí)現(xiàn)。
我們提供的服務(wù)有：做網(wǎng)站、網(wǎng)站建設(shè)、微信公眾號(hào)開(kāi)發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、臨縣ssl等。為上1000家企事業(yè)單位解決了網(wǎng)站和推廣的問(wèn)題。提供周到的售前咨詢和貼心的售后服務(wù)，是有科學(xué)管理、有技術(shù)的臨縣網(wǎng)站制作公司
JavaFX最早有兩個(gè)主要的組成部分：JavaFX腳本和JavaFX移動(dòng)。JavaFX的核心是JavaFX腳本，它是一種聲明型的腳本語(yǔ)言。它與Java類(lèi)保持了高度的交互性。JavaFX移動(dòng)(JavaFX Mobile)，是用來(lái)為移動(dòng)設(shè)備開(kāi)發(fā)Java應(yīng)用的平臺(tái)。然而，后來(lái)Oracle宣布了JavaFX腳本被廢棄，替換它的是一種新的Java API，用來(lái)構(gòu)建JavaFX應(yīng)用，當(dāng)然，也可能從類(lèi)似JRuby，Clojure，Scala和Groovy等語(yǔ)言中選取代替者。正當(dāng)我猶豫是否將學(xué)習(xí)重心轉(zhuǎn)移到JavaFX上時(shí)，2011年JavaFX的發(fā)展前景給我注入了一種強(qiáng)心劑，讓我下定決心來(lái)好好學(xué)些JavaFX2.0。
2011年在JavaOne大會(huì)上，Oracle秉承一個(gè)理念，為了追求JavaFX的標(biāo)準(zhǔn)化，Oracle推出了JavaFX 2.0，為企業(yè)業(yè)務(wù)應(yīng)用提供Java用戶界面(UI)平臺(tái)，致力于把Java變成***的富客戶端平臺(tái)。未來(lái)預(yù)計(jì)將對(duì)JavaFX平臺(tái)實(shí)現(xiàn)開(kāi)源，使其成為OpenJDK社區(qū)的新項(xiàng)目。
一、什么是JavaFX?
JavaFX平臺(tái)是Java客戶端平臺(tái)的演進(jìn)，用于幫助程序開(kāi)發(fā)人員快速創(chuàng)建和部署富客戶端應(yīng)用程序，實(shí)現(xiàn)跨平臺(tái)的一致性。JavaFX平臺(tái)基于Java技術(shù)，提供了一系列的圖表和多媒體API，用于簡(jiǎn)化數(shù)據(jù)驅(qū)動(dòng)的企業(yè)客戶端應(yīng)用程序的開(kāi)發(fā)。
對(duì)于Java開(kāi)發(fā)人員而言，JavaFX平臺(tái)具有以下優(yōu)勢(shì)：
1、由于JavaFX平臺(tái)是用Java語(yǔ)言編寫(xiě)的，Java開(kāi)發(fā)人員可以充分利用他們已有的技能和工具來(lái)開(kāi)發(fā)JavaFX應(yīng)用程序。
2、由于Java被廣泛使用，有經(jīng)驗(yàn)的Java開(kāi)發(fā)人員能夠快速高效地開(kāi)發(fā)JavaFX應(yīng)用程序。
3、通過(guò)使用服務(wù)器和客戶端平臺(tái)上的Java技術(shù)，JavaFX平臺(tái)通過(guò)減少業(yè)務(wù)解決方案的復(fù)雜性來(lái)減低了投資風(fēng)險(xiǎn)。
4、基于以上幾點(diǎn)優(yōu)勢(shì)，開(kāi)發(fā)費(fèi)用也有所減低。
5、JavaFX平臺(tái)為廣大開(kāi)發(fā)人員提供了開(kāi)發(fā)框架和運(yùn)行時(shí)環(huán)境，用于創(chuàng)建企業(yè)業(yè)務(wù)應(yīng)用程序，同時(shí)支持Java實(shí)現(xiàn)跨平臺(tái)。
二、JavaFX現(xiàn)狀發(fā)展: JavaFX 2.0發(fā)布
在JavaOne 2011大會(huì)上，甲骨文在宣布推出Windows 平臺(tái)上的JavaFX 2.0版本的同時(shí)，也發(fā)布了Mac OS X平臺(tái)上的開(kāi)發(fā)者預(yù)覽版JavaFX 2.0。
JavaFX 2.0 是 JavaFX 一個(gè)主要的升級(jí)版本，為下一代的 UI 平臺(tái)而設(shè)計(jì)，提供強(qiáng)大的基于Java 的UI 設(shè)計(jì)能力，可處理大規(guī)模數(shù)據(jù)驅(qū)動(dòng)的商業(yè)邏輯。JavaFX 2.0 包含非常豐富的UI 控件、圖形和多媒體特性，可用于簡(jiǎn)化可視化應(yīng)用的開(kāi)發(fā)，新增的 WebView 可直接在應(yīng)用中嵌入網(wǎng)頁(yè);另外 2.0 版本允許使用 FXML 進(jìn)行 UI 定義，這是一個(gè)腳本化基于XML 的標(biāo)識(shí)語(yǔ)言。
JavaTM SE 7 Update 2 包含了新的JVM，用來(lái)提高可靠性和性能，支持Oracle Solaris 11和Firefox 5以及更高版本。Java SE包含了JavaFX，Java JDK包含了JavaFX SDK以及JavaFX運(yùn)行時(shí)環(huán)境。
本月初適用于Windows平臺(tái)上的JavaFX 2.1開(kāi)發(fā)者預(yù)覽版可供下載，該版本包含了新的圖表和復(fù)合框控件。
三、如何創(chuàng)建應(yīng)用程序框架
JavaFX應(yīng)用程序都有一個(gè)相似的框架。Main()函數(shù)調(diào)用Launch()函數(shù)，Start()方法用于設(shè)置應(yīng)用程序的UI設(shè)計(jì)。
如何使用NetBeans 7.1來(lái)創(chuàng)建JavaFX項(xiàng)目
1、下載安裝JavaFX 2.0 SDK。我安裝文件的默認(rèn)路徑是C:\Program Files\Oracle\JavaFX 2.0 SDK、C:\Program Files\Oracle\JavaFX Runtime 2.0.
雖然通過(guò)命令行的方式可以運(yùn)行JavaFX應(yīng)用程序，但是我準(zhǔn)備用NetBeans來(lái)構(gòu)建我的***個(gè)程序。NetBeans 7.1 beta支持JavaFX 2.0，而JavaFX 2.0 SDK需要單獨(dú)下載。
我下載了NetBeans 7.1 beta所有版本，因?yàn)镴ava SE、JavaFX都能支持Groovy、Java EE、PHP以及C/C++來(lái)創(chuàng)建桌面、Web以及移動(dòng)應(yīng)用程序。目前的NetBeans IDE支持Windows、 Mac、Linux 以及 Oracle Solaris平臺(tái)。它支持Java平臺(tái)中的***規(guī)則和標(biāo)準(zhǔn)。而且，NetBeans IDE 7.1 Beta除了支持Java標(biāo)準(zhǔn)外，還支持JavaFX 2.0,并且對(duì)JavaFX 2.0應(yīng)用程序可以進(jìn)行完整的編譯、調(diào)試和監(jiān)測(cè)。
2、在NetBeans 7.1中創(chuàng)建了一個(gè)新的JavaFX項(xiàng)目。創(chuàng)建項(xiàng)目有兩種方法。
“CTRL+SHIFT+N”
右鍵“項(xiàng)目”選項(xiàng)卡，選擇“新建項(xiàng)目”
注：***次在新安裝的NetBeans 7.1beta版本中創(chuàng)建JavaFX項(xiàng)目時(shí)需要激活。
3、一旦點(diǎn)擊“完成”按鈕創(chuàng)建完JavaFX項(xiàng)目后，就會(huì)生成三個(gè)文件。這些文件包括HelloJavaFX.java、Sample.java以及 Sample.fxml。
在項(xiàng)目上點(diǎn)擊“生成”按鈕后，就可以看到NetBeans 7.1 beta生成什么樣的文件。
在'dist'目錄下，可以使用JAR和JNLP文件來(lái)生成HTML文件。
四、如何使用內(nèi)置的布局面板
JavaFX應(yīng)用程序支持手動(dòng)設(shè)置UI布局，可以為每個(gè)UI元素來(lái)設(shè)置合適的位置和大小屬性，而最簡(jiǎn)單的方法是充分利用布局面板。JavaFX SDK提供了幾個(gè)布局容器類(lèi)，稱之為面板，用于輕松創(chuàng)建和管理一些經(jīng)典的布局，比如行、列、棧等。作為調(diào)整后的窗口，布局面板可以根據(jù)節(jié)點(diǎn)的屬性來(lái)靈活自動(dòng)調(diào)整位置和大小。
使用JavaFX提供的布局面板如下：
1、BorderPane
BorderPane布局面板提供了五個(gè)區(qū)域來(lái)放置節(jié)點(diǎn)：上下左右中。圖1-1顯示了布局類(lèi)型，可以用來(lái)創(chuàng)建邊框面板，可以靈活調(diào)整區(qū)域大小。
邊框面板可以用于創(chuàng)建頂部經(jīng)典的工具條，底部狀態(tài)欄，左端導(dǎo)航欄面板，右邊額外信息，中間的工作區(qū)。
以下代碼為如何在每個(gè)區(qū)域里創(chuàng)建一個(gè)多邊形邊框面板
- 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布局面板提供了一種簡(jiǎn)單的方法來(lái)調(diào)整單行中的節(jié)點(diǎn)。
Padding屬性可以用來(lái)設(shè)置節(jié)點(diǎn)和Hbox面板之間的間距。Spacing屬性可以用來(lái)管理節(jié)點(diǎn)之間的距離?？梢哉{(diào)整背景色來(lái)調(diào)整風(fēng)格。
以下示例為使用Hbox面板來(lái)創(chuàng)建一個(gè)工具條，包含兩個(gè)按鈕
- 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
VBox布局面板與Hbox布局面板相似。Padding屬性可以用來(lái)調(diào)整節(jié)點(diǎn)和VBox面板邊緣的間距。Spacing屬性用于調(diào)整節(jié)點(diǎn)之間的間距。
- 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
4、GridPane
GridPane布局面板允許你創(chuàng)建一個(gè)靈活的網(wǎng)格，在行列中靈活調(diào)整節(jié)點(diǎn)的布局。
網(wǎng)格可以按照需要在單元格中靈活放置節(jié)點(diǎn)。網(wǎng)格面板適用于創(chuàng)建由行列組成的表格，圖1-8顯示了網(wǎng)格面板，包含了圖標(biāo)、標(biāo)題、副標(biāo)題、文本和餅圖。gridLinesVisible屬性可以用來(lái)顯示網(wǎng)格線條，顯示行和列。
- 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應(yīng)用程序成功示例演示
1、Ensemble
Ensemble提供了一系列的應(yīng)用程序來(lái)展示JavaFX的不同特征，比如動(dòng)畫(huà)、圖表、以及控件。
2、Sales Dashboard
這是Henley汽車(chē)公司的一個(gè)客戶端-服務(wù)器模式的應(yīng)用程序。使用JavaDB，可以在EJB服務(wù)器上模擬汽車(chē)的銷(xiāo)售。可以通過(guò)Derbu和web服務(wù)來(lái)獲取數(shù)據(jù)信息。通過(guò)混合使用FXML和JavaFX，客戶端可以掩飾各種不同的數(shù)據(jù)。
3、SwingInterop Sample
Swing應(yīng)用程序能夠顯示如何有效組合Swing和JavaFX。它可以使用JavaFX組件在一個(gè)選項(xiàng)卡中實(shí)現(xiàn)圖表和表單，再另一個(gè)選項(xiàng)卡中顯示由JavaFX實(shí)現(xiàn)的簡(jiǎn)單瀏覽器。
文章標(biāo)題：Java富客戶端平臺(tái)JavaFX：創(chuàng)建框架實(shí)戰(zhàn)
鏈接地址：http://www.5511xx.com/article/cccpdij.html
