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