ITPub博客

首页 > Linux操作系统 > Linux操作系统 > GUI Design Studio 使用

GUI Design Studio 使用

原创 Linux操作系统 作者:Angelloy 时间:2016-02-25 14:24:50 0 删除 编辑

GUI Design Studio
一款Windows下的GUI设计工具,可以在不用编程和书写脚本的情况下快速创建原型。GUI Design
Studio是一款无需编码,拖放式的用户界面设计及原型设计工具,适用于Web、桌面、移动和嵌入式软件应用程序。他可以使产品构思文档化,创建各种原
型,为开发者定义规范等等。可以生成漂亮的页面跳转模拟页面,极为方便演示。


gui design studio 破解版使用教程:


在这里记录下创建带有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控件上不同的页面按钮,即可切换对应的绑定页面,如下图所示:




使用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"菜单命令将其移至右方。)


来自 “ ITPUB博客 ” ,链接:http://blog.itpub.net/30785809/viewspace-1994431/,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2016-01-13

  • 博文量
    23
  • 访问量
    34887