一、GUI Design Studio的介紹
GUI DesignStudio 是一個給應用軟件設計圖形用戶界面的專業工具,它可在畫基於web形態的原型時,可以用 Axure RP、 Balsamiq Mockups很方便的畫出來,但要是對象是客戶端軟件的時候,Axure卻不是首選。 以快速的把思路,以可視化的方式來表現出來,並可以和客戶進行交流想法。GUI Design Studio同時也是一個不需要軟件開發和編碼的完整的設計工具,它支持所有基於微軟Windows 平台的軟件。因此, GUI Design Studio是一款適合界面原型設計員和界面原型開發員的軟件。【搜狗百科粘貼的】
二、簡單的使用步驟【主要在於窗體間關系的連線】
1、打開GUI Design Studio,圖標如圖,像一個blingbling的紅寶石。

2、在菜單欄的“File”中找到“New Project”,點擊后彈出一個對話框,如圖

填寫完后,單擊“OK”,即創建了一個新的項目。
3、下面我們創建一個簡單的窗體原型,單擊如圖的圖標
,會彈出一個對話框來填寫gui文件的名稱,我們起名為“mainForm”,
,點擊√之后,就會創建一個mainForm.gui的文件。
4、軟件右側有一溜兒的工具欄,下面選擇“Elements”——>“Windows and Dialogs”,選擇一個窗體樣式。這里我們選擇的是第二種。

將選中的窗體樣式拖進顯示屏幕處,就會有一個窗體出現啦,雙擊這個窗體就會彈出它的屬性框,我們可以修改它的字體,窗體名稱等基本屬性。【這個軟件中,雙擊控件都會彈出相應的屬性框】

選擇“Elements”——>“Toolbars and Menus”,可以選擇工具條或者菜單欄,下面我們給這個窗體加上菜單。

一級菜單有時滿足不了我們的需求需要多級菜單如
,那怎么辦呢?
首先要接着從“Toolbars and Menus”里選擇第二種樣式的菜單,拖拽到白色區域內,然后雙擊修改顯示文本。
然后重點就來了,要給這個二級菜單和一級菜單之間綁定關系。如圖

在工具欄里找到紅色方框內的圖標,單擊之后,在要綁定的控件划線,將二者連在一起,就完成了綁定。【注意箭頭指向】
在工具欄點擊
運行時,點擊“文件”,就會出現二級菜單了。
5、窗體間的綁定。
比如點擊打開文件時,需要彈出一個選擇文件路徑的對話框,這個過程應該怎么辦呢?
我們再新建一個gui文件,用來做彈出的對話框。如圖

重點來啦,怎么在兩個文件間建立聯系呢?
切換到“mainForm”文件,然后在菜單項“Design”中選擇

會彈出一個文件選擇對話框,接下來找到這個項目的存放位置,找到要彈出的那個對話框文件。

點擊“打開”。我們做的第二個窗體就會作為一個整體,添加到“mainForm”頁面中。【特別提示:不能將“打開.gui”整體復制到“mainForm”中,復制過去的話,“打開”窗體的綁定關系過不去,比如點擊“取消”按鈕的話,窗體不會關閉】

在二級菜單“打開文件”和“打開”窗體之間綁定聯系,這樣我們在運行時就能看到完整的操作了。【下面的圖片請自動腦補成動圖,謝謝】



最后附上,我從網上找到的比較詳細的教程:


不知道為啥,鏈接違規不能上傳,所以只能變成圖片了,需要的童鞋麻煩自己敲一下鏈接啦
PS:補充一個鏈接,在使用過程中,發現三級菜單與二級菜單的位置對應不上,但是又沒有找到合適的解決方案,剛好查找別的問題時看到了解決辦法,特附上鏈接
https://jingyan.baidu.com/article/a948d651272ecf0a2dcd2ef6.html
還有還有,剛才運行的時候不知道為啥GUI Design Studio總是停止運行,后來把我打開的諸多文件關閉,只打開了一個運行的主頁面,就能好好的運行啦。不知道是不是因為打開的文件太多的原因,但是這個管用。【僅供參考哈】
