在GUI Design Studio使用教程一 中學習了如何創建一個新的工程后，本文接下來將介紹如何創建創建新任務對話框（New Task dialog）。

當用戶想創建一個新的任務時，首先需要創建的組件是對話框。

1、雖然，你可以使用"File | New" 菜單命令創建一個新的設計文檔，但是它會生成一個未命令文件，而且還要為該文件名稱并保存在目標項目文件夾中。既然，你知道需要創建的內容和位置，GUI Design Studio允許您直接在目標項目文件夾下創建一個新的文件。

打開"Project" 設計面板，點擊 "New Design"命令按鈕：

2、在框中輸入"NewTaskDialog"：

3、選擇"Elements"設計面板和"Elements"分類。

4、在下來列表中找到"Dialog"元素，然后，將其拖入你的設計頁面中：

5、調整大小手柄，將對話框稍微縮小.

6、雙擊對話框，打開其屬性編輯器，將Title改為"Task Details";。請注意，該對話框實際上是一個框架類窗口。點擊ok，保存修改。

7、確定勾選了"Layout | Snap to Edges"菜單命令。Edge snapping是GUI Design Studio中非常強大的一個功能。它不同于傳統的網格捕捉，Edge snapping是GUI元素正確地相互配合，而不是任意的背景網格。

8、對話框有助于調整一致的邊緣和退出按鈕的位置。

9、"Buttons"類別中包含了一系列常用的按鈕，一旦你將它們添加到你的設計中后，你可以對它們進行修改。

通過拖拽方式，添加"OK" 和 "Cancel";按鈕到網格中（如圖所示）。按鈕的默認大小和右邊網格列的寬度是相同的。

10、切換到"Text"分類，并添加兩個"Left Text" 元素作為提示，將其放置到網格的左邊列。雙擊"Left Text"元素，修改它們的屬性，將Text改為"&Summary"和 "&Description"。

11、選中 "Summary"和 "Description"提示。你可以一起重新調整它們的大小到最大寬度。

12、 單行編輯框很好地捕捉到 "Summary"提示，然后拉伸到網格的右邊。

13、多行編輯框稍微復雜一些，因為只能捕獲一個邊緣。將多行編輯框置于 "Description"提示旁邊，然后Ctrl+Click，同時選中 "Summary"和多行編輯框。

14、通過"Layout | Align | Top"菜單命令或者下列工具欄，將編輯框頂部與"Description"提示的頂部對齊。

15、最后，修改編輯框屬性，將文本字段設置為空白，然后保存修改。對話框的效果如下圖所示：