（1）選擇主選單“檔案→新建→專案”，彈出如下圖6.2所示視窗。

圖6.2 新建專案視窗

（2）選擇“Designer”下的“SWT/JFace Java Project”項，單擊“下一步”，彈出如下圖6.3所示視窗。

圖6.3　建立Java專案視窗

（3）填寫專案名稱“myswt”，專案佈局選擇第二個，單擊“完成”。這時如果開啟“java”透檢視，可以看到多了一個名為“myswt”的專案，下方還排列著很多庫引用，如下圖所示視窗。

圖  “java”透檢視

注：

（1）其實寫SWT程式也不是一定要重新建立這樣一個新的專案，原來老的“myproject”專案依然可以繼續使用的，但必須將SWT、JFace包及一些相關的包引用到Java構建路徑中，手工一步步做這個工作太過於繁鎖。有一個簡單的方法：藉助SWT Designer新建專案時儲存在.classpath檔案中的庫引用，將其複製貼上到myproject的.classpath中即可。

（2）當編寫Java程式時，筆者認為“Java”透檢視要比預設的“資源”透檢視好用，主要是因為前者的包顯示不是樹狀的，用起來較方便。但選擇哪一種透檢視，還是要看各人的習慣和喜好。本書以後的所講內容將統一使用“Java”透檢視。

想要執行Java應用程式，必須將SWT的原生包匯入到專案中，否則該專案在執行程式時會報異常“java.lang.UnsatisfiedLinkError: no swt-win32-3063 in java.library.path”，並彈出圖6.5所示的錯誤提示框。

圖6.5 未匯入SWT原生包時產生的錯誤提示框

匯入SWT原生包的步驟如下：

（1）右鍵單擊專案名“myswt”，在彈出選單中選擇“匯入”，則會彈出如圖6.6所示視窗。

圖6.6　匯入視窗

（2）選擇“檔案系統”後單擊“下一步”，轉到如圖6.7所示視窗

圖6.7　選擇匯入檔案

（3）通過“瀏覽”按鈕找到SWT原生庫的路徑（也可以直接輸入路徑文字），路徑為“C:\eclipse\plugins\org.eclipse.swt.win32_3.0.1\os\win32\x86”。然後將“swt-win32-3063.dll”選上，單擊“完成”，匯入SWT原生包的設定結束。

參閱“4.2節 建立Java專案並執行”所講方法，新建一個類檔案。

（1）在“Java”透檢視的“包資源管理器”中，右鍵單擊“com.swtdesigner”包，在彈出選單中選擇“新建→其他”，彈出如圖6.8所示視窗。

圖6.8　選擇新建的型別

（2）選擇“Designer→SWT→Application Window”，單擊“下一步”，彈出如圖6.9所示視窗。

圖6.9　類檔案的設定

（3）類的名稱填“HelloWorld”，並選擇“Create contents in（類程式碼的生成方式）”為第三項“public static main() method”（第三項生成的程式碼結構最簡單），彈擊“完成”。Eclipse將自動生成HelloWorld.java的程式碼，程式碼如下（註釋為筆者手工加入）：

package com.swtdesigner; //包名

import org.eclipse.swt.widgets.Display;//程式所用到的類都會用import標記在這裡，

import org.eclipse.swt.widgets.Shell;    //import的快捷鍵 Ctrl+Shift+O

public class HelloWorld {  //一個標準的Java類HelloWorld

    public static void main(String[] args) {

           //display負責管理事件迴圈和控制UI執行緒和其他執行緒之間的通訊。

        final Display display = Display.getDefault(); 

        final Shell shell = new Shell();  // shell是程式的主視窗

        shell.setSize(327, 253);  //設定主視窗的大小

        shell.setText("SWT Application");  //設定主視窗的標題

        shell.layout();  //shell應用介面佈置

        shell.open();  //開啟shell主視窗

        while (!shell.isDisposed()) { //如果主視窗沒有關閉，則一直迴圈

            if (!display.readAndDispatch())  //如果display不忙

                display.sleep(); //display休眠

        }

    }

}

從這個程式碼可以看到，建立一個典型的SWT應用程式需要以下步驟：

l建立一個Display

l建立一個或多個Shell

l設定Shell的佈局（3.5節將講到佈局的內容）

l建立Shell中的的元件（注：本例還沒有加入元件，只是一個空視窗）

l用open()方法開啟Shell視窗

l寫一個事件轉發迴圈

l銷燬display

如果執行HelloWorld.java，它還僅是一個空蕩蕩的主視窗。我們利用SWT Designer將一個SWT的文字框元件加入到主視窗中，操作步驟如圖6.10所示。

圖6.10 將文字框加入到主視窗的操作示意圖

圖中所示的操作步驟用文字描述如下：

（1）先將編輯器最大化。然後單擊Eclipse的左下角的“Design”選項頁，則編輯器由程式碼檢視變成設計檢視。

（2）選擇SWT元件欄中“SWT Controls”分類下的“Text”元件，然後在主視窗上單擊，將Text框放入。注意這裡不是通常的將元件拖入到視窗。

（3）轉到屬性視窗，在“text”項裡填寫“HelloWorld”。單擊Eclipse左下角的“Source”返回到編輯器的程式碼檢視，程式碼如下：

package com.swtdesigner;

import org.eclipse.swt.widgets.Display;

import org.eclipse.swt.widgets.Shell;

import org.eclipse.swt.SWT;

import org.eclipse.swt.widgets.Text;

public class HelloWorld {

    public static void main(String[] args) {

        final Display display = Display.getDefault();

        final Shell shell = new Shell();

        shell.setSize(327, 253);

        shell.setText("SWT Application");

        //------------------新插入的介面核心程式碼------------------------

        Text text = new Text(shell, SWT.BORDER); //新建一個text物件

text.setText("HelloWorld"); //給text文字框設定初始文字HelloWorld

        text.setBounds(88, 94, 100, 25); //設定文字框的位置和大小，(x軸座標,y軸座標,寬度,高度)

        //------------------END---------------------------------------------

        shell.layout();

        shell.open();

        while (!shell.isDisposed()) {

            if (!display.readAndDispatch())

                display.sleep();

        }

    }

}

選擇主選單“執行→執行方式→Java應用程式”，執行介面如圖6.11所示：

圖6.11 HelloWorld的第一次執行介面

以上的程式例子還是比較簡單的，如圖6.12所示，給出一個稍微標準些的介面，並給出了各類和介面之間的對應關係。注：在SWT中check框（複選框）也是一種Button。

圖6.12  介面和類之間的對應關係圖

其中Display和Shell的譜系圖如圖6.13所示，Group和Button在3.3節有介紹。

圖6.13  Display和Shell的譜系圖

關於SWT/JFace例程的說明

由於SWT/JFace應用程式例子的整體程式碼結構都基本一樣，如下：

package com.swtdesigner;

import org.eclipse.swt.widgets.Display;

import org.eclipse.swt.widgets.Shell;

import org.eclipse.swt.SWT;

import org.eclipse.swt.widgets.Text;

public class HelloWorld {

    public static void main(String[] args) {

        final Display display = Display.getDefault();

        final Shell shell = new Shell();

        shell.setSize(327, 253);

        shell.setText("SWT Application");

        //----------------新插入的介面核心程式碼----------

…… ……

//----------------END------------------------

        shell.layout();

        shell.open();

        while (!shell.isDisposed()) {

            if (!display.readAndDispatch())

                display.sleep();

        }

    }

}

為了節省篇幅，以後的例子一般都會省略上面程式碼框架前後部份，只給出中間省略號處的核心程式碼，要想得到完整的程式碼請查閱本書隨書光碟中的例程。

6.5  實踐建議

SWT Designer還無法完成所有的介面設計工作，所以在介面開發中依然是以手工寫程式碼為主，而且手寫程式碼某些時候比介面拖拉操作更快捷。以下是筆者在使用SWT Designer開發介面時的基本流程：

l新開一個臨時的Application檔案，用SWT Desiger快速做好開發所需要的部份介面。

l將自動生成的程式碼移植到正式專案中，進行手工修改和程式碼精簡。

另外，由於SWT Designer不是很穩定，所以在使用時還應注意：

l不要在介面中加入太多元件。

l不要頻繁的移動元件，或者刪除又新增元件，否則很可能因為記憶體耗盡而宕機。

6.6  本章小結

本章主要介紹了SWT的一些基本知識，並且用SWT Designer開發出了本書的第一個SWT程式。通過這章的學習，讀者對SWT有一個初步的認識，並瞭解到瞭如何用SWT Designer來開發SWT程式。