Eclipse + Visual Editor = SWT Development

14. 接下來試試看建立 GUI 程式,在專案上點選右鍵,新建 -> Visual Class。
16 Eclipse + Visual Editor = SWT Development

15. 套件跟名稱隨便取,style 選取 SWT / Shell,public static void main(String[] args) 打勾後點選完成。
17 Eclipse + Visual Editor = SWT Development

16. 回到主畫面後可以看到剛新建立的專案,已經開啟好兩個區域,圖形化區以及程式區,將滑鼠移到右邊的 Palette 會開啟 GUI 工具。
18 Eclipse + Visual Editor = SWT Development

17. 我們選上面綠色箭頭旁邊的黑色小箭頭,執行為 -> SWT 應用程式。
19 Eclipse + Visual Editor = SWT Development

18. 出現 SWT 建立的空白視窗。
20 Eclipse + Visual Editor = SWT Development

19. 要新增 GUI 元件,先把 Layout 改成 null,在圖形化編輯區裡的 Shell 視窗上按右鍵,Set Layout -> 選擇 null。
21 Eclipse + Visual Editor = SWT Development

20. 接著到 Palette 選擇 Button。
22 Eclipse + Visual Editor = SWT Development

21. 輸入 Button 的名稱。
23 Eclipse + Visual Editor = SWT Development

22. 在 Shell 視窗中畫出一個 Button,eclipse 會自動產生相關程式碼,最下面內容的頁面也會顯示該物件的所有屬性。
24 Eclipse + Visual Editor = SWT Development

23. text 的地方可以設定按鈕要顯示的文字。
25 Eclipse + Visual Editor = SWT Development

24. 也可以直接在按鈕上面點一下滑鼠左鍵修改文字。
26 Eclipse + Visual Editor = SWT Development

25. 如果內容頁面沒有出現,或是需要其他頁面,可以到視窗 -> 顯示視圖中選取。
28 Eclipse + Visual Editor = SWT Development

26. 接著我們加入事件到這個按鈕。在按鈕上按右鍵,Events -> widgetSelected,也可以按 Add Events … 自行設定要有哪些事件。
27 Eclipse + Visual Editor = SWT Development

27. 執行程式,開啟主控台頁面,可以看到剛剛加入的事件。在主控台印出 widgetSelected() 的訊息。
29 Eclipse + Visual Editor = SWT Development

    發佈留言

    發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

    這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料