[发明专利]GUI界面自动创建方法及系统

说明书

技术领域

本发明涉及UI(用户界面)界面处理技术领域，尤其涉及的是一种GUI界面自动创建方法及系统。

背景技术

图形用户界面(Graphical User Interface，简称GUI，又称图形用户接口)是指采用图形方式显示的计算机操作用户界面。与早期计算机使用的命令行界面相比，图形界面对于用户来说在视觉上更易于接受。GUI广泛应用于手机通讯移动产品、电脑操作平台、软件产品、PDA产品等领域，是当今计算机发展的重大成就之一，它极大地方便了非专业用户的使用。

传统的GUI(Graphical User Interface，图形用户界面)软件开发一般是先由UI设计师进行界面设计，而后交给软件工程师来通过GUI应用软件进行开发，最终在需要的位置进行该界面的显示。而软件工程师并非是UI设计师，关于UI界面的诸多要素并不十分了解，在开发过程中UI设计时需要提供较多的信息给软件工程师，软件工程师需根据信息来一一对照着进行开发，整体开发过程效率极低。

发明内容

本发明所要解决的技术问题是提供一种GUI界面自动创建方法及系统，可自动化地对UI界面中的要素信息进行配置，提高界面开发的自动化程度，效率较高。

为解决上述问题，本发明提出一种GUI界面自动创建方法，包括以下步骤：

S1：在生成包含若干图层的UI设计文件过程中，同时在所述UI设计文件中生成图层坐标信息、图层类别信息及文字属性信息，所述图层包括图像图层和文字图层；

S2：导入所述UI设计文件，切割图层，并根据图层类别信息得到对应图层的图片或文字；

S3：提取所述图层坐标信息，确定图片在界面中的位置，计算图片的矩形信息，将图片保存为图片文件，并将图片的矩形信息存入配置文件；

S4：提取所述图层坐标信息，确定文字在界面中的位置，计算文字的位置信息，分析文字并保存为文本文件，并提取文字属性信息，与所述位置信息一同存入配置文件；

S5：导出配置文件；

S6：将配置文件导入GUI应用程序中，通过配置解析模块解析其中的图片对象和文字对象及对应的配置信息，将解析结果传入GUI创建器；

S7：GUI创建器实时获取对应的图片文件和/或文本文件，并根据解析结果以相应配置动态地创建GUI界面。

根据本发明的一个实施例，所述步骤S1中，同时在所述UI设计文件中根据图层的设定顺序生成图层列表；

所述步骤S2中，提取并分析图层列表，根据图层列表中的顺序，遍历所有图层并切割图层，将顺序写入到对应图层的图片或文字的文件名称的指定位置中；

所述步骤S7中，根据指定位置查询文件，根据文件名称中的顺序信息获取对应的图片文件和/或文本文件。

根据本发明的一个实施例，每个界面对应具有一个配置文件及相应的资源文件，所述资源文件包括图片文件和/或文本文件；

所述步骤S7中，根据文件名称中的顺序信息获取对应的图片文件和/或文本文件，在读取对应的配置文件时，同时将该配置文件所对应的全部资源文件及相应配置信息一同获取。

根据本发明的一个实施例，界面对应于一个图层或两个以上图层；在界面对应于两个以上图层时，图层之间存在绑定关系，根据该绑定关系生成配置文件。

根据本发明的一个实施例，所述步骤S3中，还将图片文件的文件名称写入到配置文件中，与其对应的配置信息相关联；所述步骤S4中，还将文本文件的文件名称写入到配置文件中，与其对应的配置信息相关联。

根据本发明的一个实施例，所述配置文件中，各个图层的配置信息键值是以文件名称追加相应配置信息确定的属性名称组成的字符串。

根据本发明的一个实施例，所述UI设计文件为PSD素材文件，所述步骤S2-S4通过脚本来执行，执行环境由PhotoShop提供。

本发明还提供一种GUI界面自动创建系统，包括：

设计信息生成模块，执行在生成包含若干图层的UI设计文件过程中，同时在UI设计文件中生成图层坐标信息、图层类别信息及文字属性信息，所述图层包括图像图层和文字图层；

图层切割模块，执行导入所述UI设计文件，切割图层，并根据图层类别信息得到对应图层的图片或文字；

图片处理模块，执行提取所述图层坐标信息，确定图片在界面中的位置，计算图片的矩形信息，将图片保存为图片文件，并将图片的矩形信息存入配置文件；