r>[0172] 优选的，为了使用户更加直观的获知所述目标图像文件所表征的图形用户界面中 各个界面元素的层级关系，在获取目标图像文件，以及所述获取所述多个图层的分组信息 之后，处理器101还可以根据所述各个图层组之间的组织关系通过显示器113(IXD)分层显 示所述各个图层组，其中，同一图层组中的图层被按照图层在所述目标图像文件中的堆叠 顺序进行分层显示。
[0173] 在本发明实施例的一种实现方式中，在通过显示器1130XD)分层展示所述多个 图层时，处理器101可以在显示器113(IXD)上显示用户配置图层对应的控件属性的用户界 面，可提高用户配置控件属性的便捷性和直观性。例如，在显示器1130XD)上显示图7所 示界面，其右侧菜单栏提供了用户设置左侧图层对应的控件属性的控件704。
[0174] 本发明实施例，所述配置操作可以是通过触摸屏116接收的触控操作、按键操作， 通过音频电路115接收的语音控制操作、通过传感器117中的运动传感器接收的体感操作 等等用于指定所述各个图层的控件属性的操作。
[0175] 例如，在选中待配置的图层之后，用户通过触摸屏116点击图7所示界面中的控件 704,并从界面上弹出的控件属性列表中通过点击某一项来指定该项对应的控件属性为所 述待配置图层的控件属性。
[0176] 示例仅仅是本发明实施例的一种实现方式，实际应用中还可以不同，不应构成限 定。
[0177] 可理解的是，处理器101的执行步骤还可参照图2方法实施例的内容，这里不再赘 述。
[0178] 综上所述，实施本发明实施例，通过根据目标图像文件包含的各个图层组各自对 应的布局区域和所述各个图层组各自对应的布局区域之间的布局关系、所述目标图像文件 包含的各个图层各自对应的控件属性、布局信息生成页面布局文件；其中，所述各个图层组 各自对应的布局区域由所述各个图层组各自包含的图层的布局信息确定；所述各个图层组 各自对应的布局区域之间的布局关系由所述各个图层组之间组织关系确定；所述各个图层 各自对应的控件属性由输入的配置操作指定。上述方案可实现直接根据目标图像文件生成 页面布局文件，提高了 GUI开发的效率，节约了开发成本。
[0179] 本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以 通过计算机程序来指令相关的硬件来完成，所述的程序可存储于计算机可读取存储介质 中，该程序在执行时，可包括如上述各方法的实施例的流程。其中，所述的存储介质可为磁 碟、光盘、只读存储记忆体（Read-Only Memory，ROM)或随机存储记忆体（Random Access Memory，RAM)等。
[0180] 以上所揭露的仅为本发明部分实施例而已，当然不能以此来限定本发明之权利范 围，本领域普通技术人员可以理解实现上述实施例的全部或部分流程，并依本发明权利要 求所作的等同变化，仍属于发明所涵盖的范围。
【主权项】
1. 一种页面布局文件生成方法，其特征在于，包括： 获取目标图像文件，所述目标图像文件包括多个图层，以及获取所述多个图层的分组 信息，所述分组信息用于指示各个图层所属的图层组，以及各个图层组之间组织关系； 根据所述各个图层组各自对应的在所述目标图像文件所表征的图形用户界面中的布 局区域、所述各个图层组各自对应的布局区域之间的布局关系、所述各个图层各自对应的 控件属性以及所述各个图层各自对应的布局信息生成页面布局文件，所述页面布局文件经 过编译运行会产生所述图形用户界面； 其中，所述各个图层组各自对应的在所述目标图像文件所表征的图形用户界面中的布 局区域由所述各个图层组各自包含的图层的布局信息确定，所述图层的布局信息包括所述 图层在所述图形用户界面中的大小和位置；所述各个图层组各自对应的布局区域之间的布 局关系由所述各个图层组之间的组织关系确定；所述各个图层各自对应的控件属性由输入 的配置操作指定。2. 如权利要求1所述的方法，其特征在于，所述根据所述各个图层组各自对应的在所 述目标图像文件所表征的图形用户界面中的布局区域、所述各个图层组各自对应的布局区 域之间的布局关系、所述各个图层各自对应的控件属性以及所述各个图层各自对应的布局 信息生成页面布局文件，包括： 根据所述各个图层组各自对应的在所述目标图像文件所表征的图形用户界面中的布 局区域、所述各个图层组各自对应的布局区域之间的布局关系生成框架布局代码； 根据所述各个图层各自对应的控件属性、所述各个图层各自对应的布局信息生成用于 布局所述各个图层各自对应的控件的代码；所述各个图层各自对应的控件由所述各个图层 各自对应的控件属性所表征； 根据所述框架布局代码和用于布局所述各个图层各自对应的控件的代码生成所述页 面布局文件。3. 如权利要求2所述的方法，其特征在于，所述根据所述各个图层组各自对应的在所 述目标图像文件所表征的图形用户界面中的布局区域、所述各个图层组各自对应的布局区 域之间的布局关系生成框架布局代码，包括： 根据所述各个图层组各自对应的布局区域生成用于布局所述各个图层组各自对应的 布局区域的代码； 根据所述各个图层组各自对应的布局区域之间的布局关系，将用于布局所述各个图层 组各自对应的布局区域的代码组成所述框架布局代码。4. 如权利要求3所述的方法，其特征在于，所述根据所述框架布局代码和用于布局所 述各个图层各自对应的控件的代码生成所述页面布局文件，包括： 将用于布局所述各个图层各自对应的控件的代码，填充到所述框架布局代码中用于布 局所述各个图层各自所属图层组对应的布局区域的代码中，从而生成所述页面布局文件。5. 如权利要求1-4中任一项所述的方法，其特征在于，在所述获取目标图像文件，以及 所述获取所述多个图层的分组信息之后，所述方法还包括： 根据所述各个图层组之间的组织关系分层显示所述各个图层组，其中，同一图层组中 的图层被按照图层在所述目标图像文件中的堆叠顺序进行分层显示。6. -种页面布局文件生成装置，其特征在于，包括： 获取单元，用于获取目标图像文件，所述目标图像文件包括多个图层，以及获取所述多 个图层的分组信息，所述分组信息用于指示各个图层所属的图层组，以及各个图层组之间 组织关系； 生成单元，用于根据所述各个图层组各自对应的在所述获取单元获取的目标图像文件 所表征的图形用户界面中的布局区域、所述各个图层组各自对应的布局区域之间的布局关 系、所述各个图层各自对应的控件属性以及所述各个图层各自对应的布局信息生成页面布 局文件，所述页面布局文件经过编译运行会产生所述图形用户界面； 其中，所述各个图层组各自对应的在所述目标图像文件所表征的图形用户界面中的布 局区域由所述各个图层组各自包含的图层的布局信息确定，所述图层的布局信息包括所述 图层在所述图形用户界面中的大小和位置；所述各个图层组各自对应的布局区域之间的布 局关系由所述各个图层组之间的组织关系确定；所述各个图层各自对应的控件属性由输入 的配置操作指定。7. 如权利要求6所述的装置，其特征在于，所述生成单元，包括：第一生成子单元、第二 生成子单元和第三生成子单元，其中： 所述第一生成子单元，用于根据所述各个图层组各自对应的在所述目标图像文件所表 征的图形用户界面中的布局区域、所述各个图层组各自对应的布局区域之间的布局关系生 成框架布局代码； 所述第二生成子单元，用于根据所述各个图层各自对应的控件属性、所述各个图层各 自对应的布局信息生成用于布局所述各个图层各自对应的控件的代码；所述各个图层各自 对应的控件由所述各个图层各自对应的控件属性所表征； 所述第三生成子单元，用于根据所述框架布局代码和用于布局所述各个图层各自对应 的控件的代码生成所述页面布局文件。8. 如权利要求7所述的装置，其特征在于，所述第一生成子单元，具体用于：根据所述 各个图层组各自对应的布局区域生成用于布局所述各个图层组各自对应的布局区域的代 码；根据所述各个图层组各自对应的布局区域之间的布局关系，将用于布局所述各个图层 组各自对应的布局区域的代码组成所述框架布局代码。9. 如权利要求8所述的装置，其特征在于，所述第三生成子单元，具体用于：将用于布 局所述各个图层各自对应的控件的代码，填充到所述框架布局代码中用于布局所述各个图 层各自所属图层组对应的布局区域的代码中，从而生成所述页面布局文件。10. 如权利要求6-9中任一项所述的装置，其特征在于，还包括：显示单元，用于在所述 获取单元获取目标图像文件，以及获取所述多个图层的分组信息之后，根据所述各个图层 组之间的组织关系分层显示所述各个图层组，其中，同一图层组中的图层被按照图层在所 述目标图像文件中的堆叠顺序进行分层显示。11. 一种终端，其特征在于，包括：存储器和与所述存储器耦合的处理器，其中，所述处 理器读取所述存储器中存储的指令，用于执行以下步骤： 获取目标图像文件，所述目标图像文件包括多个图层，以及获取所述多个图层的分组 信息，所述分组信息用于指示各个图层所属的图层组，以及各个图层组之间组织关系； 根据所述各个图层组各自对应的在所述目标图像文件所表征的图形用户界面中的布 局区域、所述各个图层组各自对应的布局区域之间的布局关系、所述各个图层各自对应的 控件属性以及所述各个图层各自对应的布局信息生成页面布局文件，所述页面布局文件经 过编译运行会产生所述图形用户界面； 其中，所述各个图层组各自对应的在所述目标图像文件所表征的图形用户界面中的布 局区域由所述各个图层组各自包含的图层的布局信息确定，所述图层的布局信息包括所述 图层在所述图形用户界面中的大小和位置；所述各个图层组各自对应的布局区域之间的布 局关系由所述各个图层组之间的组织关系确定；所述各个图层各自对应的控件属性由输入 的配置操作指定。
【专利摘要】本发明公开了一种页面布局文件生成方法及装置。该方法包括：获取包括多个图层的目标图像文件，以及所述多个图层的分组信息，所述分组信息用于指示各个图层所属的图层组，以及各个图层组之间组织关系；根据各个图层组各自对应的布局区域和所述各个图层组各自对应的布局区域之间的布局关系、各个图层各自对应的控件属性、布局信息生成页面布局文件；其中，所述各个图层组各自对应的布局区域由所述各个图层组各自包含的图层的布局信息确定；所述各个图层组各自对应的布局区域之间的布局关系由所述各个图层组之间组织关系确定；所述各个图层各自对应的控件属性由输入的配置操作指定。上述方案可提高了GUI开发的效率，节约开发成本。
【IPC分类】G06F9/44
【公开号】CN105354022
【申请号】CN201510672541
【发明人】潘健敏, 王华利, 郑维希
【申请人】华为技术有限公司
【公开日】2016年2月24日
【申请日】2015年10月16日