[发明专利]一种页面布局文件生成方法及装置

权利要求书

1.一种页面布局文件生成方法，其特征在于，包括：

获取目标图像文件，所述目标图像文件包括多个图层，以及获取所述多个图层的分组信息，所述分组信息用于指示各个图层所属的图层组，以及各个图层组之间组织关系；

根据所述各个图层组各自对应的在所述目标图像文件所表征的图形用户界面中的布局区域、所述各个图层组各自对应的布局区域之间的布局关系、所述各个图层各自对应的控件属性以及所述各个图层各自对应的布局信息生成页面布局文件，所述页面布局文件经过编译运行会产生所述图形用户界面；所述页面布局文件包括两部分代码：表征页面布局样式的框架布局代码和用于布局控件的代码，其中，用于布局控件的代码填充在框架布局代码中；

其中，所述各个图层组各自对应的在所述目标图像文件所表征的图形用户界面中的布局区域由所述各个图层组各自包含的图层的布局信息确定，所述图层的布局信息包括所述图层在所述图形用户界面中的大小和位置；所述各个图层组各自对应的布局区域之间的布局关系由所述各个图层组之间的组织关系确定；所述各个图层各自对应的控件属性由输入的配置操作指定。

2.如权利要求1所述的方法，其特征在于，所述根据所述各个图层组各自对应的在所述目标图像文件所表征的图形用户界面中的布局区域、所述各个图层组各自对应的布局区域之间的布局关系、所述各个图层各自对应的控件属性以及所述各个图层各自对应的布局信息生成页面布局文件，包括：

根据所述各个图层组各自对应的在所述目标图像文件所表征的图形用户界面中的布局区域、所述各个图层组各自对应的布局区域之间的布局关系生成框架布局代码；

根据所述各个图层各自对应的控件属性、所述各个图层各自对应的布局信息生成用于布局所述各个图层各自对应的控件的代码；所述各个图层各自对应的控件由所述各个图层各自对应的控件属性所表征；

根据所述框架布局代码和用于布局所述各个图层各自对应的控件的代码生成所述页面布局文件。

3.如权利要求2所述的方法，其特征在于，所述根据所述各个图层组各自对应的在所述目标图像文件所表征的图形用户界面中的布局区域、所述各个图层组各自对应的布局区域之间的布局关系生成框架布局代码，包括：

根据所述各个图层组各自对应的布局区域生成用于布局所述各个图层组各自对应的布局区域的代码；

根据所述各个图层组各自对应的布局区域之间的布局关系，将用于布局所述各个图层组各自对应的布局区域的代码组成所述框架布局代码。

4.如权利要求3所述的方法，其特征在于，所述根据所述框架布局代码和用于布局所述各个图层各自对应的控件的代码生成所述页面布局文件，包括：

将用于布局所述各个图层各自对应的控件的代码，填充到所述框架布局代码中用于布局所述各个图层各自所属图层组对应的布局区域的代码中，从而生成所述页面布局文件。

5.如权利要求1-4中任一项所述的方法，其特征在于，在所述获取目标图像文件，以及所述获取所述多个图层的分组信息之后，所述方法还包括：

根据所述各个图层组之间的组织关系分层显示所述各个图层组，其中，同一图层组中的图层被按照图层在所述目标图像文件中的堆叠顺序进行分层显示。