区域以及所述 各个图层对应的布局区域之间布局关系确定。
[0133] 本发明实施例涉及的页面布局文件包括两部分代码：表征页面布局样式的框架布 局代码和用于布局控件的代码，其中，用于布局控件的代码填充在框架布局代码中。
[0134] 本发明实施例中，所述页面布局文件经过编译运行会产生所述目标图像文件表征 的图形用户界面。
[0135] 进一步的，生成单元803可包括：第一生成子单元、第二生成子单元和第三生成子 单元，其中：
[0136] 所述第一生成子单元，用于根据所述各个图层组各自对应的在所述目标图像文件 所表征的图形用户界面中的布局区域、所述各个图层组各自对应的布局区域之间的布局关 系生成框架布局代码；
[0137] 所述第二生成子单元，用于根据所述各个图层各自对应的控件属性、所述各个图 层各自对应的布局信息生成用于布局所述各个图层各自对应的控件的代码；所述各个图层 各自对应的控件由所述各个图层各自对应的控件属性所表征；
[0138] 所述第三生成子单元，用于根据所述框架布局代码和用于布局所述各个图层各自 对应的控件的代码生成所述页面布局文件。
[0139] 具体的，所述第一生成子单元可具体用于：根据所述各个图层组各自对应的布局 区域生成用于布局所述各个图层组各自对应的布局区域的代码；根据所述各个图层组各自 对应的布局区域之间的布局关系，将用于布局所述各个图层组各自对应的布局区域的代码 组成所述框架布局代码。
[0140] 本发明实施例中，所述框架布局代码经过编译运行会产生所述目标图像文件设计 的页面布局样式。
[0141] 具体的，所述第三生成子单元可具体用于：将用于布局所述各个图层各自对应的 控件的代码，填充到所述框架布局代码中用于布局所述各个图层各自所属图层组对应的布 局区域的代码中，从而生成所述页面布局文件。
[0142] 需要说明的，在实际生成所述页面布局文件时，开发人员可以根据实际的开发语 言和开发平台来实现代码转化，这里不作限制。
[0143] 进一步的，在将用于布局所述各个图层各自对应的控件的代码，填充到所述框架 布局代码中用于布局所述各个图层各自所属图层组对应的布局区域的代码中之前，所述第 三生成子单元还可以分析出所述各个图层各自所属图层组对应的布局区域的布局方式，用 以在用于布局所述布局区域的代码中设置所述布局方式，可实现将所述目标图像文件转换 成更为准确具体的页面布局文件。
[0144] 更进一步的，如图9所示，装置80在包括：获取单元801，生成单元803外，还包括： 显示单元805,用于在获取单元801获取目标图像文件，以及获取所述多个图层的分组信息 之后，根据所述各个图层组之间的组织关系分层显示所述各个图层组，其中，同一图层组中 的图层被按照图层在所述目标图像文件中的堆叠顺序进行分层显示。
[0145] 在本发明实施例的一种实现方式中，在分层展示所述多个图层时，显示单元805 可输出用户配置图层对应的控件属性的用户界面，可提高用户配置控件属性的便捷性和直 观性。例如，图7的右侧菜单栏提供了用户设置左侧图层对应的控件属性的控件704。示例 仅仅是本发明实施例的一种实现方式，实际应用中，不应构成限定。
[0146] 可以理解的，装置80中各功能模块的功能可根据图2方法实施例中的方法具体实 现，这里不再赘述。
[0147] 为了便于实施本发明实施例，本发明提供了一种终端，用于实现图2实施例所述 的页面布局文件生成方法。参见图10,终端100可包括：基带芯片100、存储器105 (可包括 一个或多个计算机可读存储介质）、射频（RF)模块106、外围系统107、显示器（IXD) 113、摄 像头114、音频电路115、触摸屏116以及传感器117 (可包括一个或多个传感器）。其中，基 带芯片100可集成包括：一个或多个处理器101、时钟模块102以及电源管理模块103。这 些部件可在一个或多个通信总线104上通信。
[0148] 应当理解，终端100仅为本发明的一个例子，并且，终端100可具有比示出的部件 更多或更少的部件，可以组合两个或更多个部件，或者可具有部件的不同配置实现。
[0149] 存储器105与处理器101耦合，用于存储各种软件程序和/或多组指令。具体实 现中，存储器105可包括高速随机存取的存储器，并且也可包括非易失性存储器，例如一个 或多个磁盘存储设备、闪存设备或其他非易失性固态存储设备。
[0150] 射频（RF)模块106用于接收和发送射频信号。射频（RF)模块106通过射频信号 与通信网络和其他通信设备通信。具体实现中，射频（RF)模块106可包括但不限于：天线 系统、RF收发器、一个或多个放大器、调谐器、一个或多个振荡器、数字信号处理器、CODEC 芯片、S頂卡和存储介质等。在一些实施例中，可在单独的芯片上实现射频（RF)模块106。
[0151] 外围系统107主要用于实现终端100和用户/外部环境之间的交互功能，主要包 括终端200的输入输出装置。具体实现中，外围系统107可包括：显示器（IXD)控制器108、 摄像头控制器109、音频控制器110、触摸屏控制器111以及传感器管理模块112。其中，各 个控制器可与各自对应的外围设备耦合。在一些实施例中，外围系统107还可以包括其他 I/O外设的控制器。
[0152] 集成于基带芯片100中的时钟模块102主要用于为处理器101产生数据传输和时 序控制所需要的时钟。集成于基带芯片100中的电源管理模块103主要用于为处理器101、 射频模块106以及外围系统提供稳定的、高精确度的电压。集成于基带芯片100中的处理 器101主要用于调用存储于存储器105中的布局文件生成程序，并执行如下步骤：
[0153] 获取目标图像文件，所述目标图像文件包括多个图层，以及获取所述多个图层的 分组信息，所述分组信息用于指示各个图层所属的图层组，以及各个图层组之间组织关 系；
[0154] 根据所述各个图层组各自对应的在所述目标图像文件所表征的图形用户界面中 的布局区域、所述各个图层组各自对应的布局区域之间的布局关系、所述各个图层各自对 应的控件属性以及所述各个图层各自对应的布局信息生成页面布局文件，所述页面布局文 件经过编译运行会产生所述图形用户界面；
[0155] 其中，所述各个图层组各自对应的在所述目标图像文件所表征的图形用户界面中 的布局区域由所述各个图层组各自包含的图层的布局信息确定，所述图层的布局信息包括 所述图层在所述图形用户界面中的大小和位置；所述各个图层组各自对应的布局区域之间 的布局关系由所述各个图层组之间的组织关系确定；所述各个图层各自对应的控件属性由 输入的配置操作指定。
[0156] 本发明实施例中，一个图层组在用户界面上对应一个布局区域，所述布局区域可 以根据所述图层组包含的图层的布局信息来确定。
[0157] 需要说明的，一个图层组可包含图层或者子图层组。本发明实施例中，如果一个图 层组包含子图层组，那么，可将所述子图层组中的图层作为所述图层组中的图层。
[0158] 应当理解的，在确定该图层组对应的布局区域之前，处理器101需要确定出该图 层组包含的所有图层的布局信息。
[0159] 例如，如图3A所示，一个图层组包括子图层组A、图层B、图层C、图层D。其中，子 图层组A包括图层1和图层2。具体实现中，处理器101可以根据图层1和图层2的布局信 息确定出子图层组A的布局信息，并结合图层B、图层C、图层D各自的布局信息确定出该图 层组对应的布局区域（虚线框所示）。
[0160] 本发明实施例中，处理器101可以通过图像识别技术获取图层的布局信息，也可 以从所述目标图像文件携带的各个图层的布局参数获取图层的布局信息（如Photoshop中 记录的图层的大小、位置参数），这里不作限制。
[0161] 可以理解的，处理器101确定出图层组对应的布局区域则可获知所述图层组对应 的布局区域的布局信息（大小和位置）。从代码生成的角度来说，处理器101可以根据图层 组对应的布局区域的布局信息生成针对所述布局区域的布局代码。
[0162] 本发明实施例中，所述各个图层组之间组织关系可以如图4A所示通过文件夹的 目录结构体现。实际应用中，除了通过文件夹的组织结构，所述各个图层组之间组织关系还 可以通过其他数据结构来表示，例如图层树，这里不作限制。
[0163] 本发明实施例涉及的页面布局样式可由所述各个图层各自对应的布局区域以及 所述各个图层对应的布局区域之间的布局关系决定。
[0164] 本发明实施例涉及的页面布局文件包括两部分代码：表征页面布局样式的框架布 局代码和用于布局控件的代码，其中，用于布局控件的代码填充在框架布局代码中。
[0165] 本发明实施例中，所述页面布局文件经过编译运行会产生所述目标图像文件表征 的图形用户界面。
[0166] 具体实现中，处理器101可以根据所述各个图层组各自对应的布局区域生成用于 布局所述各个图层组各自对应的布局区域的代码，并根据所述各个图层组各自对应的布局 区域之间的布局关系，将用于布局所述各个图层组各自对应的布局区域的代码组成所述框 架布局代码。
[0167] 本发明实施例中，所述框架布局代码经过编译运行会产生所述目标图像文件设计 的页面布局样式。
[0168] 具体实现中，在确定所述各个图层各自对应的控件属性之后，处理器101可以根 据所述各个图层各自对应的控件属性、所述各个图层各自对应的布局信息生成用于布局所 述各个图层各自对应的控件的代码。其中，所述各个图层各自对应的控件由所述各个图层 各自对应的控件属性所表征。
[0169] 具体实现中，在生成表征页面布局样式的框架布局代码和用于布局所述各个图层 各自对应的控件的代码之后，处理器101可以利用所述框架布局代码和用于布局所述各个 图层各自对应的控件的代码组合生成所述页面布局文件。
[0170] 具体的，处理器101可以将用于布局所述各个图层各自对应的控件的代码，填充 到所述框架布局代码中用于布局所述各个图层各自所属图层组对应的布局区域的代码中， 从而生成所述页面布局文件。
[0171] 进一步的，在将用于布局所述各个图层各自对应的控件的代码，填充到所述框架 布局代码中用于布局所述各个图层各自所属图层组对应的布局区域的代码中之前，处理器 101还可以分析出所述各个图层各自所属图层组对应的布局区域的布局方式，用以在用于 布局所述布局区域的代码中设置所述布局方式，可实现将所述目标图像文件更为准确具体 的转换成页面布局文件。