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