[发明专利]一种界面处理方法、装置及终端

权利要求书

1.一种界面处理方法，其特征在于，包括：

获取前端界面的设计文件，所述设计文件包括所述前端界面中的元素的图层数据结构及位置信息；元素的图层数据结构包括父图层及从属于所述父图层的子图层；元素的位置信息包括第一位置信息或第二位置信息；所述第一位置信息用于描述所述元素在所述前端界面中的绝对位置；所述第二位置信息用于描述所述元素在所述前端界面中的相对位置；其中，针对所述前端界面中的任一元素，若所述任一元素未被进行位置标注操作，则所述设计文件中所述任一元素的位置信息为所述任一元素的第一位置信息；若所述任一元素被执行位置标注操作，则所述设计文件中所述任一元素的位置信息是标注后得到的所述任一元素的第二位置信息；在完成所述前端界面的设计稿之后显示配置按钮以对所述设计稿中的自适应调整的元素进行标注；当所述配置按钮被点击后，同时显示所述前端界面的设计稿和标注列表，所述标注列表包括了多个标注项，通过所述标注项来对所述任一元素执行所述位置标注操作；

对所述元素的图层数据结构进行精简；

根据所述元素的位置信息及精简后的所述元素的图层数据结构，获取所述前端界面布局所需的控件信息，所述控件信息包括控件的属性及控件之间的关系；

按照所述控件信息生成所述前端界面的通用布局文件；

将所述前端界面的通用布局文件转换为目标平台的目标布局文件；

其中，所述对所述元素的图层数据结构进行精简，包括：

若子图层的数量为零，则从所述元素的图层数据结构中剔除所述父图层；或者，

若所述子图层中包括用于描述所述元素的风格属性的风格图层，则将所述风格图层合并至所述父图层；或者，

若子图层的数量为1，则将所述子图层与所述父图层进行合并。

2.如权利要求1所述的方法，其特征在于，所述获取前端界面的设计文件，包括：

获取前端界面的设计稿，并获取所述前端界面中的元素的图层数据结构；

从所述设计稿识别出所述元素的第一位置信息；

若检测到对所述元素的位置标注操作，响应于所述位置标注操作，获取所述元素被标注的第二位置信息；

根据所述元素的图层数据结构及所述第一位置信息，或者根据所述元素的图层数据结构及所述第二位置信息，生成所述前端界面的设计文件。

3.如权利要求1所述的方法，其特征在于，所述通用布局文件包括领域专用语言文件；所述按照所述控件信息生成所述前端界面的通用布局文件，具体包括：按照领域专用语言的数据结构存储所述控件信息得到所述前端界面的通用布局文件。

4.如权利要求1所述的方法，其特征在于，所述将所述前端界面的通用布局文件转换为目标平台的目标布局文件，包括：

解析所述通用布局文件，得到所述控件信息；

按照所述控件信息在目标平台环境下进行模拟布局，得到模拟布局方案；

将所述模拟布局方案中的布局模板与参考布局模板进行匹配；

若匹配成功，则采用参考布局模板替换所述模拟布局方案中的布局模板，得到优化后的模拟布局方案；

根据优化后的模拟布局方案生成目标平台的目标布局文件，所述目标布局文件包括目标布局代码。

5.如权利要求1所述的方法，其特征在于，还包括：

在目标平台环境下执行所述目标布局文件以显示所述前端界面。