在GUI Design Studio 使用教程：創建新任務對話框和應用程序窗口后，你可以隨心所欲地創建你自己的設計了。本文的目的旨在為任務列表管理器應用程序創建一個組件，并引入注釋。

1、像先前的操作一樣，切換到"Project"面板，并創建一個新的設計文檔，并將其命名為TaskListDocument。

2、在"Elements"面板中，在"Windows and Dialogs" 分類中找到"Frame Window"元素，并添加到設計中。

3、您可以將窗口保留為默認大小。但對其屬性進行編輯時，將標題更改為 "Task List"。

4、在"Lists and Trees"分類中，將 "Check List Box"元素放置到文檔窗口的底部。、

5、打開列表框的屬性編輯器。首先切換到"Style"標簽，并檢查 "Flat Style"選項，使列表框為一個細邊框：

在"Data"標簽中，刪除默認的列表項目，并插入新的項目。在編輯框中鍵入每一個項目，然后，利用Alt+I 將項目插入到列表中，然后繼續在編輯框中輸入以下項目：

• Walk the dog
• Breakfast
• Fix the car
• Lunch
• Watch some TV
• Dinner
• More TV
• Go to bed

設置"Lunch"時，勾選"Selected"選項。點擊ok 保存修改。

6、任務列表中的文檔窗口基本設計完成。然而在實際使用時，應該有更多的信息，如注釋元素等等。

切換到 "Annotations"面板，并添加"Boxed Annotation"到文檔窗口的右邊：

編輯注釋屬性，然后將標題設置為"More Info"，并輸入以下注釋文本："We probably want more info in columns with headers for sorting...".

7、在列表上放置一個 "Large Dot Target" 。現在點擊工具欄上的"Make Connection"命令，初始化連接模式：

光標會變成一個鉛筆形狀，然后出現一個橙色框。點擊圓點目標，開始連接，然后點擊注釋框，完成連接：

8、文檔窗口設計完成，如圖所示：