原創|其它|編輯:郝浩|2012-12-21 13:20:44.000|閱讀 7682 次
概述:本文主要介紹如何使用原型設計軟件GUI Design Studio創建一個帶有菜單欄,工具欄和狀態欄的典型的多文檔接口應用程序窗口。
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
相關鏈接:
本文主要介紹如何使用原型設計軟件GUI Design Studio創建一個帶有菜單欄,工具欄和狀態欄的典型的多文檔接口應用程序窗口。
1、根據GUI Design Studio 使用教程二中創建 "NewTaskDialog" 的方法,在項目文件夾中創建一個新的設計文檔 "ApplicationWindow" 。
2、在 "Elements"面板中,找到"Windows and Dialogs" 類別中的"Frame Window" 元素,并將其添加到設計中。
3、調整窗口大小使其變大,然后編輯屬性,雙擊或按Alt + Enter鍵),將標題更改為"Tutorial Application"。
4、從 "Toolbars and Menus"類別中添加"Menu Bar" 。將其置于窗口標題欄的下方。拉伸菜單欄的寬度,使其符合窗口寬度,如圖所示:
5、接下來,在 "View" 和 "Window" 中插入一個新的 "Task"菜單項。打開菜單屬性編輯器,選擇列表項目中的"&View" 。在編輯框中輸入"&Task",點擊"Insert"按鈕,最后點擊ok 保存更改。
6、接下來,在菜單下,添加 "Docked Toolbar" ,操作方法與添加"Menu Bar" 的操作相同。
7、現在,我們有一個空白工具欄,我們可以為其添加按鈕。按鈕沒有圖像屬性。這些屬性可以在以后的操作過程中添加。
默認情況下,"Toolbar Button"元素是 一個 'flat' 風格,使它在調色板中不太明顯,但是有工具提示:
當你添加一個 'flat' 工具欄按鈕到工具欄中時,會出現一個命令的邊框。如下圖所示:
8、按鈕添加完成后,我們就可以添加圖標了。切換到"Icons"設計面板和"Toolbars"分類。找到命令圖標,并把它們放在其他按鈕上方。
前7個圖標是熟悉的新建,打開,保存,打印,剪切,復制和粘貼命令按鈕。最后三個表示在應用程序中創建,編輯和刪除任務的命令按鈕。
9、工具欄設置完后,接下來創建"Status Bar"狀態欄。將狀態欄放到應用程序窗口的底部,然后調整全寬。
10、為了使設計靈活性最大,狀態欄沒有包含任何指示符。就像帶有按鈕的工具欄一樣,指標必須手動添加。然而,在此之前,我們需要在右下角添加一個角度大小調整手柄。
11、最后,添加"Status Indicator"元素到狀態欄。添加3個指示符后編輯其屬性,從而分別為Caps Lock, Num Lock和Scroll Lock這三個鍵創建標準的 "CAP", "NUM"和"SCRL"提示。
12、保存修改,完成應用程序窗口的設計,如圖:
本站文章除注明轉載外,均為本站原創或翻譯。歡迎任何形式的轉載,但請務必注明出處、不得修改原文相關鏈接,如果存在內容上的異議請郵件反饋至chenjj@fc6vip.cn
文章轉載自:慧都控件網