Java程式教室(八)：選擇排序法_Eclipse GUI視窗介面設計工具

• 到Eclipse windowBuilder的官方下載地點，點選複製網址，再開啟Eclipse的help-àinstall soft ware將網址貼上並下載

• 網址:https://www.eclipse.org/windowbuilder/，點選Download項目
   

• 點選Current的link
   

• 複製上面的網址
   

• 回到Eclipse，點選 help/install New software，出現底下畫面，點 add項目
   

• 出現此畫面，自行輸入Name，在Location項貼上網址，按add
   

• 回到此畫面
   

• 點next
   

• 出現的畫面選右下的這個項目

在Eclipse的Marketplace搜尋並安裝

• 在Find輸入windowBuilder

• 選這個版本並安裝

Step2：基本環境介紹

1. New->other->windowBuilder->jFrame
    

• 點完上一個畫面，按next會到下面這個畫面，輸入Name

Design/source

1. Design區->點左下的design
    

• 操作的主畫面
   

• Container主用來規劃面配置用
   

• Component整個視窗介面的操控元件，以下為常用幾項
  1. JtextField:文字欄位
  2. Jbutton:按鈕
  3. jtextArea:多行文字欄位
  4. jLabel:文字標籤

source區

• 撰寫程式要運作的內容區
   

結合Jframe操作介面設計-選擇排序法(Selection Sort)

• Step1

1. 開啟Eclipse並開新專案，點選File->new->java project-à專案名(project name)->javaSort

2. 在專案名上面點右鍵->newàother-à找 windoe builderàj freame

• Step2

1. 調整jframe畫面大小與位置

• 可在source畫面設定
   

2. 在jframe上點右鍵->set layout->absolute layout(讓擺放的各種元件可任意拖曳調整位置)
    
3. 放置 jtextArea,jbutton各兩項
    

4. 透過properties設定兩個jbutton的text名與variable名
    

• Step3

1. do_button_actionPerformed隨機產生數字的方法
    

2. do_button_1_actionPerformed依照選擇排序規則重新排列的方法
    

• Step4

1. 在此畫面依序點選兩個按鈕,
2. 各點右鍵選擇add event handle->action->actionperform

• Step5

1. 在建構式selectSort()內自動產生兩個方法Button與button1的AddActionListener方法
2. 在個別內容撰寫點選按鈕要執行的步驟，內容為執行剛剛撰寫好的do_button_actionPerformed與do_button1_actionPerformed兩方法的內容
    

1. GUI操作介面
    

2. 執行原始程式碼source