2015年3月11日 星期三

使用者介面 - G4PTool

這是一款視覺化的圖形介面編輯器,它使用的方式跟一般圖形介面建構軟體差不多,都是使用拖拉方式將工具拖拉到視窗內。它雖然操作簡單方便,但不適用於 Android。如果只是想寫 JAVA 程式,是可以考慮這個。

官網 http://lagers.org.uk/g4ptool/index.html


下載與安裝

下載網址 http://sourceforge.net/projects/guibuilder/files/?source=navbar。
我比較建議您使用下列方式下載與安裝。
1. 點擊下拉功能表 Tools > Add Tool...
2. 往下拉動滑桿並點擊 G4PTool 這一項,再點擊 Install 按鈕


3. 如果出現 Remove 按鈕,表示已安裝完成。
4. 退出 Processing 並重新啟動。


範例

1. 點擊下拉功能表 Files > Examples...,出現視窗


2. 展開 G4P,快擊二下 G4P_ImageButton 開啟文件
3. 點擊 Run 工具列按鈕,即可看見如下畫面



設計自己的 GUI

1. 點擊下拉功能表 Tools > GUI builder,出現視窗


2. 點擊工具列的 Button 鈕,用滑鼠將 Button 稍微移動到旁邊,並再點擊一次 Button 鈕。您可以看見如下圖


3. 點擊 Processing IDE,您可以看見新增兩個頁籤,其中一個是 gui。另外,原本空白的編輯區裏面已經佈滿了程式碼,這是自動產生的。
如果您對 gui 頁籤裏的程式碼還不熟悉,建議您不要隨意變更該程式碼內容。


4. 點擊主頁籤 sketch_xxxx,再點擊工具列按鈕 Run,即可看見如下畫面


沒有留言:

張貼留言