当前位置: 首页 > article >正文

GUI Design Studio 4.5.151.0原型设计工具的使用

        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.lryc.cn/news/2414126.html

相关文章:

  • DOM4J 知识详解
  • 简单了解cms(内容管理系统)
  • [Visual Studio 2022 C#]设置splitContainer拆分器中间分隔条splitter的颜色和宽度
  • 【reverse】通俗易懂的gcc内联汇编入门+示例:实现花指令
  • C#窗体应用程序之CheckListBox复选列表与ListBox列表框控件
  • netframework有什么用_C#初学者教程系列1:什么是.NET Framework?
  • 使用fastdb的感受
  • 对SHFileOperation函数的一点研究
  • Java(API)——正则表达式
  • FieldTrip toolbox教程系列(0)-安装、配置与测试
  • linux 升级 java 8,生产环境 JDK6 升级至 JDK8
  • ExcuteReader详解
  • CImage拷贝到另一个CImage,两个方法
  • 备战数学建模4-MATLAB绘制三维图形
  • MatchPuppy:狗狗相亲网站
  • Request.QueryString
  • 电脑蓝屏怎么办 七大原因及解决办法来帮你
  • MATLAB实现随机数方法合集
  • 1、Intent和IntentFilter详解
  • 如何浏览yandex广告报表?
  • oSIP开发者手册 oSIP开发者手册
  • 每天更新的纯净版 Chromium OS 镜像已经可以下载
  • 临界区死锁和死循环
  • Thread out-of-synch 错误
  • 酷炫的网站合集-
  • C++中内存块置0的三种方法:memset, ZeroMemory和SecurZeroMemory
  • vlan的基本配置
  • LEETCODE-DAY27
  • 创建个人网站(一) 如何申请一个网站
  • 电脑蓝屏显示0x000000f4怎么办的四个解决方法