目 录
第一部分 GUI DESIGN STUDIO快速入门 ............................................................ 3
第一章 环境简介 ......................................................................................................................... 3
1. 工程面板 ..................................................................................................................................................... 3 2. 元素面板 ..................................................................................................................................................... 4 3. 图标面板 ..................................................................................................................................................... 5 4. 注释面板 ..................................................................................................................................................... 6 5. 故事板面板 ................................................................................................................................................. 7 6. 备注面板 ..................................................................................................................................................... 8
第二章 窗口设计 ......................................................................................................................... 9
1. 创建工程 ..................................................................................................................................................... 9 2. 创建对话框 ............................................................................................................................................... 10 3. 创建应用程序窗口 ................................................................................................................................... 12 4. 创建文档窗口 ........................................................................................................................................... 14 5. 创建\对话框 ............................................................................................................................. 16 6. 放置屏幕截图 ........................................................................................................................................... 17
第三章 窗口交互 ....................................................................................................................... 19
1. 添加故事看板 ........................................................................................................................................... 19 2. 添加导航功能 ........................................................................................................................................... 20 3. 添加文件打开标准对话框 ....................................................................................................................... 23 4. 添加菜单功能 ........................................................................................................................................... 26
第二部分 GUI DESIGN STUDIO功能介绍 .......................................................... 28
第一章 使用图片 ....................................................................................................................... 28
1. 导出设计文档 ........................................................................................................................................... 28 2. 使用图片 ................................................................................................................................................... 29
第二章 使用组件 ....................................................................................................................... 30
1. 使用设计文档作为普通组件.................................................................................................................... 30 2. 使用设计文档作为组件缩略图 ................................................................................................................ 31
第 1 页 共 39 页
3. 使用设计文档作为定制组件.................................................................................................................... 32
第三章 使用模板 ....................................................................................................................... 33
1. 基于模板创建工程 ................................................................................................................................... 33 2. 向工程中插入模板 ................................................................................................................................... 34
第四章 网页程序设计 ............................................................................................................... 35
1. 使用图片和文字占位符 ........................................................................................................................... 35 2. 创建网页的头部和尾部 ........................................................................................................................... 36 3. 创建动态内容 ........................................................................................................................................... 36 4. 鼠标事件 ................................................................................................................................................... 37 5. \前进\和\后退\切换 .................................................................................................................................. 39
第 2 页 共 39 页
第一部分 GUI Design Studio快速入门
第一章 环境简介
1. 工程面板
使用工程面板可以访问工程所有设计文档和图片文件。在这里你可以快速做如下事情： 创建新的工程目录来组织文件。 创建新的设计文档。 复制已有的设计文档。
从剪贴板上粘贴图片生成图片文件。 加入其它工程和文件夹的链接，以访问它们的所有设计文档和图片文件。特别适用于使用库工程的公共组件或使用存在别处图片的情况。
当你选择了列表中的工程或文件夹时候，其对应的文件树将出现在下方。 双击设计文件打开它，或者拖拽它将其添加到打开的设计文档中。 使用鼠标右键拖拽添加组件缩略图。
双击或拖拽图片文件，将其添加到打开的设计文档中。
1) 2) 3) 4) 5) 6) 7) 8) 9)
第 3 页 共 39 页
2. 元素面板
元素面板提供所有可以用于创建应用程序GUI的窗体和控件。元素被分成若干类别。当从列表中选择某一类别时候，该类别的元素将出现在下面的窗口中。每个元素都是十分典型的，并且为了方便使用，一些类别中包含了同一个元素的不同变形形式。在这里你可以快速做如下事情：
1) 双击或拖拽元素，可以将元素添加到打开的设计文档中。 2) 在设计文档中，双击元素编辑它的属性。
第 4 页 共 39 页
