[发明专利]一种界面文件的生成方法及装置

说明书

本发明实施例提供了一种界面文件的生成方法及装置，所述方法包括：获取待生成界面的PSD文件；对所述PSD文件的图层进行解析，得到图层的层级关系、图层属性及自定义属性的集合；按照约定规则对所述自定义属性的集合进行格式化解读，得到图层自定义属性信息；根据所述图层的层级关系、图层属性以及图层自定义属性信息遍历对应图层的自定义数据模型dataModel，按照图层结构打印所有图层的信息，生成带有结构层次的属性结果；将所述属性结果保存为扩展标记语言文件，以便于对用户界面进行布局。本发明实施例充分利用PSD文件的图层信息，减少UI设计师与研发人员工作的冗余，并且提高定制化界面的生成效率。

技术领域

本发明涉及终端页面处理技术领域，特别是涉及一种界面文件的生成方法及装置。

背景技术

在软件的发展中，优美软件界面的展示离不开研发人员与用户界面（UI，UserInterface）设计师的功劳。一般情况下，两者分工大致如下：UI设计师在兼顾软件程序场景的情况下，设计出整体的PSD(Photoshop Document)格式文件（即图稿），其中，PSD是图像处理软件Photoshop的专用格式。这种格式可以存储Photoshop中所有的图层，通道、参考线、注解和颜色模式等信息。在保存图像时，若图像中包含有层，则一般都用Photoshop（PSD）格式保存。并为研发提供局部的切图；研发人员则是参照局部切图，根据不同移动平台，书写视图逻辑，拼凑成一个完整的场景。然而，上述过程中，PSD文件中的图层信息被忽略，导致研发人员往往需要将UI组件的坐标调整多次才能达到设计师期望的效果。

因此，如何充分利用PSD文件的图层信息，减少UI设计师与研发人员工作的冗余，是目前有待解决的技术问题。

发明内容

本发明实施例所要解决的技术问题是提供一种界面文件的生成方法，以解决现有技术中由于PSD文件中的图层信息被忽略，导致UI设计师与研发人员的工作效率低的技术问题。

相应的，本发明实施例还提供了一种界面文件的生成装置，用以保证上述方法的实现及应用。

为了解决上述问题，本发明是通过如下技术方案实现的：

第一方面提供一种界面文件的生成方法，包括：

获取待生成界面的PSD文件；

对所述PSD文件的图层进行解析，得到图层的层级关系、图层属性及自定义属性的集合；

按照约定规则对所述自定义属性的集合进行格式化解读，得到图层自定义属性信息；

根据所述图层的层级关系、图层属性以及图层自定义属性信息遍历对应图层的自定义数据模型dataModel，按照图层结构打印所有图层的信息，生成带有结构层次的属性结果；

将所述带有结构层次的属性结果保存为扩展标记语言文件，以便于对用户界面进行布局。

可选的，所述对所述PSD文件的图层进行解析，得到图层的层级关系、图层属性及自定义属性的集合，包括：

按照文件格式对待生成界面的PSD文件进行分析，得到section；

利用python图像处理标准库对所述section的图层进行分析，得到存在嵌套关系的视图组；

调用图层layer 相关的API对所述视图组每个图层进行处理，得到所述图层的层级关系，所述层级关系包括：父图层与所有的子图层之间的关系；

遍历所述视图组的子图层，得到对应图层的排版信息的相关属性以及自定义属性的集合。

可选的，所述按照约定规则对所述自定义属性的集合进行格式化解读，得到图层自定义属性信息，包括：

将所述自定义属性的集合输入到对应图层的自定义dataModel中；