[发明专利]一种自适应的图形用户界面构建装置及方法

说明书

技术领域

本发明关于计算机系统中的图形用户界面技术，特别是关于图形用户界面的布局技术，具体的讲是一种自适应的图形用户界面构建装置及方法。

背景技术

图形用户界面(GUI)是一种由对话框、标签、按钮、组件容器等一系列GUI控件组成的可视系统，GUI布局是对GUI控件的合理布置和安排，其美观性、合理性和实用性直接影响着用户的观感和评价。然而在复杂程度较高的企业化信息系统开发中，研发人员往往需要在极短的时间内完成大规模的GUI布局设计；同时，随着业务流程的发展和变更，原有GUI布局和风格不可避免发生变化，需要进行布局重排。

导致GUI布局重排的原因主要有以下两种：一、GUI控件调整，包括在已有布局上新增、删除组件，或调整组件的绝对位置，由此引起GUI布局中大量GUI控件的重新调整；二、界面的可视面积发生变化，从而使得原有内容无法适应新的组件容器。面对因局部调整GUI控件而引起的布局重排，现有技术没有考虑控件之间的关联性约束，重排后的布局存在GUI控件的交叉和截断的问题，使得用户无法理解控件的含义，使用很不方便。

发明内容

本发明实施例提供了一种自适应的图形用户界面构建装置及方法，用以解决因GUI控件局部调整和业务需求变化而进行的GUI布局重排问题。

本发明的目的之一是，提供一种自适应的图形用户界面构建方法，该方法包括：接收用户输入的资源文件和界面框架模板文件；将所述的资源文件分解为数据项记录，根据用户输入的控件属性设置指令对所述数据项记录中的控件属性和控件之间的关联关系进行设置，生成GUI控件资源；将GUI控件资源中具有坐标位置属性的GUI控件资源封装成坐标资源对象，并将GUI控件资源中不具有坐标位置属性的GUI控件资源封装成非坐标资源对象，并将坐标资源对象和非坐标资源对象翻译成对应的GUI对象进行存储；读取GUI对象，按照适应GUI布局的顺序将GUI对象作为逻辑节点插入到基于界面框架模板文件的资源树中；接收用户输入的控件位置设置指令，并根据控件位置设置指令对资源树中GUI对象的坐标位置数据进行设置；将设置后的资源树翻译为GUI布局，并显示GUI布局。

本发明的目的之一是，提供一种自适应的图形用户界面构建装置，该装置包括：文件接收单元，用于接收用户输入的资源文件和界面框架模板文件；控件属性设置单元，用于将所述的资源文件分解为数据项记录，根据用户输入的控件属性设置指令对所述数据项记录中的控件属性和控件之间的关联关系进行设置，生成GUI控件资源；GUI对象存储单元，用于将GUI控件资源中具有坐标位置属性的GUI控件资源封装成坐标资源对象，并将GUI控件资源中不具有坐标位置属性的GUI控件资源封装成非坐标资源对象，并将坐标资源对象和非坐标资源对象翻译成对应的GUI对象进行存储；资源树生成单元，用于读取GUI对象，按照适应GUI布局的顺序将GUI对象作为逻辑节点插入到基于界面框架模板文件的资源树中；控件位置设置单元，用于接收用户输入的控件位置设置指令，并根据控件位置设置指令对资源树中GUI对象的坐标位置数据进行设置；GUI布局显示单元，用于将设置后的资源树翻译为GUI布局，并显示GUI布局。

本发明解决了因为业务需求变化而需要进行GUI布局重排时产生的效率低下、控件位置交叉和信息截断、不关心控件关联关系，以及无法自适应调整GUI控件布局的问题，本发明的有益效果在于：

一、针对由于业务变化和界面重新设计导致的GUI布局重排，本发明通过GUI布局调整能够自适应地对GUI控件的布局进行适配，并且提供最适合的显示效果，有效解决了控件交叉和信息截断问题，使得本发明具有极大的实用性，有效提高了图形用户界面布局的构建效率。

二、本发明对于具有关联关系的GUI控件和非关联关系的GUI控件，在GUI布局构建中予以区别对待，使得具有关联关系的GUI控件之间的关系更加紧密，能够显示最符合客户需求的GUI布局。

附图说明

为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。

图1为本发明实施例自适应的图形用户界面构建方法流程图；

图2为本发明实施例控件属性设置界面示意图；

图3为本发明实施例控件之间的关联关系示意图；

图4为本发明实施例资源树结构示意图；