[发明专利]一种布局文件生成方法、装置、设备以及存储介质

说明书

本申请提供一种布局文件生成方法、装置、设备以及存储介质，所述布局文件生成方法，包括：获取界面设计文件；根据所述界面设计文件中的图层信息进行组件识别，得到目标组件对应的组件描述文件，所述目标组件为显示于目标平台的界面上的组件，所述组件描述文件为对所述目标组件进行描述的文件；根据所述组件描述文件得到所述目标平台的界面布局文件。在一定程度上提高了界面布局文件的生成效率。

技术领域

本申请涉及界面处理技术领域，具体而言，涉及一种布局文件生成方法、装置、设备以及存储介质。

背景技术

传统移动端APP的开发流程是项目经理整理需求之后选择所需要的功能，设计交互流程并给出产品设计原型图，产品设计原型图交由交互工程师和设计工程师产生App的设计原稿，这个设计原稿就是App开发人员需要实现的效果。

设计工程师主要使用Photo shop来开发产品设计图，然后对产品设计图上的字体大小、颜色、组件边距、圆角度数等进行标记，得到设计原稿，然后将设计原稿发给不同平台的APP开发人员，不同平台的APP开发人员根据设计原稿手动创建布局文件，然后，根据布局文件进行渲染即可得到APP界面。具体的，不同平台的APP开发人员会根据设计原稿在布局文件中实现每个组件的创建和调整，比如，设计原稿中包含一个文本组件，则某个平台的APP开发人员需要在布局文件中对该文本组件的页边距、字体颜色、大小等信息进行创建，初步的布局文件生成之后，还需要该平台的APP开发人员进行确认，如果有问题，还需要手动调整。

由此可见，当需要得到多个平台的界面时，需要各个平台的APP开发人员分别去看设计原稿，然后根据设计原稿手动创建相应平台的布局文件，从而导致界面布局文件的生成效率低下。

发明内容

基于此，提出一种能够较好的实现图像对齐的布局文件生成方法、装置、设备以及存储介质，以解决现有技术中存在的生成布局文件花费大量时间的问题。

第一方面，提供了一种布局文件生成方法，包括：

获取界面设计文件；

根据所述界面设计文件中的图层信息进行组件识别，得到目标组件对应的组件描述文件，所述目标组件为显示于目标平台的界面上的组件，所述组件描述文件为对所述目标组件进行描述的文件；

根据所述组件描述文件得到所述目标平台的界面布局文件。

上述布局文件生成方法，首先获取界面设计文件；然后根据所述界面设计文件中的图层信息进行组件识别，得到目标组件对应的组件描述文件，所述目标组件为显示于目标平台的界面上的组件，所述组件描述文件为对所述目标组件进行描述的文件；最后根据所述组件描述文件得到所述目标平台的界面布局文件。可见，由于根据界面设计文件中的图层信息进行了组件识别，得到了目标组件对应的组件描述文件，因此，在需要生成不同平台的界面布局文件的时候，便可以根据目标组件对应的组件描述文件直接格式转换即可得到该平台的界面布局文件，相较于现有技术中根据设计原稿得到不同平台的界面布局文件的方式，由于不再需要各个平台的开发人员分别对界面设计文件进行组件的识别和手动创建界面布局文件，所以，在一定程度上节约了人力成本、提高了界面布局文件的生成效率。

在一个实施例中，所述图层信息中包括图层命名；

所述根据所述界面设计文件中的图层信息进行组件识别，得到目标组件对应的组件描述文件，包括：

根据所述界面设计文件中的每个图层的图层命名，得到所述图层对应的目标组件；

根据所述图层对应的目标组件，得到组件描述文件。

上述实施例，由于图层命名多数情况下是根据组件能够实现的功能命名的，因此，当图层有图层命名的时候，可以根据图层命名，确定该图层对应的目标组件的类别，从而实现了目标组件的简单确定。

在一个实施例中，所述图层信息中包括组信息；