彩票走势图

　　很多时候，软件设计与编码人员同客户之间存在着严重的沟通障碍，除了他们之间不同的立场视角以外，我觉得更重要的原因是讨论物的不直观，从而导致软件开发者无法准确掌握客户的具体项目需求，甚至最后开发出来的程序也与客户实际业务不符。如何跨越这道鸿沟，是所有软件开发者面临的一大难题。

　　正因如此，我要向大家介绍一款非常实用的软件：GUI Design Studio。您无需编码便可轻松实现设计空间的延展。引用软件开发者的一句话：Create User Interface Designs and Interactive Prototypes The Easy Way Without Writing A Single Line of Code。大大节约了原型开发的成本，目前，产品原型prototypes的概念和做法也被越来越多的开发管理者所认可。GUI Design Studio所提供的低成本原型“开发”方式，将使得更多“创意”得到最直观的体验和实践。

　　以下是产品的介绍，概念提得非常诱人，这些价值究竟怎样完全靠自己去体验和摸索了。

　　GUI Design Studio简介：GUI Design Studio是一款图形用户界面设计工具，您无需编写任何代码或脚本便可快速创建演示原型。同时，您还能使用其标准元素绘制个性化的屏幕、窗口以及控件；最后将它们进行完美整合，展示操作工作流，并运行模拟程序测试您的设计。

　　下面我将为大家演示一个GUI Design Studio的入门级示例。

　　第一步：下载安装GUI Design Studio（下载地址）。

　　安装完成后打开软件，界面如图一所示：

图一：GUI Design Studio界面展示

　　左上角是菜单栏，菜单栏下方是一些常用工具，右边是设计栏。界面看起来十分的简洁。

　　第二步： 点击左上角的File新建一个设计，如图二：

 
图二：新建一个GUI Design Studio设计

第三步：选择右边设计栏中的元素，可以看到元素下面有很多子菜单，有按钮、控制器、设计网格、窗体与对话框等等。直接拖拽便可完成整个设计操作。如图三：

图三：新建GUI Design Studio应用程序

 　　第四步：设置应用程序属性。每个元素都有自己的属性，设置方法也基本一致，可以点击鼠标右键选择属性或者直接双击鼠标左键弹出属性窗口。应用程序的属性有文本、样式、字体、边距等，文本属性的类容又有显示的内容、显示位置、文本颜色（如图四）。轻松设计出美观的视图，并根据需求随意改变应用程序的属性设置。

图四：GUI Design Studio应用程序属性设置

 　　应用程序的属性设置完成后，我使用同样的方法，再拖放了两个按钮在刚刚的应用程序上方，分别命名为OK和Close。这里还可以设置元素显示上一层、下一层、顶层显示和底层显示。

　　第五步： 新拖放一个对话框到红色边框外（红色边框是画板的边框，画板内的内容在运行的时候是可以看见的，但是画板外的内容运行时看不见），并将对话框与OK按钮关联（关联工具在右上方），箭头要指向对话框（如图五），这样意味着当点击OK按钮后会弹出对话框，没有点击按钮的时候对话框是看不见的。

图五：关联应用程序窗口与弹出对话框

　　第六步： 简单的一个设计出来了，可以点击右上方的小箭头或者菜单栏中的Run运行设计。运行后除了我拖放的应用程序窗口外，显示器其他地方都是黑色的，看不见我最后拖放的对话框。当点击OK按钮后，弹出了对话框“慧都控件欢迎您”。

图六：运行我的第一个GUI Design Studio设计

图七：点击OK按钮后弹出对话框

　　总结

　　虽然这只是一个GUI Design Studio的入门级介绍，但足以充分体现GUI Design Studio原型设计的方便快捷，而且在设计过程中支持对工程项目进行SVN控制，使得开发团队可以更好的共享设计文件，并同时在同一工程项目上进行工作。