gui design studio是一款配套的GUI设计軟件，主要用于查看用户界面设计和运行原型，用户无需输入任何代码或脚本就可以快速创建演示原型。gui design studio源文件是英文版的，小编带来了gui design studio汉化包，安装之后就可以呈中文界面了，非常方便，所有功能都可以解锁，需要的朋友快快下载吧！

gui design studio特色

1、內置多達120余種可用的內置設計元素

2、允許您無需修改設計即可改變演示效果

3、以不同的視圖風格查看設計

4、支持模擬器模擬界面效果、鼠標的點擊、屏幕的跳轉

5、實現多工程間互用串聯設計以創建動態原型

6、使用標准元素繪制個性化的屏幕

gui design studio使用教程

創建項目

1、通过 "File | New Project..." 菜单命令，快速打开 "New Project"对话框：

2、选择一个合适的文件夹来創建項目，如上图所示的："C:\My GUI Designs\"。如果，你想使用的文件夹不存在，只需要在Location 框中键入文件名，它会为你创建新的项目。

3、在Name 框中，输入Tutorial后将会为你的项目自动创建一个"Tutorial" 子文件夹。

4、在本教程中，所有的樣本項目鏈接處于未選中狀態。

5、点击ok，创建并打开新的项目。你的屏幕效果如下图所示：(如果Design Bar在左边，你可以利用"View | Design Bar Position | Dock Right"菜单命令将其移至右方。)

創建新任務對話框

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、最後，修改編輯框屬性，將文本字段設置爲空白，然後保存修改。對話框的效果如下圖所示：