本文主要介紹如何在原型設計工具GUI Design Studio中創建導航功能。在本文中，我們將把模式中的任務列表文件改為一個非模態窗口，從而改善故事板。我們還需要激活關閉按鈕，以便能夠以一種自然的鼠標方式關閉對話框和窗口，而不使用Esc鍵。

1、打開"Storyboard1"設計文件。

2、使用"File | Save As..."菜單命令，將"Storyboard1"設計文件保存為"Storyboard2.gui"。它會自動出現在工程樹中。

3、我們首先需要修改的就是使文檔窗口非模態化。雙擊'New Document'工具欄按鈕和任務列表文件窗口之間的連接線，打開連接線屬性。然后，將"Navigation Type"默認的"Modal Popup"屬性，改為"ShowWindow"。

點擊OK，保存修改。你會發現，箭頭形狀由關閉改成打開形狀。

4、默認情況下，所有新窗口均在屏幕中心被打開。這并不是我們想要的文檔窗口，因此，我們需要添加一個定位錨點。

從設計欄的"Storyboard"上，將"Window Position Anchor"拖放到你想要放置文檔窗口的應用程序窗口上:

現在，使用"Make Connection" 命令將錨點與文檔窗口鏈接起來。

5、添加"Close and Accept" 和"Close and Cancel"按鈕到設計文檔，并建立鏈接。。"Close"按鈕用來關閉連接的父窗口；而"Close and Accept"、"Close and Cancel"按鈕用來關閉和它關聯的所有同級窗口，兩者并沒有什么實際的區別。

6、最后，添加"Exit"元素，并與'X'關閉按鈕建立鏈接。無論何時，你啟動"Exit" 框，都將關閉模擬器。

7、最后，保存修改，預覽結果如下：