熱點推薦:
您现在的位置: 電腦知識網 >> 編程 >> Java編程 >> Java開源技術 >> 正文

用Eclipse進行可視化Java界面設計(2)

2013-11-23 20:11:36  來源: Java開源技術 

  先前的FlowLayout的三個參數alignment horizontal gap和vertical gap變成了GridLayout的另外四種參數columns horizontal gap rows vertical gap
  
  為了方便設計筆者在這個例子中將采用null即不用任何LayoutManager來設計界面
  
  布局設置好後就可以在JPanel上擺置各種Swing組件了按照我們最開始設計的草圖界面上要擺上四個LabelFrom To Subject Message以及四個文本組件其第四個應該是TextArea 用於編輯多行文本我們在工具面板上選好相關組件然後在JPanel上拖選出一個矩形組件即按相應大小和位置顯示在此矩形區域再在屬性視圖中編輯每個JLabel和JButton的text屬性為相應的值現在來看看下面筆者出來的界面
   
  看看設計的如何?筆者不是畫家出來的界面顯得有些凌亂沒關系VE也提供一些工具按鈕來讓我們調整各個組件的位置請點擊VE工具欄上的Show alignment window按鈕
   
  顯示如下圖的視窗
   
  通過此視窗可以將所選組件向上下左右各個方向對齊還可以使所選組件具有相同高度和寬度來看看下圖經過調整位置後的界面布局
   
  現在看起來是不是美觀多了?
  
  添加事件處理
  
  經過前面的步驟VE的可視化設計的任務就基本上完成了在我們設計的界面中SendClear按鈕我們再來看看VE是如何為它們添加事件處理的
  
  在設計界面的Send按鈕上點擊鼠標右鍵彈出菜單如下圖
   
  在Event菜單項中可以看到一個actionPerformed事件如果要添加其它類型的事件可以點擊Add Events選擇其它類型的事件我們點擊actionPerformed事件後Java Beans視圖的jButtonSend組件下面多了一個actionPerformed事件類型如下圖所示
   
  在Java Beans視圖中選中actionPerformed事件再VE的窗口中Design切換到Source視圖
   
  在上圖標記的代碼區域就是我們剛剛添加的按鈕事件筆者在事件中調用了一個send方法如圖中標記代碼區域具體的發送郵件的代碼筆者在這裡就不實現了
  
  同樣的方法一樣可以為另一個按鈕Clear添加事件
  
  在程序中使用自定義的組件
  
  在前面我們設計好了自己的Java組件現在我們來看看如何在自己的程序中――一個窗口中來調用這個組件
  
  使用前面介紹的方法在工具欄上點擊新建Java類按鈕建立一個JFrame的Visual Class類你也可以在通過菜單文件>新建>Visual Class來尋一個JFrame類在這裡我們將這個類命名為MyApp
  
  當VE窗口出現時可以看到一個空白的JFrame顯示在設計視圖中此時點擊VE的工具面板上的 Choose Bean按鈕然後在彈出的對話框中輸入我們設計的Java組件的類名MessagePane再點擊確定這時當我們的鼠標移到JFrame上時JFrame會用綠色的線條切分成五份如下圖所示
  educitycn/img_///jpg>
  這是因為JFrame的預設LayoutManager是BorderLayout在VE中如果在工具面板上選好Java組件當鼠標移到有特定LayoutManager的容器組件上時(在上圖中容器組件是一個JFrame)VE會用適當的形式指示你當前鼠標懸停的位置在上圖在VE告訴我們現在處在BorderLayout的中心位置此時再在該位置點擊一次我們選好的Java組件即安放到此位置
  
  用VE設計好程序界面就可以切換到Source視圖進行具體的代碼的編碼了在此我們就不累述了
  
  定制VE的環境
  
  之前的講解大家學到了如何用VE來進行可視化的Java界面設計為了適應不同的開發者VE也提供了一些選項來讓開發者設計自己喜好的VE環境
  
  請打開菜單窗口>首選項>Java>Visual Editor此時出現VE的各種首選項界面由於筆者安裝的eclipse中文語言包早於VE發布所以此界面仍然是英文界面在這裡VE的首選項分為三類AppearanceCode GenerationPattern Style下面結合圖形分別介紹
  
  .外觀(Appearance)設置
  
  此面板中可以設置這此內容
  
  () 設置可視編輯器和源代碼編輯器的布局一種是上下分隔的布局另一種是用頁答進行切換的布局(即本文例圖中所見到的樣式)
  
  () 設置是否顯示屬性視圖和Java Beans視圖
  
  () 設置設計時Swing的界面風格
  
  .代碼生成(Code Generation)設置
  
  此面板包括以下內容
  
  () 設置是否為新表達式生成注釋和try{}…catch()塊
  
  () 設置可視設計界面和代碼編輯器之間的代碼同步時間
  
  .代碼模板風格(Pattern Style)設置
  
  此面板包括以下內容
  
  () VE所用的存取Java Bean的代碼風格
  
  () VE初始化時嘗試使用的初始化方法VE目前已提供了對JbuilderNetBean等其它IDE產品可視編輯器生成的Java組件代碼初始化方式的支持
  
  總結
  
  行文至此我們從VE的安裝到Java組件設計以及VE環境的設置基本上已對eclipse的全新工具Visual Editor作了一個全面的了解有了Visual Editor我們所有的開發工作從圖形用戶界面到業務邏輯全部可以在eclipse平台上完成
From:http://tw.wingwit.com/Article/program/Java/ky/201311/28103.html
    推薦文章
    Copyright © 2005-2013 電腦知識網 Computer Knowledge   All rights reserved.