原創(chuàng)|其它|編輯:郝浩|2012-12-20 15:03:26.000|閱讀 10014 次
概述:在GUI Design Studio使用教程一 中學(xué)習(xí)了如何創(chuàng)建一個(gè)新的工程后,本文接下來(lái)將介紹如何創(chuàng)建創(chuàng)建新任務(wù)對(duì)話框(New Task dialog)。
# 界面/圖表報(bào)表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
相關(guān)鏈接:
在GUI Design Studio使用教程一 中學(xué)習(xí)了如何創(chuàng)建一個(gè)新的工程后,本文接下來(lái)將介紹如何創(chuàng)建創(chuàng)建新任務(wù)對(duì)話框(New Task dialog)。
當(dāng)用戶想創(chuàng)建一個(gè)新的任務(wù)時(shí),首先需要?jiǎng)?chuàng)建的組件是對(duì)話框。
1、雖然,你可以使用"File | New" 菜單命令創(chuàng)建一個(gè)新的設(shè)計(jì)文檔,但是它會(huì)生成一個(gè)未命令文件,而且還要為該文件名稱并保存在目標(biāo)項(xiàng)目文件夾中。既然,你知道需要?jiǎng)?chuàng)建的內(nèi)容和位置,GUI Design Studio允許您直接在目標(biāo)項(xiàng)目文件夾下創(chuàng)建一個(gè)新的文件。
打開"Project" 設(shè)計(jì)面板,點(diǎn)擊 "New Design"命令按鈕:
2、在框中輸入"NewTaskDialog":
3、選擇"Elements"設(shè)計(jì)面板和"Elements"分類。
4、在下來(lái)列表中找到"Dialog"元素,然后,將其拖入你的設(shè)計(jì)頁(yè)面中:
5、調(diào)整大小手柄,將對(duì)話框稍微縮小.
6、雙擊對(duì)話框,打開其屬性編輯器,將Title改為"Task Details"。請(qǐng)注意,該對(duì)話框?qū)嶋H上是一個(gè)框架類窗口。點(diǎn)擊ok,保存修改。
7、確定勾選了"Layout | Snap to Edges"菜單命令。Edge snapping是GUI Design Studio中非常強(qiáng)大的一個(gè)功能。它不同于傳統(tǒng)的網(wǎng)格捕捉,Edge snapping是GUI元素正確地相互配合,而不是任意的背景網(wǎng)格。
8、對(duì)話框有助于調(diào)整一致的邊緣和退出按鈕的位置。
9、"Buttons"類別中包含了一系列常用的按鈕,一旦你將它們添加到你的設(shè)計(jì)中后,你可以對(duì)它們進(jìn)行修改。
通過(guò)拖拽方式,添加"OK" 和 "Cancel"按鈕到網(wǎng)格中(如圖所示)。按鈕的默認(rèn)大小和右邊網(wǎng)格列的寬度是相同的。
10、切換到"Text"分類,并添加兩個(gè)"Left Text" 元素作為提示,將其放置到網(wǎng)格的左邊列。雙擊"Left Text"元素,修改它們的屬性,將Text改為"&Summary"和 "&Description"。
11、選中 "Summary"和 "Description"提示。你可以一起重新調(diào)整它們的大小到最大寬度。
12、 單行編輯框很好地捕捉到 "Summary"提示,然后拉伸到網(wǎng)格的右邊。
13、多行編輯框稍微復(fù)雜一些,因?yàn)橹荒懿东@一個(gè)邊緣。將多行編輯框置于 "Description"提示旁邊,然后Ctrl+Click,同時(shí)選中 "Summary"和多行編輯框。
14、通過(guò)"Layout | Align | Top"菜單命令或者下列工具欄,將編輯框頂部與"Description"提示的頂部對(duì)齊。
15、最后,修改編輯框?qū)傩裕瑢⑽谋咀侄卧O(shè)置為空白,然后保存修改。對(duì)話框的效果如下圖所示:
本站文章除注明轉(zhuǎn)載外,均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載,但請(qǐng)務(wù)必注明出處、不得修改原文相關(guān)鏈接,如果存在內(nèi)容上的異議請(qǐng)郵件反饋至chenjj@fc6vip.cn
文章轉(zhuǎn)載自:慧都控件網(wǎng)