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

说明书

本发明实施例提供一种界面处理方法、装置及终端，其中的方法包括：获取前端界面的设计文件，所述设计文件包括所述前端界面中的元素的图层数据结构及位置信息；根据所述设计文件获取所述前端界面布局所需的控件信息，所述控件信息包括控件的属性及控件之间的关系；按照所述控件信息生成所述前端界面的通用布局文件；将所述前端界面的通用布局文件转换为目标平台的目标布局文件。本发明能够提高前端界面的开发效率。

技术领域

本申请涉及计算机技术领域，尤其涉及一种界面处理方法、一种界面处理装置及一种终端。

背景技术

前端界面又可称作UI(User Interface，用户界面)，通常需要在各种类型的平台展示，例如前端界面需要在web(网页)、H5(超文本标记语言5.0)、Android(安卓，一种开源操作系统)、iOS(苹果公司的移动操作系统)等平台进行展示。通常，前端界面在设计完成后需要将设计稿交付给开发人员，由开发人员针对各种平台分别编写代码以还原前端界面的设计布局框架，从而在各种平台中展示前端界面；但发明人实践中发现，现有要实现前端界面在各种平台的显示时，需要开发人员针对各种平台分别手动编写代码实现，开发效率低，且无法保证前端界面的显示效果。

发明内容

本发明实施例提供一种界面处理方法、装置及终端，能够提高前端界面的开发效率。

一方面，本发明实施例提供一种界面处理方法，包括：

获取前端界面的设计文件，所述设计文件包括所述前端界面中的元素的图层数据结构及位置信息；

根据所述设计文件获取所述前端界面布局所需的控件信息，所述控件信息包括控件的属性及控件之间的关系；

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

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

另一方面，本发明实施例提供一种界面处理装置，包括：

设计文件获取单元，用于获取前端界面的设计文件，所述设计文件包括所述前端界面中的元素的图层数据结构及位置信息；

控件信息获取单元，用于根据所述设计文件获取所述前端界面布局所需的控件信息，所述控件信息包括控件的属性及控件之间的关系；

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

转换单元，用于将所述前端界面的通用布局文件转换为目标平台的目标布局文件。

再一方面，本发明实施例提供一种终端，包括：

处理器，所述处理器适于实现一条或多条指令；以及，

计算机存储介质，所述计算机存储介质存储有一条或多条指令，所述一条或多条指令适于由所述处理器加载并执行如权利要求1-8任一项所述的界面处理方法。

本发明实施例中，通过获取前端界面的设计文件，所述设计文件包括所述前端界面中的元素的图层数据结构及位置信息；根据所述设计文件获取所述前端界面布局所需的控件信息，所述控件信息包括控件的属性及控件之间的关系；按照所述控件信息生成所述前端界面的通用布局文件；将所述前端界面的通用布局文件转换为目标平台的目标布局文件；可见，本实施例根据设计文件自动生成通用布局文件，该通用布局文件经过简单的转换即可得到适配于各种平台的布局文件，从而可在各种平台中显示前端界面，通用性较高，无需开发人员手动进行繁琐的代码编写，开发效率高。

附图说明

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