没有找到合适的产品?
联系客服协助选型:023-68661681
提供3000多款全球软件/控件产品
针对软件研发的各个阶段提供专业培训与技术咨询
根据客户需求提供定制化的软件开发服务
全球知名设计软件,显著提升设计质量
打造以经营为中心,实现生产过程透明化管理
帮助企业合理产能分配,提高资源利用率
快速打造数字化生产线,实现全流程追溯
生产过程精准追溯,满足企业合规要求
以六西格玛为理论基础,实现产品质量全数字化管理
通过大屏电子看板,实现车间透明化管理
对设备进行全生命周期管理,提高设备综合利用率
实现设备数据的实时采集与监控
利用数字化技术提升油气勘探的效率和成功率
钻井计划优化、实时监控和风险评估
提供业务洞察与决策支持实现数据驱动决策
原创|使用教程|编辑:郝浩|2014-05-05 17:34:02.000|阅读 1715 次
概述:GUI Design Studio作为一款用户界面及软件原型设计工具,深受用户的喜欢。本文继续上期网站首栏的原型设计案例,主要介绍按钮和页面的连接,结尾附带了最终的原型设计图示和原型演示截图。
# 界面/图表报表/文档/IDE等千款热门软控件火热销售中 >>
构建弹出界面
前面说到,点击开发资源栏会弹出一个板块选择界面。这里,我们就来设计这个弹出的界面。在Elements的Ribbon Bar里找到下图所示模板:
双击打开属性界面,点选左方列表里的“Menu”,在Item栏中第二行中将“Menu”替换成“视频”。和前面一样,点击“Insert”按钮可插入更多的内容,为了将三个板块区分开,可在两个板块中点击“Insert”按钮,在Item栏第一行中选择“Separator”,这个时候就2个板块中间就插入了区分的横线。然后在Font栏中将字体大小调整为12.8pt。调整完毕后,我们设计出了弹出的界面:
创建按钮
由于使用的是试用版的缘故,无法使用嵌套按钮的Tool bar模板。所以,这里我们选择单独创建按钮,再把按钮放置在前面的Ribbon bar模板上,一样可以达到预期的效果。在Elements的Button里,选择无字的那种按钮,双击该按钮模板打开按钮属性,在button栏的label(标签)项输入按钮的名字。在label下方的text项是按钮的样式,可根据喜好自由选择,最下方的button项有一个可调节的数字,默认为2,意思是连续点击2下,可触发按钮效果。在Font栏中我们也将按钮字体大小调整为12.8pt,样式与前面一致。由于是作为原型演示,我们只做了首页、控件、工具软件和开发资源四个按钮,然后将其分别放置在之前完成的几个静态页 面上。
搭建页面连接模式
在GUI Design Studio里,最先创建的界面被默认为代表元素(representative elements),界面周围有绿色边框,在原型演示里,首先显示的就是代表元素的窗口。如果你需要调换代表元素,可选取想要成为代表元素的界面,再点F10即可完成调换。那么如何在原型演示中,切换不同界面的窗口呢?主界面正上方的 就是用来搭建页面间的连接模式的。使用的方法:
1.在右边选择连接模式。不同的箭头代表不同的连接类型(如下图):
2.点击使用左边的图标对页面进行连接。这个时候就会出现一个笔形状的光标,将光标放在界面的某个位置,则这个位置就会出现红色边框,方便对连接区域进行识别。在本文中,窗口的切换采用Replace Window的箭头 ,我们可用笔形光标将箭头的起始位置设置在首页界面的“控件”按钮上,指针指向控件板块。设置成功后,在原型演示时,点击首页的“控件”按钮页面就会跳转到控件板块。同样的,参考上图,在点击“开发资源”时弹出选择界面的原型可采用Modal Choice Popup的箭头实现。
最后,搭建页面的连接图如下图所示:
原型演示截图:
GUI Design Studio应用教程:网站首栏原型设计(一)>>
本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@evget.com
文章转载自:慧都控件本指南将介绍如何使用 Spire.PDF for Java 读取 PDF 文档 ,涵盖从可搜索的 PDF 提取文本 、表格和 图片 ,以及通过 OCR 技术从扫描版 PDF 中读取文本。
使用 C#开发DataMatrix 条形码生成器对于零售、医疗保健和物流等各行各业都至关重要。借助Aspose.BarCode for .NET,您可以轻松地以编程方式创建 DataMatrix 码。
使用Aspose.BarCode for Java在 Java 中生成 PDF417 条形码对许多行业至关重要。这种条形码格式广泛应用于库存管理、运输和文档跟踪等应用。
本指南将向您展示如何借助Aspose.PDF,仅用几行代码删除不需要的页面。让我们深入了解如何使用 Java 从 PDF 文档中删除页面。
零编码,拖放式的用户界面及软件快速原型设计工具
GUI Design ViewerGUI Design Viewer是查看GUI Design Studio用户界面和软件原型设计的免费控件产品
Icon ExpressIcon Express是一款基于GUI Design Studio的快捷简单且免费的图标编辑类控件。
服务电话
重庆/ 023-68661681
华东/ 13452821722
华南/ 18100878085
华北/ 17347785263
客户支持
技术支持咨询服务
服务热线:400-700-1020
邮箱:sales@evget.com
关注我们
地址 : 重庆市九龙坡区火炬大道69号6幢
慧都科技 版权所有 Copyright 2003-
2025 渝ICP备12000582号-13 渝公网安备
50010702500608号