JavaFX介紹

什麼是JavaFX？

JavaFX實際上不是一種語言，而是Sun Microsystem為了建立RIA (Rich Internet Application; 豐富網路應用程式) 而推出的產品組合；目前預計的成員包括：JavaFX Script、JavaFX Mobile、JavaFX TV。其中，JavaFX Script (幾乎能算是) 一種新的程式語言，目前大家所在討論的 JavaFX 大多是指 JavaFX Script；而 JavaFX Mobile 及 JavaFX TV 則像目前相當火紅的 Android 一樣，是在特定裝置上設計的平台，而非程式語言。而我們在未來的介紹與教學中，幾乎都是指 JavaFX Script 語言。

但不管是哪一個 JavaFX 產品，他們被設計出來的最大目的就是要讓程式的介面與內部邏輯設計上能更加配合，並使得內部程式設計師與介面設計者的合作能更輕鬆緊密；JavaFX Script 就是為了簡化目前 Java 程式的介面開發所設計出來的。

此外，JavaFX Script 標榜的另一大賣點是在學習上，完全不需要懂 Java Swing 以及 Java 2D 等工具

JavaFX Script 語言的特點

JavaFX Script 與傳統 Java 語言有許多不同之處，關於這些，大家應該也很容易在網路可以找到相關的說明；筆者在此也稍作一下介紹，讓大家在等等的學習上能有點心理準備: )


Declarative, statically-typed scripting language
Facilitates rapid GUI development
Many cool, interesting language features
Runs on Virtual Machine for the Java™ platform
Deployment options same as Java programs
Fully utilizes Java class libraries behind the scenes

JavaFX Script 與傳統 Swing 的比較

我們來看看下面這個簡單的使用者介面：



HelloFrame.javaimport javax.swing.*;

public class HelloFrame extends JFrame {
　　public HelloFrame(String title) {
　　　　super(title);
　　　　JMenuBar menubar = new JMenuBar();
　　　　setJMenuBar(menubar);
　　　　JMenu fileMenu = new JMenu("File");
　　　　menubar.add(fileMenu);
　　　　JMenu helpMenu = new JMenu("Help");
　　　　menubar.add(helpMenu);
　　　　JLabel label = new JLabel("Hello Everyone");
　　　　label.setFont(label.getFont().deriveFont(24f));
　　　　add(label);
　　　　pack();
　　　　setVisible(true);
　　}

　　public static void main(String args[]) {
　　　　SwingUtilities.invokeLater(new Runnable() {
　　　　　　public void run() {
　　　　　　　　HelloFrame frame = new HelloFrame("Java Demo");
　　　　　　}
　　　　});
　　}
}


HelloFrame.fx
import javafx.ext.swing.SwingFrame;
import javafx.ext.swing.Label;
import javafx.ext.swing.Menu;
import javafx.scene.Font;

Frame {
　　title: "JavaFX Demo"
　　menus: [Menu{text: "File"}, Menu{text: "Help"}]
　　content: Label {
　　　　text: "Hello Everyone"
　　　　font: Font{size:48}
　　}
　　visible: true
}

很明顯的，JavaFX Script 的程式碼簡明了非常多，雖然我們現在還沒有真正的寫過 JavaFX Script 的程式碼，但大略可以感覺的出來：我們先建立了一個可以顯示 GUI 元件的 Frame，並且在他的內部指定了標題該顯示什麼文字 (title: "JavaFX Demo")、選單列該有哪些項目和上面顯示的文字，最後，我們在這個 Frame 的內容中加進了一個可以顯示文字的 Label，一切都相當的直覺，不再有什麼複雜多餘的設定 (雖然那些設定能讓你知道你現在到底做了些什麼)。

上面的例子並不是為了突顯 JavaFX Script 的簡明而刻意造出來的，在未來我們會發現：這樣簡明，易懂的程式編寫風格，正是 JavaFX Script 語言在設計上的哲學，

建立第一個 JavaFX Script 程式

軟體與系統需求

目前開發 JavaFX Script 程式的主要工具是 NetBeans，在安裝該工具之前，必須先確保你的系統裡面已經有安裝 Java SE 6 Development Kit (JDK)。尚未安裝的朋友可以到下列網址下載並安裝：
http://java.sun.com/javase/downloads/index.jsp


下載並安裝開發環境 (IDE)

對於尚未安裝 NetBeans IDE 的使用者，可以到這邊來下載 NetBeans IDE 6.1 with JavaFX 的版本並安裝。下載位置如圖：

建立第一個 JavaFX Script 程式

首先先建立一個JavaFX的專案：
  1. 點選「File」選單，選擇「New Project...」。
  2. 會出現以下的專案建立精靈，在 Categories (分類) 欄點選「JavaFX」後在 Projects 欄選擇「JavaFX Script Application」，Next。
  3. 在接下來出現的應用程式設定視窗中，我們可以在：(如下圖)
    • Project Name 設定此專案的名稱；在此我們取名為 HelloFXApp
    • Project Location 設定專案資料夾要放在哪個位置中；在此為 C:\JavaFXDemo
    • Project Folder 則是專案資料夾的正確路徑；在此為 C:\JavaFXDemo\HelloFXApp
    • Set as Main Project 勾選代表未來按下 IDE 中的「Run Main Project」時會直接執行此專案
    • Create Main File 勾選代表設定結束後，NetBeans會幫你建立出一個名稱為 Main 的檔案，並且屬於「專案名稱」這個 package 之下；所以在此如果不更動設定，那麼 NetBeans 就會幫我門鑑出一個名叫 Main.fx 的檔案，並且屬於 hellofxapp 這個 package 中。
  4. 按下「Finish」。
OK! 現在你應該可以看到如下圖的畫面，可以開始編寫我們的 FX Script 程式了！


現在，我們把原本 NetBeans IDE 中編輯程式碼區域的 // place your code here 以上述 HelloFrame.fx 的程式碼給取代掉，再按下執行，就可以看到該程式碼的執行結果。或者，大家也可以在程式碼編輯區的上方直接按下，「Preview」(預覽)按鈕，讓程式碼的修改可以立即的呈現出來：


這次對於 JavaFX 的介紹就先到這邊，關於 JavaFX Script 更深入的內容，我們會在未來的文章中再做探討。

留言

張貼留言

這個網誌中的熱門文章

PHP：callback函數的使用

PHP 中有某些函數允許使用使用者定義的函數來作為參數，例如：call_user_func()、usort()。 如果想呼叫的是某物件的方法時，其參數則必須是一個包含兩個元素的陣列，index 為 0 的元素為欲呼叫其方法的物件變數，index 為 1 的元素則是方法名。 以下是使用的例子： <?php // An example callback function function my_callback_function() { 　　echo 'hello world!'; } // An example callback method class MyClass { 　　static function myCallbackMethod() { 　　　　echo 'Hello World!'; 　　} } // Type 1: Simple callback call_user_func('my_callback_function'); // Type 2: Static class method call call_user_func(array('MyClass', 'myCallbackMethod')); // Type 3: Object method call $obj = new MyClass(); call_user_func(array($obj, 'myCallbackMethod')); // Type 4: Static class method call (As of PHP 5.2.3) call_user_func('MyClass::myCallbackMethod'); // Type 5: Relative static class method call (As of PHP 5.3.0) class A { 　　public static function who() { 　　　　echo "A\n"; 　　} } class B extends A { 　　public static function who() { 　　　　echo "B\n...
閱讀完整內容

PHP：變數範圍

PHP 中的變數有著單一的存取範圍，也就是它定義時所在的範圍；如果在函數外定義，則為全域變數 (global variables)，整個 PHP 頁面的地方都可以使用到此變數，包含被 required 及 included 的檔案中也行；但若是定義在函式中的，則稱本地變數 (local variables)，在該函式之外的地方即無法使用。 但與 C-like 語言不同的地方是，若你在函數外定義了某個變數，在函數內沒有先定義而直接使用了一個同樣名稱的變數時，PHP 會將 函數內的那個視為新定義的變數 ，而不是沿用那個同名的全域變數；除非你以 global 關鍵字或 $GLOBALS 陣列來指定你的確要在函數中使用全域變數： <?php $a = 1; $b = 2; function test(){ 　　// 指向一個新定義的本地變數，因尚未指定初值，所以不會印出東西 　　echo $a; } function Sum1(){ 　　//使用 global 關鍵字說明這兩個變數是指向全域變數的 　　global $a, $b; 　　$b = $a + $b; } function Sum2(){ 　　//使用 $GLOBALS 陣列指定全域變數 　　$GLOBALS['b'] = $GLOBALS['a'] + $GLOBALS['b']; } ?> PHP 中的靜態 (static) 變數只能在函式中使用；靜態變數的值在程式離開函式後還會繼續保留，而且如果試圖以運算式的結果來初始化靜態變數時會產生錯誤。 <?php function foo(){ 　　static $int = 0; // correct 　　static $int = 1+2; // wrong (as it is an expression) 　　static $int = sqrt(121); // wrong (as it is an expression too) 　　//$int 的值在每次 foo() 被呼叫時都會加 1 　　$int++; 　　echo $int; } ?>
閱讀完整內容

PHP常用函數：陣列(array)

如果初始化為 $arr = array(1, 2, 3, 4, 5); $arr[] = 10; 插入一個 index 為 5，value 為 10 的元素。 $arr["x"] = 18; 插入一個 index 為字串 "x"，value 為整數 18 的元素。 count($arr) ：計算陣列裡的元素個數。 unset($arr[1]) ：去掉 index 為 1 的元素 unset($arr) ：將整個陣列清空，但之後如果再加入元素，其 index 是往上累加的，而非從 0 開始。 print_r($arr) ：(print human-readable)印出對人們來說較易讀的變數資訊，如果傳入的變數是陣列，則會將其中的 key-value 全都印出來。 array_values($arr) ：由於用 unset() 去掉陣列的元素後 index 可能會很混亂，此時可用 array_values() 函數來重整 index。 <?php $a = array(1 => 'one', 2 => 'two', 3 => 'three'); unset($a[2]); /* will produce an array that would have been defined as $a = array(1 => 'one', 3 => 'three'); and NOT $a = array(1 => 'one', 2 =>'three'); */ $b = array_values($a); // Now $b is array(0 => 'one', 1 =>'three') ?> (array) $scalarVar , array($scalarVar) ：兩者都是將某個數字換字串型別的變數 $scalarVar 轉成一個只具有一個元素，其 index 為 0，value 為 $scalarVar 的陣列。 array_diff($arr1, $arr2, ...) ：回傳一個陣列，...
閱讀完整內容