：簡介拉出你想要的 Swing

簡介拉出你想要的 Swing

Netbeans 6 剛正式推出不久，剛好用自己手工去使用 Swing
用到真的快瘋了，或許也是因為我自己真的學藝不精
所以做的很慢  

因為這些原因，想說試著用 NetBeans 去做做看
把試用的過程分享給大家，也歡迎指正及分享你的想法

不過真的手工的話，程式碼會短很多

首先建立一個 porject ，先選 Java Application
新增一個檔案，這邊是選 JFrame Form.....
當然也可以 Other 去選擇

swing_1.jpg (213.89 KB)

2007-12-16 13:28

取名字，我並沒有改變它的名字

swing_2.jpg (47.44 KB)

2007-12-16 13:28

新增後，你可以看到如下圖

1 的位置是可以切換 Source 及 Design 二種 view ，去看你的程式
其他三個，由左至右，分別為

selection mode , connection mode , preview design

selection mode ，就是我們可以用滑鼠去撰取元件
connection mode，我們可以此模式來建立二個元件的互動，如按下 JButton 後，另一個元件的變化
preview design，預覽，不過有時不是全部的設定都會呈現

2 的位置，是可以簡單的讓你用滑鼠去移動、選取元件，也可以在此看到我們的版面

3 的位置，就是一堆我們可以拉到畫面上 (也就是 2 的位置) 的元件

swing_3.jpg (142.89 KB)

2007-12-16 13:28

接下來，我們把要使用的元件先拉進去，如下圖：
我們可以在 1 位置看到所有的元件及階層關係
在 2 位置去設定我們選取元件的 properties , binding , events , code

swing_4.jpg (249.02 KB)

2007-12-16 13:28

接著，我們在下圖標示的位置，選取容器，去設定 layout ，預設上是停在 Free Design
我在這邊是選用 GridBagLayout

swing_5.jpg (223.38 KB)

2007-12-16 13:28

之後，你可以看到如下圖，多出了一個 GridBagLayout，在他上方按右鍵，有選單
，可以換成別的 layout 及設定和他相關的數值

swing_6.jpg (23.82 KB)

2007-12-16 13:28

選擇， Customize 後，出現如下圖，在 1 位置，我們可以用滑鼠去拖曳改變他的位置
在 2 及 3 位置去調整相關的數值 ( GridBagConstraints )，很快的就可以調出我們要的版面

swing_7.jpg (96.15 KB)

2007-12-16 13:28

如下圖，我設好了相關的設定，像是 fill , weightX ,Insets 等等，結果也出現在圈圈中

swing_8.jpg (82.66 KB)

2007-12-16 13:28

按下 close 後，你可以發現，版面的變化

swing_9.jpg (9.73 KB)

2007-12-16 13:28

我們實際上 Run 一下，看是不是如我們想要的

swing_10.jpg (19.25 KB)

2007-12-16 13:28

以上簡單的紹介，如何去設置我們要的圖形介面，希望對你有所幫助
覺的太簡單也別笑我

接下來有時間的話，再貼，設定名稱、Customsize Code 及事件設定的介紹

<!----> @font-face{ font-family:"Times New Roman"; } @font-face{ font-family:"宋体"; } @font-face{ font-family:"Symbol"; } @font-face{ font-family:"Arial"; } @font-face{ font-family:"黑体"; } @font-face{ font-family:"Courier New"; } @font-face{ font-family:"Wingdings"; } @font-face{ font-family:"Courier New CYR"; } p.0{ margin:0pt; margin-bottom:0.0001pt; layout-grid-mode:char; text-align:justify; font-size:10.5000pt; font-family:'Times New Roman'; } @page{}@page Section0{ } div.Section0{page:Section0;}

原文地址：

http://aa.pro.vexp.idv.tw/viewthread.php?tid=90&extra=page%3D1