GUI Design Studio 4.5.151.0原型设计工具的使用
来源:互联网 发布:最新大型网络手游 编辑:程序博客网 时间:2024/06/07 14:31
GUI Design Studio是一款无需编码,拖放式的用户界面设计及原型设计工具,适用于Web、桌面、移动和嵌入式软件应用程序。
官网地址:http://www.carettasoftware.com/guidesignstudio/
当前版本:4.5.151.0
在这里记录下创建带有Tab控件的应用程序步骤:
1.菜单栏→"File"→"New Project","Name"填入test,"Location"填入保存项目的路径,点击"OK";
2.右侧"Project"面板,点击"New Design"按钮,如下图所示:
在弹出的输入框中,输入TestDialog,点击绿色按钮;
3.展开右侧"Elements"面板,选中"Windows and Dialogs"类别,在下方列表找到"Dialog"元素,将其拖动到设计页面中,如下图所示:
拖动边框可调整大小;
4.双击对话框,弹出属性设置对话框,修改"Title"填入test对话框;
5.按下F9即可预览设计效果,如下图所示:
预览的窗口样式是Vista,这个可以在菜单栏→"File"→"Preferences"进行修改,或者"Project"→"Project Options"→"Visual Style";
6.从右侧"Elements"面板的"Tabs"类别,拖入"Horizontal Tab Bar"元素,双击可修改每一页面的标题名称等;
7.再从"Tabs"类别,拖入3个"Tab Panel"元素,这3个分别对应3个Tab页面;
8.从"Elements"面板中,不同的类别,拖入一些控件元素到这3个"Tab Panel"上;
9.将工具栏上的导航链接,更改为"Replace Window"样式,如下图所示:
按下F4,转换到链接模式,光标变成铅笔形状。首先在第一个Tab按钮的地方,进行按下,移动到所想要关联的"Tab Panel"元素上,放开鼠标,即可完成链接。点选的过程中,会出现橙色框,以方便识别具体元素。链接完成如下图所示:
10.再次按下F9,点击Tab控件上不同的页面按钮,即可切换对应的绑定页面,如下图所示:
更多资料:
1.GUI Design Studio使用教程 http://www.evget.com/zh-CN/Info/catalog/18301.html
2.GUI Design Studio使用手册 http://wenku.baidu.com/view/a15693b8fd0a79563c1e729d.html
3.GUI Design Studio帮助手册
官网地址:http://www.carettasoftware.com/guidesignstudio/
当前版本:4.5.151.0
在这里记录下创建带有Tab控件的应用程序步骤:
1.菜单栏→"File"→"New Project","Name"填入test,"Location"填入保存项目的路径,点击"OK";
2.右侧"Project"面板,点击"New Design"按钮,如下图所示:
在弹出的输入框中,输入TestDialog,点击绿色按钮;
3.展开右侧"Elements"面板,选中"Windows and Dialogs"类别,在下方列表找到"Dialog"元素,将其拖动到设计页面中,如下图所示:
拖动边框可调整大小;
4.双击对话框,弹出属性设置对话框,修改"Title"填入test对话框;
5.按下F9即可预览设计效果,如下图所示:
预览的窗口样式是Vista,这个可以在菜单栏→"File"→"Preferences"进行修改,或者"Project"→"Project Options"→"Visual Style";
6.从右侧"Elements"面板的"Tabs"类别,拖入"Horizontal Tab Bar"元素,双击可修改每一页面的标题名称等;
7.再从"Tabs"类别,拖入3个"Tab Panel"元素,这3个分别对应3个Tab页面;
8.从"Elements"面板中,不同的类别,拖入一些控件元素到这3个"Tab Panel"上;
9.将工具栏上的导航链接,更改为"Replace Window"样式,如下图所示:
按下F4,转换到链接模式,光标变成铅笔形状。首先在第一个Tab按钮的地方,进行按下,移动到所想要关联的"Tab Panel"元素上,放开鼠标,即可完成链接。点选的过程中,会出现橙色框,以方便识别具体元素。链接完成如下图所示:
10.再次按下F9,点击Tab控件上不同的页面按钮,即可切换对应的绑定页面,如下图所示:
更多资料:
1.GUI Design Studio使用教程 http://www.evget.com/zh-CN/Info/catalog/18301.html
2.GUI Design Studio使用手册 http://wenku.baidu.com/view/a15693b8fd0a79563c1e729d.html
3.GUI Design Studio帮助手册
- GUI Design Studio 4.5.151.0原型设计工具的使用
- 一个好用的 GUI 设计工具 GUI Design Studio
- GUI原型设计工具Pencil
- GUI Design Studio 使用教程
- GUI Design Studio 使用教程大全汇总
- Balsamiq Mockups 原型设计工具的使用
- 原型设计工具Pencil的使用
- GUI Design Studio
- GUI Design Studio
- GUI Design Studio
- GUI Design Studio设计实例(附视频)大全
- web UI Design 简单易用的手绘风格原型设计工具:Balsamiq Mockups
- GUI Design Studio(资料整理)
- GUI Design Studio系列教程
- App原型图设计工具使用对比
- 推荐一款界面模型构建工具——GUI Design Studio
- 产品规划设计的原型工具
- 非常好的原型设计工具“Balsamiq Mockups”
- Oracle数据库 函数
- 记录一条语句。
- Struts2学习笔记OGNL例子代码
- 遇到过的坑(1)—wget自动重试
- vbox--共享window里面的文件
- GUI Design Studio 4.5.151.0原型设计工具的使用
- c语言学习第二天(c语言文件操作)
- 删除数据表中的重复数据
- 雅安地震,心系你我!
- 互斥对象锁和临界区锁性能比较
- android的屏幕适配
- WGS84坐标转火星坐标(iOS篇)
- orcal学习(1)未完待续
- vs2010 如何设置MFC程序窗口大小