CN107741970A - 用于对主页面进行布局的方法和装置 - Google Patents

Abstract

本公开的实施例公开了一种用于对由至少一个子页面构成的主页面进行布局的方法，每个子页面具有对应的子页面控制器，该方法包括：接收针对相应子页面的页面内容；根据所接收的页面内容和预定的页面宽度来计算针对相应子页面的高度；以及向主页面控制器发送针对相应子页面的高度和相关联的标识符。

Description

用于对主页面进行布局的方法和装置

技术领域

本公开涉及数据处理领域，更具体地，涉及一种用于对由至少一个子页面构成的主页面进行布局的方法和装置。

背景技术

随着iOS硬件设备的更新，iOS系统硬件设备的屏幕也在不断增大，传统的基于列表的信息详情展示页面布局框架已经难以满足大屏幕情景下的展示需求。高度的动态变化、局部刷新、不同样式展示元素的扩展，都需要一种新的信息详情展示页面布局框架来支持。

因此，需要一种对iOS应用程序中的信息详情展示页面布局框架进行优化设计的方案，以主要应用于信息详情展示、楼层类页面展示和横竖屏切换场景下的至少一个子页面信息元素的展示。

发明内容

有鉴于此，本公开提供了一种用于对由至少一个子页面构成的主页面进行布局的方法和装置。

本公开的一个方面提供了一种用于对由至少一个子页面构成的主页面进行布局的方法，每个子页面具有对应的子页面控制器，所述方法包括：接收针对相应子页面的页面内容；根据所接收的页面内容和预定的页面宽度来计算针对所述相应子页面的高度；以及向主页面控制器发送针对所述相应子页面的高度和相关联的标识符。

根据本公开的实施例，所述方法还包括：当接收到针对所述相应子页面的页面内容的更新时，根据所接收的更新的页面内容和预定的页面宽度来计算针对所述相应子页面的高度；以及向主页面控制器发送针对所述相应子页面的高度和相关联的标识符。

根据本公开的实施例，所述标识符标识所述相应子页面在所述至少一个子页面中的排序。

本公开的另一个方面提供了一种用于对由至少一个子页面构成的主页面进行布局的方法，包括：接收所述至少一个子页面中的每一个子页面的高度和相关联的标识符；以及根据所接收的每一个子页面的高度和相关联的标识符来对所述主页面进行布局。

根据本公开的实施例，所述标识符标识所述每一个子页面在所述至少一个子页面中的排序。

根据本公开的实施例，根据所接收的每一个子页面的高度和相关联的标识符来对所述主页面进行布局包括：当接收到所述至少一个子页面中的一个或至少一个子页面的高度的更新和相关联的标识符时，确定所述一个或至少一个子页面中排序最小的子页面；以及根据所接收的更新的高度和相关联的标识符对所确定的子页面以及所述至少一个子页面中比所确定的子页面的排序更大的所有子页面进行重新布局。

根据本公开的实施例，根据所接收的每一个子页面的高度和相关联的标识符来对所述主页面进行布局包括：根据系统默认设置或者用户输入来设置所述主页面的显示样式以及所述至少一个子页面之间的间距；以及根据所述显示样式、所述间距、所接收的每一个子页面的高度和相关联的标识符来对所述主页面进行布局。

本公开的另一个方面提供了一种用于对由至少一个子页面构成的主页面进行布局的装置，所述装置包括至少一个子页面控制器，每个子页面具有对应的子页面控制器，每一个子页面控制器包括：接收模块，被配置为接收针对相应子页面的页面内容；计算模块，被配置为根据所接收的页面内容和预定的页面宽度来计算针对所述相应子页面的高度；以及发送模块，被配置为向主页面控制器发送针对所述相应子页面的高度和相关联的标识符。

根据本公开的实施例，所述计算模块被进一步配置为：当接收到针对所述相应子页面的页面内容的更新时，根据所接收的更新的页面内容和预定的页面宽度来计算针对相应子页面的高度；以及所述发送模块被进一步配置为向主页面控制器发送针对所述相应子页面的高度和相关联的标识符。

根据本公开的实施例，所述标识符标识所述相应子页面在所述至少一个子页面中的排序。

本公开的另一个方面提供了一种用于对由至少一个子页面构成的主页面进行布局的装置，所述装置包括：接收模块，被配置为接收所述至少一个子页面中的每一个子页面的高度和相关联的标识符；以及布局模块，被配置为根据所接收的每一个子页面的高度和相关联的标识符来对所述主页面进行布局。

根据本公开的实施例，所述标识符标识所述每一个子页面在所述至少一个子页面中的排序。

根据本公开的实施例，所述布局模块被进一步配置为：当接收到至少一个子页面中的一个或至少一个子页面的高度的更新和相关联的标识符时，确定所述一个或至少一个子页面中排序最小的子页面；以及根据所接收的更新的高度和相关联的标识符对所确定的子页面以及所述至少一个子页面中比所确定的子页面的排序更大的所有子页面进行重新布局。

根据本公开的实施例，所述布局模块被进一步配置为：根据系统默认设置或者用户输入来设置所述主页面的显示样式以及所述至少一个子页面之间的间距；以及根据所述显示样式、所述间距、所接收的每一个子页面的高度和相关联的标识符来对所述主页面进行布局。

本公开的另一个方面提供了一种计算机可读存储介质，其上存储有可执行指令，该指令被处理器执行时使处理器执行上述的方法。

本公开的另一个方面提供了一种用于对由至少一个子页面构成的主页面进行布局的服务器，包括：一个或多个处理器；存储装置，用于存储一个或多个程序，其中，当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现上述的方法。

根据本公开的实施例，当一个或多个子页面的内容发生变化时，只需要对发生内容改变的子页面以及该子页面下方的子页面的布局进行更新，既可以完成整个主页面的更新，这大大提高了主页面布局的效率。

附图说明

通过以下参照附图对本公开实施例的描述，本公开的上述以及其他目的、特征和优点将更为清楚，在附图中：

图1示出了传统的用于对由至少一个子页面构成的主页面进行布局的框架；以及

图2示出了可以应用本公开实施例的用于对由至少一个子页面构成的主页面进行布局的方法和装置的示例性系统架构200；

图3示意性示出了根据本公开实施例的用于对由至少一个子页面构成的主页面进行布局的方法300的流程图；

图4示意性地示出了根据本公开实施例的在子页面控制器处用于对由至少一个子页面构成的主页面进行布局的装置400的框图；

图5示意性地示出了根据本公开实施例的在布局控制器处用于对由至少一个子页面构成的主页面进行布局的装置500的框图；以及

图6示出了适于用来实现本公开实施例的终端设备的计算机系统600的结构示意图。

具体实施方式

以下，将参照附图来描述本公开的实施例。但是应该理解，这些描述只是示例性的，而并非要限制本公开的范围。此外，在以下说明中，省略了对公知结构和技术的描述，以避免不必要地混淆本公开的概念。

在此使用的术语仅仅是为了描述具体实施例，而并非意在限制本公开。这里使用的词语“一”、“一个(种)”和“该”等也应包括“多个”、“多种”的意思，除非上下文另外明确指出。此外，在此使用的术语“包括”、“包含”等表明了所述特征、步骤、操作和/或部件的存在，但是并不排除存在或添加一个或多个其他特征、步骤、操作或部件。

在此使用的所有术语(包括技术和科学术语)具有本领域技术人员通常所理解的含义，除非另外定义。应注意，这里使用的术语应解释为具有与本说明书的上下文相一致的含义，而不应以理想化或过于刻板的方式来解释。

图1示出了传统的布局框架，该框架主要包括原生页面控制类(UIViewController)、原生列表展示类(UITableView)和原生列表元素展示类(UITableViewCell)。基于该框架的传统布局方法主要包括以下步骤。首先，创建一个继承自UIViewController的子类，并添加UITableView，作为用来展示全部信息详情的主页面控制器。然后，通过实现UITableView的“tableView：numberOfRowsInSection：”和“tableView：cellForRowAtIndexPath：”数据源方法，初始化满足业务需求顺序的子页面列表。该子页面列表中的元素由继承自UITableViewCell的子类来实现。所有继承自UITableViewCell的子类均为独立的子页面，但该子页面的定制、修改和扩展需要依赖主页面控制器的刷新操作以及额外的UITableView数据源方法配合来完成。接下来，主页面控制器通过调用“reloadData”方法，实现初始化布局。

传统的布局方法存在以下缺点。首先，原生控件类造成的定制需求限制：主页面控制器的实现需要依赖UIViewController和UITableView配合完成，虽然iOS系统提供了UITableViewController这样的列表展示控制类，但是由于大屏幕情景下的页面多元素布局需求，单纯的列表控制类非常依赖UITableViewCell来完成子页面展示需要，很容易造成显示扩展的限制。冗余的数据源方法对子页面的动态展示需求的限制：需要多个数据源方法配合使用，才能完成子页面的展示需求，且子页面的任意布局变更都必须依赖主页面控制器的数据源刷新来操作来完成。也即是说，当一个或多个子页面的内容发生改变时，需要主页面控制器对所有子页面(包括内容发生改变的子页面和内容未发生改变的子页面)的布局进行更新，才能完成主页面的布局更新。

为了解决传统的布局框架中的上述问题，本公开提出了用于对由至少一个子页面构成的主页面进行布局的方法和装置。

图2示出了可以应用本公开实施例的用于对由至少一个子页面构成的主页面进行布局的方法和装置的示例性系统架构200。

如图2所示，系统架构200可以包括终端设备201、202、203、网络204和服务器205。网络204用以在终端设备201、202、203和服务器105之间提供通信链路的介质。网络204可以包括各种连接类型，例如有线、无线通信链路或者光纤电缆等等。

用户可以使用终端设备201、202、203通过网络204与服务器205交互，以接收或发送消息等。终端设备201、202、203上可以安装有各种通讯客户端应用，例如购物类应用、网页浏览器应用、搜索类应用、即时通信工具、邮箱客户端、社交平台软件等(仅为示例)。

终端设备201、202、203可以是具有显示屏并且支持网页浏览的各种电子设备，包括但不限于智能手机、平板电脑、膝上型便携计算机和台式计算机等等。

服务器205可以是提供各种服务的服务器，例如对用户利用终端设备201、202、203所浏览的购物类网站提供支持的后台管理服务器(仅为示例)。后台管理服务器可以对接收到的产品信息查询请求等数据进行分析等处理，并将处理结果(例如目标推送信息、产品信息--仅为示例)反馈给终端设备。

需要说明的是，本申请实施例所提供的用于对由至少一个子页面构成的主页面进行布局的方法一般由服务器205执行，相应地，用于对由至少一个子页面构成的主页面进行布局的装置一般设置于服务器205中。

应该理解，图2中的终端设备、网络和服务器的数目仅仅是示意性的。根据实现需要，可以具有任意数目的终端设备、网络和服务器。

图3示意性示出了根据本公开实施例的用于对由至少一个子页面构成的主页面进行布局的方法300的流程图。参与方法300的模块包括：主页面控制器、子页面控制器和布局控制器。主页面控制器继承自主页面控制类(DetailViewController)的子类，以用于展示全部信息详情。主页面控制类作为信息详情展示的主页面控制器父类，在系统提供的UIViewController的基础上实现了对子页面控制类与布局控制类的关联操作。主页面控制器包括一个用于满足任意方向滑动需求的UIScrollview控件。主页面控制器通过调用“reloadData：”方法，实现初始化布局，并且通过实现DetailViewController的“setupSubItemViewControllers：”数据源方法，初始化任意满足业务需求顺序的子页面控制器列表。子页面控制器由继承自子页面控制类(DetailItemViewController)的子类来实现。至少一个子页面对应于至少一个子页面控制器，其中每一个子页面可以具有相应的子页面控制器。子页面控制器均为独立的页面控制器，其可以根据实际业务需求进行动态的自由定制、修改和扩展，无需依赖主页面控制器和额外的方法。子页面控制器不需要对页面布局负责，也不需要对主页面控制器负责，而是仅需要在自身创建完成之后的任意时间点给自己的高度属性赋一个高度值即可，且该赋值操作也是动态可变的，可以任意多次的赋值，每次赋值操作都会触发布局控制器自动布局。布局控制器继承自iOS系统的UIView控件。

接下来，将详细描述通过主页面控制器、子页面控制器和布局控制器执行的方法300。方法300可以包括以下步骤。

在步骤S301，子页面控制器可以接收页面内容。

在步骤S302，子页面控制器可以根据所接收的页面内容和预定的页面宽度来计算与该子页面控制器相对应的子页面的高度。

在步骤S303，子页面控制器可以向主页面控制器发送针对相应子页面的高度和与该子页面相关联的标识符。标识符可以标识相应子页面在多个子页面中的排序。

在步骤S304，主页面控制器在接收到针对相应子页面的高度和与该子页面相关联的标识符之后，向布局控制器转发针对相应子页面的高度和与该子页面相关联的标识符。

在步骤S305，布局控制器接收针对相应子页面的高度和与该子页面相关联的标识符，并且根据所接收的每一个子页面的高度和相关联的标识符来对主页面进行布局。

具体地，步骤S305可以包括：当接收到多个子页面中的一个或多个子页面的高度的更新和相关联的标识符时，确定一个或多个子页面中排序最小的子页面；以及根据所接收的更新的高度和相关联的标识符对所确定的子页面以及多个子页面中比所确定的子页面的排序更大的所有子页面进行重新布局。例如，可以将所确定的子页面的高度改变为相对应的更新的高度，根据所接收的更新的高度和相关联的标识符确定比所确定的子页面的排序更大的所有子页面的相应位置，并且将比所确定的子页面的排序更大的所有子页面移动到所确定的相应位置。

步骤S305还可以包括：根据系统默认设置或者用户输入来设置主页面的显示样式以及多个子页面之间的间距；以及根据显示样式、所述间距、所接收的每一个子页面的高度和相关联的标识符来对主页面进行布局。

在本公开的实施例中，任意想要实现信息详情展示的主页面控制器只需要继承该主页面控制类，就可以在“setupSubItemViewControllers：”接口中进行子页面控制器的创建和引入。所有引入的子页面控制器都会在调用“reloadData：”方法时自动关联布局控制器以自动布局。在关联布局控制器之后，布局控制器能够获取并管理不同屏幕尺寸时所有子页面的动态尺寸。在这个过程中，继承自主页面控制类模块的主页面控制器不需要进行额外的布局和计算，并且继承自子页面控制类模块的子页面控制器不需要控制高度变化。如果屏幕尺寸变化、横竖屏切换或者子页面控制器主动变更自身高度，则都由相关联的布局控制器完成重新局部显示。

根据本公开的实施例，当一个或多个子页面的内容发生变化时，只需要对发生内容改变的子页面以及该子页面下方的子页面的布局进行更新，既可以完成整个主页面的更新，这大大提高了主页面布局的效率。

图4示意性地示出了根据本公开实施例的在子页面控制器处用于对由至少一个子页面构成的主页面进行布局的装置400的框图。装置400可以包括接收模块410、计算模块420和发送模块430。接收模块410可以被配置为接收针对相应子页面的页面内容。计算模块420可以被配置为根据所接收的页面内容和预定的页面宽度来计算针对相应子页面的高度。发送模块430可以被配置为向主页面控制器发送针对相应子页面的高度和相关联的标识符。标识符可以标识相应子页面在至少一个子页面中的排序。

计算模块420可以被进一步配置为：当接收到针对相应子页面的页面内容的更新时，根据所接收的更新的页面内容和预定的页面宽度来计算针对相应子页面的高度；以及发送模块430可以被进一步配置为向主页面控制器发送针对相应子页面的高度和相关联的标识符。

图5示意性地示出了根据本公开实施例的在布局控制器处用于对由至少一个子页面构成的主页面进行布局的装置500的框图。装置500可以包括接收模块510和布局模块520。

接收模块510可以被配置为接收至少一个子页面中的每一个子页面的高度和相关联的标识符。

布局模块520可以被配置为根据所接收的每一个子页面的高度和相关联的标识符来对主页面进行布局。

布局模块520可以包括布局工具模块和页面扩展模块。布局模块可以被配置为当接收到至少一个子页面中的一个或至少一个子页面的高度的更新和相关联的标识符时，确定一个或至少一个子页面中排序最小的子页面；以及根据所接收的更新的高度和相关联的标识符对所确定的子页面以及至少一个子页面中比所确定的子页面的排序更大的所有子页面进行重新布局。页面扩展模块可以被配置为根据系统默认设置或者用户输入来设置主页面的显示样式以及至少一个子页面之间的间距；以及根据所述显示样式、所述间距、所接收的每一个子页面的高度和相关联的标识符来对主页面进行布局。

布局模块520除了完成所有子页面之间关联的初始化适配布局之外，还控制了当一个或多个子页面的高度发生变化时的整体布局调整。布局模块520的引入让自动布局操作完全独立出来，实现了屏幕尺寸变化、横竖屏切换或者子页面控制器主动变更自身高度等场景下整体布局的统一适配。布局工具模块是应用于布局模块中的一个重要子模块，它主要完成屏幕尺寸计算、最大宽高计算和与所有子页面相关联的尺寸计算等任务，是布局模块520用来实现整体布局的主要模块。页面扩展模块也是应用于布局模块520中的一个重要子模块，它主要实现页面的展示效果扩展，比如添加子模块填充和边框阴影等操作。

根据本公开的实施例，当一个或多个子页面的内容发生变化时，只需要对发生内容改变的子页面以及该子页面下方的子页面的布局进行更新，既可以完成整个主页面的更新，这大大提高了主页面布局的效率。

下面参考图6，其示出了适于用来实现本公开实施例的终端设备的计算机系统600的结构示意图。图6示出的计算机系统仅仅是一个示例，不应对本公开实施例的功能和使用范围带来任何限制。

如图6所示，计算机系统600包括中央处理单元(CPU)601，其可以根据存储在只读存储器(ROM)602中的程序或者从存储部分608加载到随机访问存储器(RAM)603中的程序而执行各种适当的动作和处理。在RAM 603中，还存储有系统600操作所需的各种程序和数据。CPU 601、ROM 602以及RAM 603通过总线604彼此相连。输入/输出(I/O)接口605也连接至总线604。

以下部件连接至I/O接口605：包括键盘、鼠标等的输入部分606；包括诸如阴极射线管(CRT)、液晶显示器(LCD)等以及扬声器等的输出部分607；包括硬盘等的存储部分608；以及包括诸如LAN卡、调制解调器等的网络接口卡的通信部分609。通信部分609经由诸如因特网的网络执行通信处理。驱动器610也根据需要连接至I/O接口605。可拆卸介质611，诸如磁盘、光盘、磁光盘、半导体存储器等等，根据需要安装在驱动器610上，以便于从其上读出的计算机程序根据需要被安装入存储部分608。

特别地，根据本公开的实施例，上文参考流程图描述的过程可以被实现为计算机软件程序。例如，本公开的实施例包括一种计算机程序产品，其包括承载在计算机可读介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信部分609从网络上被下载和安装，和/或从可拆卸介质611被安装。在该计算机程序被中央处理单元(CPU)601执行时，执行本公开的系统中限定的上述功能。

需要说明的是，本申请所述的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本申请中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本申请中，计算机可读的信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：无线、电线、光缆、RF等等，或者上述的任意合适的组合。

作为另一方面，本申请还提供了一种计算机可读介质，该计算机可读介质可以是上述实施例中描述的设备中所包含的；也可以是单独存在，而未装配入该设备中。上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被一个该设备执行时，使得该设备执行根据本本公开实施例的用于对由至少一个子页面构成的主页面进行布局的方法。

附图中的流程图和框图，图示了按照本申请各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，上述模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图或流程图中的每个方框、以及框图或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。

Claims (16)

1.一种用于对由至少一个子页面构成的主页面进行布局的方法，每个子页面具有对应的子页面控制器，所述方法包括：

接收针对相应子页面的页面内容；

根据所接收的页面内容和预定的页面宽度来计算针对所述相应子页面的高度；以及

向主页面控制器发送针对所述相应子页面的高度和相关联的标识符。

2.根据权利要求1所述的方法，还包括：

当接收到针对所述相应子页面的页面内容的更新时，根据所接收的更新的页面内容和预定的页面宽度来计算针对所述相应子页面的高度；以及

向主页面控制器发送针对所述相应子页面的高度和相关联的标识符。

3.根据权利要求1所述的方法，其中，所述标识符标识所述相应子页面在所述至少一个子页面中的排序。

4.一种用于对由至少一个子页面构成的主页面进行布局的方法，包括：

接收所述至少一个子页面中的每一个子页面的高度和相关联的标识符；以及

根据所接收的每一个子页面的高度和相关联的标识符来对所述主页面进行布局。

5.根据权利要求4所述的方法，其中，所述标识符标识所述每一个子页面在所述至少一个子页面中的排序。

6.根据权利要求5所述的方法，其中，根据所接收的每一个子页面的高度和相关联的标识符来对所述主页面进行布局包括：

当接收到所述至少一个子页面中的一个或至少一个子页面的高度的更新和相关联的标识符时，确定所述一个或至少一个子页面中排序最小的子页面；以及

根据所接收的更新的高度和相关联的标识符对所确定的子页面以及所述至少一个子页面中比所确定的子页面的排序更大的所有子页面进行重新布局。

7.根据权利要求4所述的方法，其中，根据所接收的每一个子页面的高度和相关联的标识符来对所述主页面进行布局包括：

根据系统默认设置或者用户输入来设置所述主页面的显示样式以及所述至少一个子页面之间的间距；以及

根据所述显示样式、所述间距、所接收的每一个子页面的高度和相关联的标识符来对所述主页面进行布局。

8.一种用于对由至少一个子页面构成的主页面进行布局的装置，所述装置包括至少一个子页面控制器，每个子页面具有对应的子页面控制器，每一个子页面控制器包括：

接收模块，被配置为接收针对相应子页面的页面内容；

计算模块，被配置为根据所接收的页面内容和预定的页面宽度来计算针对所述相应子页面的高度；以及

发送模块，被配置为向主页面控制器发送针对所述相应子页面的高度和相关联的标识符。

9.根据权利要求8所述的装置，其中，所述计算模块被进一步配置为：当接收到针对所述相应子页面的页面内容的更新时，根据所接收的更新的页面内容和预定的页面宽度来计算针对相应子页面的高度；以及

所述发送模块被进一步配置为向主页面控制器发送针对所述相应子页面的高度和相关联的标识符。

10.根据权利要求8所述的装置，其中，所述标识符标识所述相应子页面在所述至少一个子页面中的排序。

11.一种用于对由至少一个子页面构成的主页面进行布局的装置，所述装置包括：

接收模块，被配置为接收所述至少一个子页面中的每一个子页面的高度和相关联的标识符；以及

布局模块，被配置为根据所接收的每一个子页面的高度和相关联的标识符来对所述主页面进行布局。

12.根据权利要求11所述的装置，其中，所述标识符标识所述每一个子页面在所述至少一个子页面中的排序。

13.根据权利要求12所述的装置，其中，所述布局模块被进一步配置为：

当接收到至少一个子页面中的一个或至少一个子页面的高度的更新和相关联的标识符时，确定所述一个或至少一个子页面中排序最小的子页面；以及

根据所接收的更新的高度和相关联的标识符对所确定的子页面以及所述至少一个子页面中比所确定的子页面的排序更大的所有子页面进行重新布局。

14.根据权利要求11所述的装置，其中，所述布局模块被进一步配置为：

根据系统默认设置或者用户输入来设置所述主页面的显示样式以及所述至少一个子页面之间的间距；以及

根据所述显示样式、所述间距、所接收的每一个子页面的高度和相关联的标识符来对所述主页面进行布局。

15.一种计算机可读存储介质，其上存储有可执行指令，该指令被处理器执行时使处理器执行根据权利要求1至7中任一项所述的方法。

16.一种用于对由至少一个子页面构成的主页面进行布局的服务器，包括：

一个或多个处理器；

存储装置，用于存储一个或多个程序，

其中，当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现根据权利要求1至7中任一项所述的方法。