一种模式构件工具箱的界面开发方法与流程

文档序号:15557405发布日期:2018-09-29 01:27阅读:384来源:国知局

本发明设计界面开发技术领域,特别是涉及一种模式构件工具箱的界面开发方法。



背景技术:

现有的模式构件工具箱的界面开发方法,开发效率低,程序员负担重,程序员必须在实现程序功能的同时兼顾实现图形效果的显示;程序的可扩展性和可修改性低,每当界面样式需要修改时,必须由程序员来修改程序代码,严重加大程序复杂度和程序员的重复劳动率。举例来说,通常同一类型的界面虽然数量多,但在设计形式上往往差距不大,只是有一些细节的变化。如目前的换肤(skin),可能界面只是在颜色或形状上有所不同,整个界面的结构并没有太大的变化。但在目前公知的开发方法中,修改这些差异仍然是费时费力的。



技术实现要素:

本发明的目的在于解决了上述问题,提供了一种模式构件工具箱的界面开发方法,可以提高开发效率,缩短开发周期,方便后期修改。

具体技术方案是,所述使用通用界面设计接口系统的界面开发方法,包括以下步骤:(a)设定仅具有框架的界面式样文件;(b)使用者在所述界面式样文件上添加、删除和修改界面元素;(c)所述仅具有框架的界面式样文件最终形成完整的界面式样文件;(d)解析器采集所述完整的界面式样文件中的数据形成程序。

上述的模式构件工具箱的界面开发方法中,所述步骤(b)是以可视化编辑区的形式操作的。

上述的模式构件工具箱的界面开发方法中,所述界面式样文件是xml文件,在所述界面式样文件中同一类型的元素及其属性值作为一组顺序存储。

本发明比较现有技术,有如下有益的技术效果:模式构件工具箱的界面开发方法的代码编写相互独立,程序员只需要考虑界面的功能并进行相应的编码即可,让程序员从繁琐的界面式样变成中解脱出来;极大的降低界面式样修改的工作量,界面的修改不再需要修改程序代码;极大提高了界面设计的效率,在界面式样修改后,可以立刻看见修改后的界面。

附图说明

为了更清楚地说明本发明的技术方案,下面将对实施例描述中所需的附图作简单介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其它的附图,这些附图所直接得到的技术方案也应属于本发明的保护范围。

图1是本发明的方法流程图。

具体实施方式

为使本发明的上述目的、特征和优点能够更加明显易懂,下面对本发明的具体实施方式做详细说明。在下面的描述中阐述了很多具体细节以便于充分理解本发明。但是本发明能够以很多不同于在此描述的其它方式来实施,本领域技术人员可以在不违背本发明内涵的情况下做类似改进,因此本发明不受下面公开的具体实施方式的限制。

实施例1,图1示出了使用本发明模式构件工具箱的界面开发方法的流程图。程序员设定框架xml文件,包括界面的逻辑和框架关系,界面定制人员在编辑区设定界面输出元素及其交互值,接着框架xml文件相应形成完整的界面式样xml文件,最后解析器采集完整的界面式样xml文件中的数据形成最后的程序。cgi结构包括界面定义接口、解析器和应用程序接口三部分。界面定义接口完成界面效果和式样的定制工作,该接口提供了对式样的描述方式。解析器负责将界面式样解析为程序。应用程序接口提供独立的面向程序级的图形接口,程序员可在此基础上进行程序的编写。界面定义接口又包括界面美工单元、界面框架定义单元和通用模板。通用模板可通过设定特殊值使之称为用户模板,而界面美工单元和界面框架定义单元是各自独立的,并通过上述的用户模板交互结合成完整的界面式样文件。

程序员设计界面框架文件,确定菜单结构和逻辑框架,并将这些结构和框架以可视化编辑区的形式提供给界面定制人员。同时,美工设计界面的美工效果图,并以如bmp或者jpg等格式的图片文件提供给界面定制人员。界面定制人员在界面效果图和界面框架文件基础上通过上述界面定义接口完成对界面式样的描述工作。采集界面定制人员配置的界面元素的交互属性值,并通过通用模板将上述界面元素及其交互属性值存储成用户模板。用户模板即完整的界面式样文件,以xml格式的文件存储。cgi根据该文件自动形成相关的程序代码,并创建可视化界面。cgi提供的应用程序接口,程序员可通过该接口编写菜单功能实现的代码,结合上述生成的代码模块,最终形成应用程序。

通用模板的功能是赋予交互属性以形成用户私有化模板。该通用模板的物理形式为xml文件。给出了窗口的标志,在标志后是多个窗口的说明,最后是结束标志。该窗口说明包括窗口名、窗口参数和随后的多个组件。组件又包括组件标志,随后的各个组件说明和结束标志。该组件说明包括组件名、组件参数和随后的多个元素。元素又包括元素标志、随后的各个元素说明和结束标志。该元素说明由元素名、位置参数、大小尺寸、字体颜色、字体、前景颜色、后景颜色、其他交互属性和结束标志组成。

xml文件由目标资源(resource)和界面构件(interface)两部分组成。目标资源包括位图(bitmap)、图标(icon)和字体(font),界面构件包括窗口(window)、在窗口上定义的组件(item)和在组件上定义的元素(element),元素可通过参数(parameter)来设置。这些组件包括背景、标题、说明、菜单条、编辑条、进度条和列表等,这些元素包括点、线、圆、椭圆、矩形、多边形、文字、位图、和图标等。

例如<windowwin_id=“0”widget_type=“menu”label=“主菜单界面”position=“(100,50)(536,274)”>中,window代表定义的窗口构件,win_id代表窗口的序号,widget_type代表类型,在此处指菜单,label代表窗口标题,此处指主菜单界面,position代表窗口地址,这里(100,50)(536,274)指窗口左上顶点和右下顶点的坐标值。<itemitem_id=“2”name=“button”label=“text>中,item代表定义的组件构件,item_id代表组件序号,name代表组件名称,label代表组件标题。其他定义方式与上述定义类同,在此不再重复描述。上述实施例是提供给本领域普通技术人员来实现或使用本发明的,本领域普通技术人员可在不脱离本发明的发明思想的情况下,对上述实施例做出种种修改或变化,因而本发明的保护范围并不被上述实施例所限,而应该是符合权利要求书提到的创新性特征的最大范围。



技术特征:

技术总结
本发明设计界面开发技术领域,特别是涉及一种模式构件工具箱的界面开发方法。包括以下步骤,(a)设定仅具有框架的界面式样文件;(b)使用者在所述界面式样文件上添加、删除和修改界面元素;(c)所述仅具有框架的界面式样文件最终形成完整的界面式样文件;(d)解析器采集所述完整的界面式样文件中的数据形成程序。提高模式构件工具箱的界面开发效率,缩短开发周期,方便后期修改。

技术研发人员:华庆一;张璐;樊攀;冯旭;董美荣
受保护的技术使用者:西北大学
技术研发日:2018.03.19
技术公布日:2018.09.28
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1