原創|其它|編輯:郝浩|2013-01-06 13:25:52.000|閱讀 6119 次
概述:在本文中,我們將使用類似的方法,在原型設計工具GUI Design Studio中把一個簡單的故事板(storyboard)放置到一起,用于顯示程序流程。
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
相關鏈接:
在上一文GUI Design Studio 使用教程六:放置屏幕截圖中,我們學習了如何將組件設計元素拖到設計中,從而創建屏幕截圖。在本文中,我們將使用類似的方法,在原型設計工具GUI Design Studio中把一個簡單的故事板(storyboard)放置到一起,用于顯示程序流程。
1、打開"Project"面板,創建一個名為"Storyboard1"的設計文檔。
2、在工程樹狀圖中將"ApplicationWindow.gui"拖放到當前設計中。
3、將"TaskListDocument.gui", "EditTaskDialog.gui"和"NewTaskDialog.gui"設計文檔添加到當前設計文檔中。與創建屏幕截圖時相反,對storyboards而言,窗口元素必須被分離,而不是放置在彼此的頂部。
4、通過"Make Connection"工具,創建導航路徑。創建導航路徑的方法,參考GUI Design Studio 使用教程四:創建文檔窗口
如果需要創建多個導航鏈接,按住Shift鍵同時按住命令按鈕。每個鏈接創建成功后,鏈接模式仍然處于激活狀態,準備創建下一個鏈接。再次點擊工具欄按鈕或者點擊Esc 按鈕,推出鏈接模式。
鏈接下圖所示的工具欄按鈕TaskListDocument, NewTaskDialog 和EditTaskDialog:
注意,雖然ApplicationWindow最為選擇和操作時的最小單元,但是仍然可以使用其中的子元素構建鏈接。
5、保存修改,預覽效果如下:
本站文章除注明轉載外,均為本站原創或翻譯。歡迎任何形式的轉載,但請務必注明出處、不得修改原文相關鏈接,如果存在內容上的異議請郵件反饋至chenjj@fc6vip.cn
文章轉載自:慧都控件網