分类

安卓应用安卓游戏攻略资讯

编程相关

gui design studio汉化包

gui design studio汉化包 v4.1中文免费版

大小:15.4 MB

语言:简体中文系统:WinXP, Win2003, Vista, Win7, Win8, Win10

类别:编程相关时间:2017-08-09

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、最后,修改编辑框属性,将文本字段设置为空白,然后保存修改。对话框的效果如下图所示:

展开

猜您喜欢

同类推荐

网友评论