GUI Design Studio的使用方法

时间:2022-05-05 21:53:50

一、GUI Design Studio的介绍

GUI DesignStudio 是一个给应用软件设计图形用户界面的专业工具,它可在画基于web形态的原型时,可以用 Axure RP、 Balsamiq Mockups很方便的画出来,但要是对象是客户端软件的时候,Axure却不是首选。 以快速的把思路,以可视化的方式来表现出来,并可以和客户进行交流想法。GUI Design Studio同时也是一个不需要软件开发和编码的完整的设计工具,它支持所有基于微软Windows 平台的软件。因此, GUI Design Studio是一款适合界面原型设计员和界面原型开发员的软件。【搜狗百科粘贴的】

二、简单的使用步骤【主要在于窗体间关系的连线】

1、打开GUI Design Studio,图标如图,像一个blingbling的红宝石。

GUI Design Studio的使用方法

2、在菜单栏的“File”中找到“New Project”,点击后弹出一个对话框,如图

GUI Design Studio的使用方法

填写完后,单击“OK”,即创建了一个新的项目。

3、下面我们创建一个简单的窗体原型,单击如图的图标

GUI Design Studio的使用方法,会弹出一个对话框来填写gui文件的名称,我们起名为“mainForm”,

GUI Design Studio的使用方法,点击√之后,就会创建一个mainForm.gui的文件。

4、软件右侧有一溜儿的工具栏,下面选择“Elements”——>“Windows and Dialogs”,选择一个窗体样式。这里我们选择的是第二种。

GUI Design Studio的使用方法

将选中的窗体样式拖进显示屏幕处,就会有一个窗体出现啦,双击这个窗体就会弹出它的属性框,我们可以修改它的字体,窗体名称等基本属性。【这个软件中,双击控件都会弹出相应的属性框】

GUI Design Studio的使用方法

选择“Elements”——>“Toolbars and Menus”,可以选择工具条或者菜单栏,下面我们给这个窗体加上菜单。

GUI Design Studio的使用方法

一级菜单有时满足不了我们的需求需要多级菜单如GUI Design Studio的使用方法,那怎么办呢?

首先要接着从“Toolbars and Menus”里选择第二种样式的菜单,拖拽到白色区域内,然后双击修改显示文本。

然后重点就来了,要给这个二级菜单和一级菜单之间绑定关系。如图

GUI Design Studio的使用方法

在工具栏里找到红色方框内的图标,单击之后,在要绑定的控件划线,将二者连在一起,就完成了绑定。【注意箭头指向】

在工具栏点击GUI Design Studio的使用方法运行时,点击“文件”,就会出现二级菜单了。

5、窗体间的绑定。

比如点击打开文件时,需要弹出一个选择文件路径的对话框,这个过程应该怎么办呢?

我们再新建一个gui文件,用来做弹出的对话框。如图

GUI Design Studio的使用方法

重点来啦,怎么在两个文件间建立联系呢?

切换到“mainForm”文件,然后在菜单项“Design”中选择

GUI Design Studio的使用方法

会弹出一个文件选择对话框,接下来找到这个项目的存放位置,找到要弹出的那个对话框文件。

GUI Design Studio的使用方法

点击“打开”。我们做的第二个窗体就会作为一个整体,添加到“mainForm”页面中。【特别提示:不能将“打开.gui”整体复制到“mainForm”中,复制过去的话,“打开”窗体的绑定关系过不去,比如点击“取消”按钮的话,窗体不会关闭】

GUI Design Studio的使用方法

在二级菜单“打开文件”和“打开”窗体之间绑定联系,这样我们在运行时就能看到完整的操作了。【下面的图片请自动脑补成动图,谢谢】

GUI Design Studio的使用方法

GUI Design Studio的使用方法

GUI Design Studio的使用方法

最后附上,我从网上找到的比较详细的教程:

GUI Design Studio的使用方法GUI Design Studio的使用方法

不知道为啥,链接违规不能上传,所以只能变成图片了,需要的童鞋麻烦自己敲一下链接啦

PS:补充一个链接,在使用过程中,发现三级菜单与二级菜单的位置对应不上,但是又没有找到合适的解决方案,刚好查找别的问题时看到了解决办法,特附上链接

https://jingyan.baidu.com/article/a948d651272ecf0a2dcd2ef6.html

还有还有,刚才运行的时候不知道为啥GUI Design Studio总是停止运行,后来把我打开的诸多文件关闭,只打开了一个运行的主页面,就能好好的运行啦。不知道是不是因为打开的文件太多的原因,但是这个管用。【仅供参考哈】