GUI_Design_Studio使用手册

目 录

第一部分 GUI DESIGN STUDIO 快速入门...........................................................3

第一章 环境简介.........................................................................................................................3

1. 工程面板...................................................................................................................................................3

2. 元素面板...................................................................................................................................................5

3. 图标面板...................................................................................................................................................6

4. 注释面板...................................................................................................................................................7

5. 故事板面板................................................................................................................................................8

5. 创建"Edit Task"对话框............................................................................................................................18

6. 放置屏幕截图..........................................................................................................................................19

第三章 窗口交互.......................................................................................................................21

1. 添加故事看板..........................................................................................................................................21

2. 添加导航功能..........................................................................................................................................22

3. 添加文件打开标准对话框......................................................................................................................25

4. 添加菜单功能..........................................................................................................................................28

第二部分 GUI DESIGN STUDIO 功能介绍.........................................................30

第一章 使用图片.....................................................................................................................30

1. 导出设计文档..........................................................................................................................................30

1. 基于模板创建工程..................................................................................................................................35

第 1 页 共 41 页

2. 向工程中插入模板..................................................................................................................................36

第四章 网页程序设计...............................................................................................................37

1. 使用图片和文字占位符..........................................................................................................................37

2. 创建网页的头部和尾部..........................................................................................................................38

3. 创建动态内容..........................................................................................................................................38

4. 鼠标事件..................................................................................................................................................39

5. "前进"和"后退"切换...............................................................................................................................41

第 2 页 共 41 页

第一部分 GUI Design Studio 快速入门

4) 从剪贴板上粘贴图片生成图片文件。

5) 加入其它工程和文件夹的链接，以访问它们的所有设计文档和图片文件。特别适用于

使用库工程的公共组件或使用存在别处图片的情况。

6) 当你选择了列表中的工程或文件夹时候，其对应的文件树将出现在下方。

7) 双击设计文件打开它，或者拖拽它将其添加到打开的设计文档中。

8) 使用鼠标右键拖拽添加组件缩略图。

9) 双击或拖拽图片文件，将其添加到打开的设计文档中。

第 3 页 共 41 页

第 4 页 共 41 页

2. 元素面板

元素面板提供所有可以用于创建应用程序 GUI 的窗体和控件。元素被分成若干类别。

当从列表中选择某一类别时候，该类别的元素将出现在下面的窗口中。每个元素都是十分

第 5 页 共 41 页