gutiero67dn@outlook.com

日文文章翻譯推薦語言翻譯公司

本期介紹JavaFX的技術概觀與開辟入門的相關準備，對JavaFX Script的主要語法做了申明，並以現實的規範展示NetBeans在實務上的開辟能供給哪些有用的輔助，下期起頭會介紹JavaFX開發GUI上的更多技能，並以實例申明利用JavaFX貫穿連接各種首要HTTP辦事的方式

參考下方程式碼類型，將Clock.fx中Group content部份的程式碼貼上： 
 
●供應了一系列的開辟對象，來協助開辟與設計人員能有效率的一路協同工作，這對於建置美觀，優越互動性系統很主要。




●報名網址：http://whoswho.openfoundry.org/workshop/details/40.html 
●Java Web Start：可透過JNLP （Java Network Launching Protocol） 將主機上的JavaFX應用系統主動下載到使用者端的 Desktop受騙作一般應用程式運行翻譯 
JavaFX 1.1就是針對這些開辟上的需求所設計的開發對象集，以下是目前幾點主要的特點： 
請開啟NetBeans IDE並建立一個名稱為AnalogClock 新JavaFX專案。修改NetBeans產生的Main.fx檔案中Stage部份的程式碼： 

 根基資料型態 

表2：JavaFX支援的資料型態 
 
假如看到圖6的執行結果，就表示你的開發情況已經一切設定正常，可以開始體驗使用NetBeans開辟JavaFX各類利用系統了。體驗 JavaFX on-line Demo 
 
圖13：NetBeans標示不認識的種別等語法毛病。這個規模默示式可所以一個基本型態的變數，一個物件，一個函式的回傳值，或是一個表示式的運算回傳值，例如： 






圖16：透過設定transforms屬性到達一到多個顯示上的殊效或視覺轉換。 
●__FILE__：透露表現今朝履行的JavaFX Script檔案的URL。 


 
Group有些類似Div如許的容器，裏面可以放其它的Group或Node翻譯Group不消來作結構定位，而是將邏輯上一同顯示的UI元件群組在一起（這個功能在畫圖東西中經常使用）在Group上設定的殊效，視覺轉換及狀況等城市影響它包含的所有子元件。●如果你已經有安裝NetBeans IDE 6.5，也可透過Plug-in治理東西，直接將JavaFX 1.1 Plug-in安裝進來翻譯 
 
圖7：修改後的JavaFX履行結果。●供應了一個方便使用者的設計，運行於瀏覽器中的JavaFX利用系統，可直接拖放到桌面上，如許一來常用的功能就不需開啟瀏覽器便可直接操作，這部分在後續會有實例介紹翻譯 
(圖4) 
●JavaFX 1.1 Media Factory中供應的SVG Converter可用來將SVG格式的檔案轉換為JavaFX花樣，JavaFX Graphics Viewer則便利開發與設計人員檢視這些JavaFX格式的媒體檔案在Desktop與Mobile下的預覽模樣。 
●Path Animation：這個規範展現在JavaFX中製作動畫功能是多麼的簡單，範例中一個是汽車在跑道上繞圈，一個是帆船隨波逐流，跑道和波浪都是向量類型的路徑，只需要簡單的幾句指令就能夠完成這個動畫。
 特別的run函式 
類比型時鐘實例開辟 

結語 

●Interesting Photos：這個典範榜樣展現使用Web Services （Flickr REST API）從 Flickr網站動態將相片載入，可運行於Desktop和Mobile下翻譯 
類別可用abstract來潤色，示意為不可直接產生實例（instance）的抽象種別，JavaFX中沒法界說interface，但可以實作Java中界說的interface翻譯 




 
●Java Plugin：功課系統上安裝Java履行情況時預設會將支援IE，Firefox瀏覽器的Java Plugin一併安裝，JavaFX在瀏覽器中將以Applet的模式啟動與運行，利用者端不需要另外安裝JavaFX SDK或其它的程式。
接著請參考以下程式碼片段做一點修改： 


透過bind樞紐字，可以將要綁定的目標和一個特定的局限暗示式（bound expression）繫結在一路翻譯 
JavaFX中將陣列和List做了融會稱為序列（Sequences），提供了像Python說話中近似的語法，利用起來更便當易懂，請參考下面的例子： 


變數與函式的可存取性參考表1。JavaFX中函式也可看成一般物件一樣利用或看成參數傳遞翻譯和Groovy，PHP一樣，JavaFX Script中的字串裏面可以夾雜「{變數名稱}」 ，履行時會主動將變數值替換，免除了用一堆加號保持字串與變數值，不但便當可讀性也提高。 
接著用NetBeans豎立一個Clock.fx種別翻譯由於我們要將Clock設計成客製化的CustomNode，是以先將IDE產生的程式碼都刪除，點選右方的Palette上的CustomNode拖放到程式碼中，如圖11上半部。並將此種別名稱點竄為Clock便可，如圖11下半部。 
以方才的例子來講，Stage（舞台）是JavaFX中GUI的最上層，它以大括號將所包括的Scene（場景）等放在裏面，我們可用白話來講說這段程式碼： 

和Java分歧，JavaFX允許多重繼承，也就是可以同時繼承多個類別與介面，不外實務上利用照樣需謹慎，避免造成往後保護上的困擾： 


 
圖15：整合完全的除錯器。
表1：JavaFX變數與函式的可存取性 

 運算子與邏輯判斷 


●開辟人員可在JavaFX中直接利用目前成熟的Java函式庫，和各類雄厚的Open Source來建構系統，不僅快速不亂並且開發本錢低。 
接著說明JavaFX Script的語法，它的語法跟Java很類似但簡單易學，由於教誨Java的書籍等資料已許多，是以這裡只針對JavaFX Script特有，或與Java語法不同的部分做申明翻譯 

非論是擔當種別或實作介面，都是用extends關鍵字，實作介面中的方法則用override環節字，看下面列子： 

若是需要執行的JavaFX Script能領受號令列傳入的參數，華頓翻譯社們可以豎立一個名稱為run的函式，參考下面的程式碼： 
●在開發人員的部份供給了整合優秀的NetBeans IDE 6.5 for JavaFX 1.1，裏面包含了JavaFX 1.1 SDK，本系列的文章典範榜樣也都是在這上面開辟製作，後續會介紹相關的安裝與使用翻譯 

 
表2是JavaFX支援的資料型態翻譯這裡需留意Number的對應型態是Double，是以若是是需要作金錢或數學方面的運算，最好使用java.math.BigDecimal（ClassName）避免浮點運算上的問題。
NetBeans會將不認識的種別等語法毛病的部份標示出來，此時可利用右鍵中的[Fix imports]，或按快鍵[Ctrl+Shift+I]作修正。(圖13) 


圖6：第一個JavaFX履行成績翻譯 
圖9是本規範開發完成後的模樣。 


 種別與介面 
JavaFX Script望文生義就是Script說話，是以可以成立一個附檔名為fx的檔案，不需要界說class也不需要main method，直接撰寫的程式碼就會被履行，例如： 

●__DIR__：暗示今朝履行的JavaFX Script檔案目次的URL。 

●日期：2009/07/21 (禮拜二) 19:00~21:00


圖2：JavaFX東西箱翻譯 

 
●今朝市面上已有特別很是多的Java EE運用系統和數十億支援Java Me平台的各類步履裝置，是以利用JavaFX開辟的系統，可敏捷對應到市場的需求。表2中Duration型態是新同夥，在JavaFX中經常使用的動畫等特效需要設定履行間格，直接看下面的例子便可明白： 
●在設計人員的部分供給了Adobe Photoshop CS3與Illustrator CS3的Plug-in，透過這個工具設計人員可將設計的成品直接匯出成JavaFX能處理的格局。 
 
如果你熟習JavaScript應當常利用這個體式格局成立物件，例子中的 翻譯社 無關緊要，也可用 ; 替換，實務上建議統一採用一種方式，避免浏覽上的紛歧致。 
圖1：JavaFX平台架構。

隨著網路的頻寬日趨寬廣，各家資訊大廠的雲端手藝日益成熟，將運用系統佈置在網路主機已是將來的趨向，而利用者對應用系統的外觀出現，利用的操作互動性，跨平台跨裝配的便當性等要求也越來越高。 


 
●開辟出來的利用系統可發佈為一般跨平台的Desktop應用程式，或運行於各類主流的瀏覽器中，也可輕鬆的佈置到支援Java ME平台的各類動作裝配中。
前文提到Group用來將邏輯上一路顯示的UI元件群組在一起，在它content屬性中的Group與Node物件順序與畫面的繪製有關，先出現的物件會先繪出，後出現的物件相當於繪製在上方，典範榜樣中就將後臺圖片（ImageView）放在第一個，再依序擺放其它的圖形與文字等Node物件翻譯 

●所在：台北市民生東路三段 71 號 4 樓 (昇陽電腦教育訓練中間) 
開辟完成的JavaFX的利用系統可透過以下幾種模式發佈運行： 



●Flying Saucer：這個範例展現JavaFX的特異功能，運行於瀏覽器中的飛碟將會飛出去，展示JavaFX Applet和Desktop模式無縫的切換整合，這個特性實務上也十分有效，固然了這個典範只能運行於Desktop下。 
 
圖4：JavaFX Graphics Viewer。 
圖8：JavaFX中GUI的佈局關係。●底層照樣透過Java執行情況運行，經由十多年的考驗，證實Java履行情況的跨平台，平安性，不變性及效能是可以相信的。 

從桌面點選NetBeans IDE的圖示啟動，點選[File]→[New Project]→[JavaFX]→[JavaFX Script Application]創立一個新的JavaFX利用程式專案翻譯(圖5) 

 在「自由軟體手藝充電站」與作者面對面 

 
開辟上需注意的是在Desktop，Mobile與TV上因為裝置自己的限制，能支援的函式庫，殊效呈現等會有所分歧，若是企圖建置跨裝置的系統，可在NetBeans中設定履行模式為Mobile摹擬器，它就會協助翻譯公司避免利用到Common Profile規範外的API，這部分先有概念便可，後面介紹GUI相幹的文章會作進一步的說明。把上面介紹的變數與函式兜在一起就成了類別，看看下面的列子： 
●這個Plug-in供應了JavaFX Script語法標示與搜檢，還整合了開辟上必須的執行結果預覽，除錯，建置及發佈部署等完全的開辟輔助對象。 
●Simple Video Player：這個範例利用了JavaFX Media Component來展現一個功能完全的多媒體播放器，近幾年串流媒體越來越普及，很多系統都借助串流媒體來供給利用者更好的內容資訊，這方面JavaFX也準備好了，另外也同時供給了Mobile版本可參考。 



 
JavaFX 1.1在今(2009)年3月底正式發佈，目前供給了JavaFX Script與JavaFX Mobile的SDK，用來協助開辟與設計人員快速的建立跨平台，跨裝配的RIA利用系統，本系列將透過實際案例率領讀者瞭解JavaFX的本事翻譯首先一開始，本文將說明JavaFX手藝概觀與開發入門的相關準備。

(圖10) 
因為點竄後的程式碼已沒有利用到javafx.scene.text.* 的類別，因此NetBeans會將上方的相關import以黃虛線提示，此時只需按右鍵，從快顯選單中點選[Fix imports]，或快鍵[Ctrl+Shift+I]便可批改。
若是函式沒有宣佈回傳的型態系統會主動憑據return的型態判定，若函式中都沒有return的指令則預設回傳Void，要注意JavaFX Script中的Void是用大寫的V。這裡宣告了一個沒有回傳值的函式，也可明白的寫成「function add() : Void」。 

這齣Stage叫作「JavaFX Hello」，裏邊有個場景，場景裏邊放了一個「JavaFX說：哈囉！」的文字看板翻譯 

表3：JavaFX vs. Java運算 
●__PROFILE__：遵照現實運行的情況分歧傳回mobile或desktop或browser翻譯 



 
凡是UI元件都可透過設定transforms屬性來到達一到多個顯示上的殊效或視覺轉換等，JavaFX中預設的座標原點（0, 0）在左上角，開辟時可以使用Translate來設定物件座標的原點，如許做最大的好處是扶助理解，典範榜樣中將首要Group物件座標的原點設定在畫面中間（144, 144），然後再以相對座標的體例，將相幹圖形與文字物件的x，y計較出來，請參考圖16的典範。●協辦單位：RUN!PC、昇陽電腦教育練習中間
 
趁便透過圖8這張場景佈局圖來了解JavaFX中GUI的構造關係，如果你熟習HTML DOM，可以將Stage想成Window，而Scene想成IFrame或Document等的關係。變數是以def或var做宣佈，型態可以不定義，系統會在履行時主動判斷型態，若要界說型態則是在變數名稱後面加上「：型態」，好比「var numOne : Integer」，就表示numOne變數為整數型態。 
再來華頓翻譯社們進一步看看JavaFX對開辟與設計人員提供的整合工具有哪些，請先參考圖3： 




文／圖 陳廷嘉．責任編纂／洪羿漣 

開辟人員的好朋友「除錯器」，NetBeans也提供了。參考圖15中數字1，先設定中斷點，再點選東西列上的Debug Project按鈕履行，啟動後會停止在設定的中斷點上，該行預設會以淡綠色標亮顯示。我們可使用圖15中數字2所標示的除錯工具列，節制程式履行的方式，在圖15中數字3的區域，會顯示目前相幹變數的資料值，這對於開辟實務上十分有接濟翻譯 

圖11：客製化Clock。 
JavaFX Script重要語法介紹 


圖12：Clock樣式。 


 
請先確認系統已安裝了JDK 6 Update 10以上的Java SDK，並從以下網址下載最新的NetBeans IDE for JavaFX進行安裝：http://www.javafx.com/downloads/。
你可以用熟習的new環節字從種別建立一個物件，但會更常使用所謂的物件宣告（Object Iiteral）的體例來建樹物件，看看下面的列子： 


圖10：Fix imports移除無使用的類別import。 

在開發GUI系統時少不了要處置懲罰UI元件與資料物件的繫結綁定，傳統上我們會用Observer pattern等體例來處置，JavaFX則從說話層次直接提供這方面的支援，對開發上有很大的便當。 
首先確認翻譯公司的系統已安裝了JDK或JRE 6 Update 10以上的Java運行環境，然後開啟IE 6.0或Firefox 2.0以上的瀏覽器，連結以下網址，我們介紹幾個範例(http://www.javafx.com/samples/)： 



JavaFX Script是針對GUI設計的DSL（Domain Specific Language）型態語言，採用宣告（declarative）方式的語法來描述GUI的設計部份，這一點與Adobe Flex，AIR或Microsoft Silverlight很不一樣，它們都是利用XML來將GUI設計的部分獨立出來，利用DSL的益處是方針明白，語法簡單易學，開辟時的效力和彈性也高，究竟結果XML合適用來描寫性佈局的資料，但不合適描寫性之外的工具翻譯 
圖5：成立新JavaFX利用程式專案。 

 建立物件 
圖3：JavaFX 1.1 Production Suite。 


 
透過圖1的JavaFX平台架構圖，可以更清晰了解JavaFX在整個Java利用平台中的定位就是在跨平的RIA這塊，今朝JavaFX 1.1在Desktop與Mobile都已經完成支援了，以後的版本則會將TV這部分的支援也涵蓋進來。
到此為止華頓翻譯社們對JavaFX的基本概念已瞭解夠多了，是時辰來看看真實的運行典範榜樣，今朝JavaFX可運行於Microsoft Windows XP、Vista及Apple MAC OS X 10.4的系統上，Linux的利用者請稍等一下，本年下半發佈的新版本將會供應正式的支援翻譯 

 變數與函式 



 新資料型態：序列 

從實例學習JavaFX（1） 



顯示殊效 

 
var和def分歧的地方是宣佈為var的變數值執行時可以調換，def的則不可，上面result的值會變更，是以宣佈為var。

以上介紹了利用NetBeans IDE在開辟JavaFX利用程式供給的各項輔助功能，接下來增補一些使用到的語法說明，由於篇幅關係完全程式碼請參考文章最後的資料。 

●主辦單元：中央研究院\資訊科技立異研究中間\自由軟體鑄造場

 資料繫結綁定（bind） 

 
到此已把JavaFX Script主要的基礎語法介紹了，可以開始動手實作一些範例，比力細節的語法應用就在規範中繼續作申明囉。點選對象列上的執行按鈕再跑一次，如圖7翻譯 




本時鐘設計是圓的，從右方的Palette將Circle元件拖曳到程式碼中，如圖12上半部翻譯預設產生出的程式碼是採fill的模式填入色采，華頓翻譯社們拔取fill後輸入st並按下快鍵[Ctrl+Alt+Space]，NetBeans就會帶出一個輔助的快顯視窗讓我們遴選，這裡遴選stroke樣式(圖12下半部)翻譯 


圖9：類比時鐘履行效果翻譯 

在進行現實的典範開辟前，我們先來進修一些JavaFX Script主要的概念與根本語法，在方才的第一個運行典範榜樣中，就用到了JavaFX Script，它的語法相當高階，具有很高的可讀性，若是之前都沒接觸過，邊看邊猜應當也不難認識上面的程式碼，這就是JavaFX為何要設計一個新語言的主要緣由翻譯 
圖14：為時鍾到場配景圖片。 
●供應一個專門針對GUI設計的DSL說話JavaFX Script，它的根基語法跟Java很雷同，但簡化良多，此外對GUI的設計供應了許多簡明易懂的語法支援，具體的特點會在本文後面介紹。 

●Mobile模擬器：這是JavaFX 1.1 SDK內建的工具，方便開辟人員測試及預覽在Mobile裝置上的運行結果。 
透過run函式，這個fx檔案履行時就可以領受命令傳記入的參數。 
由於傳入的型態是String，是以需用java.lang.Integer.parseInt來轉換成數字型態，從這裡可發現JavaFX Script其實不會主動import java.lang.*。這裡看到__DIR__這個特別的變數，在JavaFX中系統供給了幾個常數： 
NetBeans預設會幫我們建樹一個可執行的JavaFX應用程式，直接點選對象列上的執行按鈕即可。 


 
在四則運算（+，-，*，/ 等），比較運算（>，<，== 等）都跟Java語法一樣，基本上JavaFX只是做了些比較好讀的白話化批改，表3整頓紛歧樣的部分。JavaFX架構概觀與開發入門
 
Node是一個抽象種別，所有內建的UI元件都繼承它，Node也是最底層的單元，裏邊不克不及再包含其它的UI元件，CustomNode也是Node的子種別，專門設計來讓人overriding它的create函式，可用來建造客製化的Node。

函式可用abstract、override、bound做修飾，前二者與Java中的意義溝通，bound在後面的文章中會再說明。

第一次接觸：Hello JavaFX 
●如果你是手工一族喜歡用Ant或其它開辟工具則可只下載安裝JavaFX 1.1 SDK，這裏面包括了：JavaFX Desktop執行環境，Mobile 摹擬器（for Windows），編譯器，APIs與文件，還有一堆的典範，除此以外也內含JavaFxAntTask，可便利在Ant中編譯JavaFX Script。 

最後行使NetBeans將此時鐘的配景圖片插手，方式跟前面描寫的相同，從右方的Palette將Image元件拖曳進來便可(圖14)翻譯然後將圖片的檔案名稱做點竄： 


來自: http://mypaper.pchome.com.tw/ladle102001/post/1320780835有關翻譯的問題歡迎諮詢華頓翻譯社