gui design studio是一款配套的GUI设计软件,主要用于查看用户界面设计和运行原型,用户无需输入任何代码或脚本就可以快速创建演示原型。gui design studio源文件是英文版的,小编带来了gui design studio汉化包,安装之后就可以呈中文界面了,非常方便,所有功能都可以解锁,需要的朋友快快下载吧!
gui design studio特色
1、内置多达120余种可用的内置设计元素
2、允许您无需修改设计即可改变演示效果
3、以不同的视图风格查看设计
4、支持模拟器模拟界面效果、鼠标的点击、屏幕的跳转
5、实现多工程间互用串联设计以创建动态原型
6、使用标准元素绘制个性化的屏幕
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"菜单命令将其移至右方。)
创建新任务对话框
1、虽然,你可以使用"File | New" 菜单命令创建一个新的设计文档,但是它会生成一个未命令文件,而且还要为该文件名称并保存在目标项目文件夹中。既然,你知道需要创建的内容和位置,GUI Design Studio允许您直接在目标项目文件夹下创建一个新的文件。
打开"Project" 设计面板,点击 "New Design"命令按钮:
2、在框中输入"NewTaskDialog":
3、选择"Elements"设计面板和"Elements"分类。
4、在下来列表中找到"Dialog"元素,然后,将其拖入你的设计页面中:
5、调整大小手柄,将对话框稍微缩小.
6、双击对话框,打开其属性编辑器,将Title改为"Task Details"。请注意,该对话框实际上是一个框架类窗口。点击ok,保存修改。
7、确定勾选了"Layout | Snap to Edges"菜单命令。Edge snapping是GUI Design Studio中非常强大的一个功能。它不同于传统的网格捕捉,Edge snapping是GUI元素正确地相互配合,而不是任意的背景网格。
8、对话框有助于调整一致的边缘和退出按钮的位置。
9、"Buttons"类别中包含了一系列常用的按钮,一旦你将它们添加到你的设计中后,你可以对它们进行修改。
通过拖拽方式,添加"OK" 和 "Cancel"按钮到网格中(如图所示)。按钮的默认大小和右边网格列的宽度是相同的。
10、切换到"Text"分类,并添加两个"Left Text" 元素作为提示,将其放置到网格的左边列。双击"Left Text"元素,修改它们的属性,将Text改为"&Summary"和 "&Description"。
11、选中 "Summary"和 "Description"提示。你可以一起重新调整它们的大小到最大宽度。
12、 单行编辑框很好地捕捉到 "Summary"提示,然后拉伸到网格的右边。
13、多行编辑框稍微复杂一些,因为只能捕获一个边缘。将多行编辑框置于 "Description"提示旁边,然后Ctrl+Click,同时选中 "Summary"和多行编辑框。
14、通过"Layout | Align | Top"菜单命令或者下列工具栏,将编辑框顶部与"Description"提示的顶部对齐。
15、最后,修改编辑框属性,将文本字段设置为空白,然后保存修改。对话框的效果如下图所示: