CN112925453B - 组件显示方法、装置、电子设备及计算机可读存储介质 - Google Patents

Abstract

本发明实施例公开了一种组件显示方法、装置、电子设备及计算机可读存储介质，所述方法包括：响应于接收到组件启动滑动显示命令，对第一目标组件在显示区域内进行滑动显示，其中，第一目标组件包括两个或多个第一目标组件列，第一目标组件列包括一个或多个第一目标子组件；获取第一目标组件列的显示属性信息；响应于接收到组件停止滑动显示命令，根据第一目标组件列的当前显示位置和显示属性信息调整第一目标子组件的显示位置，使得显示区域中不同第一目标组件列的末端第一目标子组件的底部位置对齐。该技术方案不仅能够提供整齐美观的显示界面、提高用户的查看效率，而且能够保留不同显示内容的有效信息，实现多类型、多种类内容的灵活显示。

Description

组件显示方法、装置、电子设备及计算机可读存储介质

技术领域

本发明实施例涉及数据处理技术领域，具体涉及一种组件显示方法、装置、电子设备及计算机可读存储介质。

背景技术

随着数据技术和互联网技术的发展，用户越来越多地通过移动终端查看网页等相关内容。实际上很多内容所显示的信息量、所需要的显示区域、以及所占用的显示空间都是各不相同的，为了为用户提供整齐美观的显示界面，同时提高用户的查看效率，通常是将不同信息量、不同显示区域、不同占用空间的内容调整为占用相同的显示区域和相同的显示空间，甚至提供双列纵向瀑布流视图的方式显示相关内容。上述技术方案虽然能够在一定程度上提高用户的查看效率，但不可避免地会损失一些有用信息，而且也无法实现多类型、多种类内容的灵活显示。

发明内容

本发明实施例提供一种组件显示方法、装置、电子设备及计算机可读存储介质。

第一方面，本发明实施例中提供了一种组件显示方法。

具体的，所述组件显示方法，包括：

响应于接收到组件启动滑动显示命令，对所述第一目标组件在显示区域内进行滑动显示，其中，所述第一目标组件包括两个或多个第一目标组件列，所述第一目标组件列包括一个或多个第一目标子组件；

获取所述第一目标组件列的显示属性信息，其中，所述显示属性信息至少包括所述第一目标子组件的显示窗口大小信息；

响应于接收到组件停止滑动显示命令，根据所述第一目标组件列的当前显示位置和所述显示属性信息调整所述第一目标子组件的显示位置，使得所述显示区域中不同第一目标组件列的末端第一目标子组件的底部位置对齐。

结合第一方面，本发明实施例在第一方面的第一种实现方式中，不同第一目标组件列的第一目标子组件的显示窗口大小不同。

结合第一方面和第一方面的第一种实现方式，本发明实施例在第一方面的第二种实现方式中，所述响应于接收到组件启动滑动显示命令，对所述第一目标组件在显示区域内进行滑动显示，包括：

响应于接收到组件启动滑动显示命令，确定第一目标组件列显示起始位置；

基于所述第一目标组件列显示起始位置对所述第一目标子组件在显示区域内进行滑动显示。

结合第一方面、第一方面的第一种实现方式和第一方面的第二种实现方式，本公开在第一方面的第三种实现方式中，所述响应于接收到组件启动滑动显示命令，确定第一目标组件列显示起始位置，被配置为：

响应于接收到组件启动滑动显示命令，确定所述第一目标组件列的当前显示位置；

当所述显示区域中不同第一目标组件列的顶端第一目标子组件的顶部位置没有对齐时，调整所述第一目标子组件的显示位置，使得所述显示区域中不同第一目标组件列的顶端第一目标子组件的顶部位置对齐；

将所述显示区域中第一目标组件列的顶端第一目标子组件的顶部位置确定为所述第一目标组件列显示起始位置。

结合第一方面的第一种实现方式、第一方面的第二种实现方式和第一方面的第三种实现方式，本公开在第一方面的第四种实现方式中，还包括：

响应于在所述显示区域中检测到第二目标组件，根据所述第一目标组件列的当前显示位置和所述显示属性信息调整所述第一目标子组件的显示位置，使得所述显示区域中不同第一目标组件列的末端第一目标子组件的底部位置对齐。

结合第一方面、第一方面的第一种实现方式、第一方面的第二种实现方式、第一方面的第三种实现方式和第一方面的第四种实现方式，本公开在第一方面的第五种实现方式中，所述根据所述第一目标组件列的当前显示位置和所述显示属性信息调整所述第一目标子组件的显示位置，使得所述显示区域中不同第一目标组件列的末端第一目标子组件的底部位置对齐，被实施为：

确定所述第一目标组件列的当前显示位置；

当所述显示区域中不同第一目标组件列的末端第一目标子组件的底部位置没有对齐时，根据所述第一目标组件列的当前显示位置和显示属性信息确定不同第一目标组件列的末端第一目标子组件底部位置距离所述显示区域底部之间的距离差；

根据所述距离差调整所述第一目标子组件的显示位置，使得所述显示区域中不同第一目标组件列的末端第一目标子组件的底部位置对齐。

第二方面，本发明实施例中提供了一种组件显示方法。

具体的，所述组件显示方法，包括：

响应于接收到组件启动滑动显示命令，对所述第一目标组件在显示区域内进行滑动显示，其中，所述第一目标组件包括两个或多个第一目标组件列，所述第一目标组件列包括一个或多个第一目标子组件；

获取所述第一目标子组件的显示属性信息，其中，所述显示属性信息至少包括所述第一目标子组件的显示窗口大小信息；

响应于接收到组件停止滑动显示命令，根据所述第一目标子组件的当前显示位置、所述第一目标子组件的显示属性信息以及所述第一目标子组件之间的位置关系对于所述第一目标子组件进行自动排列。

结合第二方面，本发明实施例在第二方面的第一种实现方式中，所述响应于接收到组件停止滑动显示命令，根据所述第一目标子组件的当前显示位置、所述第一目标子组件的显示属性信息以及所述第一目标子组件之间的位置关系对于所述第一目标子组件进行自动排列，包括：

响应于接收到组件停止滑动显示命令，根据所述第一目标子组件的当前显示位置，获取所述显示区域中不同第一目标组件列末端第一目标子组件底部位置之间的子组件距离差；

当所述子组件距离差超过预设距离阈值时，根据所述第一目标子组件的显示属性信息以及所述第一目标子组件之间的位置关系对于所述第一目标子组件进行自动排列。

结合第二方面和第二方面的第一种实现方式，本发明实施例在第二方面的第二种实现方式中，所述当所述子组件距离差超过预设距离阈值时，根据所述第一目标子组件的显示属性信息以及所述第一目标子组件之间的位置关系对于所述第一目标子组件进行自动排列，被实施为：

当所述子组件距离差超过预设距离阈值时，根据所述子组件距离差调整所述第一目标子组件的显示位置，使得所述显示区域中不同第一目标组件列的末端第一目标子组件的底部位置对齐或基本对齐。

结合第二方面、第二方面的第一种实现方式和第二方面的第二种实现方式，本公开在第二方面的第三种实现方式中，所述当所述子组件距离差超过预设距离阈值时，根据所述第一目标子组件的显示属性信息以及所述第一目标子组件之间的位置关系对于所述第一目标子组件进行自动排列，被实施为：

当所述子组件距离差超过预设距离阈值时，根据所述子组件距离差调整所述第一目标子组件的显示顺序，使得所述显示区域中不同第一目标组件列的末端第一目标子组件的底部位置对齐或基本对齐。

第三方面，本发明实施例中提供了一种组件显示装置。

具体的，所述组件显示装置，包括：

第一显示模块，被配置为响应于接收到组件启动滑动显示命令，对所述第一目标组件在显示区域内进行滑动显示，其中，所述第一目标组件包括两个或多个第一目标组件列，所述第一目标组件列包括一个或多个第一目标子组件；

第一获取模块，被配置为获取所述第一目标组件列的显示属性信息，其中，所述显示属性信息至少包括所述第一目标子组件的显示窗口大小信息；

第一调整模块，被配置为响应于接收到组件停止滑动显示命令，根据所述第一目标组件列的当前显示位置和所述显示属性信息调整所述第一目标子组件的显示位置，使得所述显示区域中不同第一目标组件列的末端第一目标子组件的底部位置对齐。

结合第三方面，本发明实施例在第三方面的第一种实现方式中，不同第一目标组件列的第一目标子组件的显示窗口大小不同。

结合第三方面和第三方面的第一种实现方式，本发明实施例在第三方面的第二种实现方式中，所述第一显示模块包括：

确定子模块，被配置为响应于接收到组件启动滑动显示命令，确定第一目标组件列显示起始位置；

显示子模块，被配置为基于所述第一目标组件列显示起始位置对所述第一目标子组件在显示区域内进行滑动显示。

结合第三方面、第三方面的第一种实现方式和第三方面的第二种实现方式，本公开在第三方面的第三种实现方式中，所述确定子模块被配置为：

响应于接收到组件启动滑动显示命令，确定所述第一目标组件列的当前显示位置；

当所述显示区域中不同第一目标组件列的顶端第一目标子组件的顶部位置没有对齐时，调整所述第一目标子组件的显示位置，使得所述显示区域中不同第一目标组件列的顶端第一目标子组件的顶部位置对齐；

将所述显示区域中第一目标组件列的顶端第一目标子组件的顶部位置确定为所述第一目标组件列显示起始位置。

结合第三方面、第三方面的第一种实现方式、第三方面的第二种实现方式和第三方面的第三种实现方式，本公开在第三方面的第四种实现方式中，还包括：

第二调整模块，被配置为响应于在所述显示区域中检测到第二目标组件，根据所述第一目标组件列的当前显示位置和所述显示属性信息调整所述第一目标子组件的显示位置，使得所述显示区域中不同第一目标组件列的末端第一目标子组件的底部位置对齐。

结合第三方面、第三方面的第一种实现方式、第三方面的第二种实现方式、第三方面的第三种实现方式和第三方面的第四种实现方式，本公开在第三方面的第五种实现方式中，所述第一调整模块或第二调整模块中根据所述第一目标组件列的当前显示位置和所述显示属性信息调整所述第一目标子组件的显示位置，使得所述显示区域中不同第一目标组件列的末端第一目标子组件的底部位置对齐的部分，被配置为：

确定所述第一目标组件列的当前显示位置；

当所述显示区域中不同第一目标组件列的末端第一目标子组件的底部位置没有对齐时，根据所述第一目标组件列的当前显示位置和显示属性信息确定不同第一目标组件列的末端第一目标子组件底部位置距离所述显示区域底部之间的距离差；

根据所述距离差调整所述第一目标子组件的显示位置，使得所述显示区域中不同第一目标组件列的末端第一目标子组件的底部位置对齐。

第四方面，本发明实施例中提供了一种组件显示装置。

具体的，所述组件显示装置，包括：

第二显示模块，被配置为响应于接收到组件启动滑动显示命令，对所述第一目标组件在显示区域内进行滑动显示，其中，所述第一目标组件包括两个或多个第一目标组件列，所述第一目标组件列包括一个或多个第一目标子组件；

第二获取模块，被配置为获取所述第一目标子组件的显示属性信息，其中，所述显示属性信息至少包括所述第一目标子组件的显示窗口大小信息；

排列模块，被配置为响应于接收到组件停止滑动显示命令，根据所述第一目标子组件的当前显示位置、所述第一目标子组件的显示属性信息以及所述第一目标子组件之间的位置关系对于所述第一目标子组件进行自动排列。

结合第四方面，本发明实施例在第四方面的第一种实现方式中，所述排列模块包括：

获取子模块，被配置为响应于接收到组件停止滑动显示命令，根据所述第一目标子组件的当前显示位置，获取所述显示区域中不同第一目标组件列末端第一目标子组件底部位置之间的子组件距离差；

排列子模块，被配置为当所述子组件距离差超过预设距离阈值时，根据所述第一目标子组件的显示属性信息以及所述第一目标子组件之间的位置关系对于所述第一目标子组件进行自动排列。

结合第四方面和第四方面的第一种实现方式，本发明实施例在第四方面的第二种实现方式中，所述排列子模块被配置为：

当所述子组件距离差超过预设距离阈值时，根据所述子组件距离差调整所述第一目标子组件的显示位置，使得所述显示区域中不同第一目标组件列的末端第一目标子组件的底部位置对齐或基本对齐。

结合第四方面、第四方面的第一种实现方式和第四方面的第二种实现方式，本公开在第四方面的第三种实现方式中，所述排列子模块被配置为：

当所述子组件距离差超过预设距离阈值时，根据所述子组件距离差调整所述第一目标子组件的显示顺序，使得所述显示区域中不同第一目标组件列的末端第一目标子组件的底部位置对齐或基本对齐。

第五方面，本发明实施例提供了一种电子设备，包括存储器和处理器，所述存储器用于存储一条或多条支持组件显示装置执行上述组件显示方法的计算机指令，所述处理器被配置为用于执行所述存储器中存储的计算机指令。所述组件显示装置还可以包括通信接口，用于组件显示装置与其他设备或通信网络通信。

第六方面，本发明实施例提供了一种计算机可读存储介质，用于存储组件显示装置所用的计算机指令，其包含用于执行上述组件显示方法为组件显示装置所涉及的计算机指令。

本发明实施例提供的技术方案可包括以下有益效果：

上述技术方案通过对于所包含显示组件所占区域高度不同的两个或多个显示组件列的显示位置的控制，使得不同显示组件列能够在接收到组件停止滑动显示命令时实现底部对齐显示。该技术方案不仅能够提供整齐美观的显示界面、提高用户的查看效率，而且能够保留不同显示内容的有效信息，实现多类型、多种类内容的灵活显示。

应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本发明实施例。

附图说明

结合附图，通过以下非限制性实施方式的详细描述，本发明实施例的其它特征、目的和优点将变得更加明显。在附图中：

图1示出根据本发明一实施方式的组件显示方法的流程图；

图2-图4示出根据本发明不同实施方式的组件显示界面示意图；

图5示出根据图1所示实施方式的组件显示方法的步骤S101的流程图；

图6示出根据本发明另一实施方式的组件显示方法的流程图；

图7-图10示出根据本发明不同实施方式的组件显示界面示意图；

图11示出根据本发明再一实施方式的组件显示方法的流程图；

图12示出根据图11所示实施方式的组件显示方法的步骤S1103的流程图；

图13-图15示出根据本发明不同实施方式的组件显示界面示意图；

图16示出根据本发明一实施方式的组件显示装置的结构框图；

图17示出根据图16所示实施方式的组件显示装置的第一显示模块1601的结构框图；

图18示出根据本发明另一实施方式的组件显示装置的结构框图；

图19示出根据本发明再一实施方式的组件显示装置的结构框图；

图20示出根据图19所示实施方式的组件显示装置的排列模块1903的结构框图；

图21示出根据本发明一实施方式的电子设备的结构框图；

图22是适于用来实现根据本发明一实施方式的组件显示方法的计算机***的结构示意图。

具体实施方式

下文中，将参考附图详细描述本发明实施例的示例性实施方式，以使本领域技术人员可容易地实现它们。此外，为了清楚起见，在附图中省略了与描述示例性实施方式无关的部分。

在本发明实施例中，应理解，诸如“包括”或“具有”等的术语旨在指示本说明书中所公开的特征、数字、步骤、行为、部件、部分或其组合的存在，并且不欲排除一个或多个其他特征、数字、步骤、行为、部件、部分或其组合存在或被添加的可能性。

另外还需要说明的是，在不冲突的情况下，本发明中的实施例及实施例中的特征可以相互组合。下面将参考附图并结合实施例来详细说明本发明实施例。

本发明实施例提供的技术方案通过对于所包含显示组件所占区域高度不同的两个或多个显示组件列的显示位置的控制，使得不同显示组件列能够在接收到组件停止滑动显示命令时实现底部对齐显示。该技术方案不仅能够提供整齐美观的显示界面、提高用户的查看效率，而且能够保留不同显示内容的有效信息，实现多类型、多种类内容的灵活显示。

图1示出根据本发明一实施方式的组件显示方法的流程图，如图1所示，所述组件显示方法包括以下步骤S101-S103：

在步骤S101中，响应于接收到组件启动滑动显示命令，对所述第一目标组件在显示区域内进行滑动显示，其中，所述第一目标组件包括两个或多个第一目标组件列，所述第一目标组件列包括一个或多个第一目标子组件；

在步骤S102中，获取所述第一目标组件列的显示属性信息，其中，所述显示属性信息至少包括所述第一目标子组件的显示窗口大小信息；

在步骤S103中，响应于接收到组件停止滑动显示命令，根据所述第一目标组件列的当前显示位置和所述显示属性信息调整所述第一目标子组件的显示位置，使得所述显示区域中不同第一目标组件列的末端第一目标子组件的底部位置对齐。

上文提及，随着数据技术和互联网技术的发展，用户越来越多地通过移动终端查看网页等相关内容。实际上很多内容所显示的信息量、所需要的显示区域、以及所占用的显示空间都是各不相同的，为了为用户提供整齐美观的显示界面，同时提高用户的查看效率，通常是将不同信息量、不同显示区域、不同占用空间的内容调整为占用相同的显示区域和相同的显示空间，甚至提供双列纵向瀑布流视图的方式显示相关内容。上述技术方案虽然能够在一定程度上提高用户的查看效率，但不可避免地会损失一些有用信息，而且也无法实现多类型、多种类内容的灵活显示。

考虑到上述问题，在该实施方式中，提出一种组件显示方法，该方法通过对于所包含显示组件所占区域高度不同的两个或多个显示组件列的显示位置的控制，使得不同显示组件列能够在接收到组件停止滑动显示命令时实现底部对齐显示。该技术方案不仅能够提供整齐美观的显示界面、提高用户的查看效率，而且能够保留不同显示内容的有效信息，实现多类型、多种类内容的灵活显示。

在本发明一实施方式中，所述组件启动滑动显示命令指的是用于使得所述组件开始进行滑动显示的命令，其可由用户或其他组件观看方发送，其中，所述组件启动滑动显示命令比如可以为手指上滑等检测到的滑动显示启动动作、滑动显示命令选择等输入的滑动显示启动命令，等等。类似地，所述组件停止滑动显示命令指的是用于使得所述组件停止进行滑动显示的命令，其亦可由用户或其他组件观看方发送，其中，所述组件停止滑动显示命令比如可以为预设时间段内手指停止上滑等检测到的滑动显示停止动作、停止滑动显示命令选择等输入的滑动显示停止命令，等等。

在本发明一实施方式中，所述第一目标组件指的是由两个或多个第一目标子组件组成的显示组件集合。其中，为了同时显示给用户更多的信息，所述第一目标组件包括两个或多个第一目标组件列，每个第一目标组件列中均包括一个或多个第一目标子组件。为了最大程度地保留不同显示内容的有效信息，不同第一目标组件列的显示属性信息有可能不同，比如不同第一目标组件列所包含的第一目标子组件所占区域的高度有可能不同，也即不同第一目标组件列的第一目标子组件的显示窗口大小有可能不同，当然，在某些实施方式中，同一第一目标组件列的不同第一目标子组件的显示窗口大小也有可能不同。图2是根据本发明一实施方式的组件显示界面示意图，如图2所示，该显示界面的第一显示区域内包括两个第一目标组件列，每个第一目标组件列中均包括多个第一目标子组件，其中，左列中的第一目标子组件所占区域的高度相同，右列中的第一目标子组件所占区域的高度相同，且左列中的第一目标子组件所占区域的高度小于右列中的第一目标子组件所占区域的高度，即左列中的第一目标子组件的显示窗口小于右列中的第一目标子组件的显示窗口，这就形成了第一目标子组件纵向交错排列的界面。

在接收到用户或其他组件观看方发送的组件启动滑动显示命令之后，对于所述第一目标组件在预设显示区域内进行滑动显示，在接收到用户或其他组件观看方发送的组件停止滑动显示命令之后，对于所述第一目标组件在预设显示区域内停止进行滑动显示。其中，所述预设显示区域指的是预先设置的、用于显示所述第一目标组件的区域；所述滑动显示指的是使所述第一目标组件以一定的滑动速度显示所述第一目标组件所包含的内容的显示方式。

上文提及，为了最大程度地保留不同显示内容的有效信息，不同第一目标组件列的第一目标子组件的显示窗口大小有可能不同，同一第一目标组件列的不同第一目标子组件的显示窗口大小也有可能不同，那么在对于所述第一目标组件进行滑动显示时，不同第一目标组件列的第一目标子组件就会呈现交错滑动显示的情况，比如，如图3所示，假设左列第一目标子组件包括第一目标子组件11、第一目标子组件12、第一目标子组件13、第一目标子组件14……，右列第一目标子组件包括第一目标子组件21、第一目标子组件22、第一目标子组件23……，当左列第一目标子组件显示到了第一目标子组件14的时候，右列第一目标子组件仅显示到了第一目标子组件23，而且有可能出现位于左列和右列的第一目标子组件剩余的未显示内容不同的情况，比如位于左列的第一目标子组件14的全部内容已显示完毕，或者剩余未显示内容较少，而位于右列的第一目标子组件23还未显示完毕，或者剩余未显示内容较多，或者左列的第一目标子组件未显示完毕，或者剩余未显示内容较多，而右列的第一目标子组件已显示完毕，或者剩余未显示内容较少。此时若接收到对于所述第一目标组件停止进行滑动显示的命令，则未显示完毕的第一目标子组件就会带来显示内容的缺失，不利于提高显示服务质量。

因此，在本发明一实施方式中，当接收到用户或其他组件观看方发送的组件停止滑动显示命令之后，根据所述第一目标组件列的当前显示位置和所述显示属性信息来调整所述第一目标子组件的显示位置，使得所述第一显示区域中不同第一目标组件列的末端第一目标子组件的底部位置对齐。如图4所示，若接收到组件停止滑动显示命令时，左列第一目标子组件显示到了第一目标子组件14，且已经显示完毕，而右列第一目标子组件仅显示到了第一目标子组件23，且未显示完毕，还剩余一些内容未被显示出来，此时就可以调整所述第一目标子组件23的显示位置，比如使所述第一目标子组件23再向上滑动显示一段距离，以使得在所述第一显示区域中，位于左列末端的第一目标子组件14的底部位置与位于右列末端的第一目标子组件23的底部位置对齐。

在本发明一实施方式中，如图5所示，所述步骤S101，即响应于接收到组件启动滑动显示命令，对所述第一目标组件在显示区域内进行滑动显示的步骤，包括以下步骤S501-S502：

在步骤S501中，响应于接收到组件启动滑动显示命令，确定第一目标组件列显示起始位置；

在步骤S502中，基于所述第一目标组件列显示起始位置对所述第一目标子组件在显示区域内进行滑动显示。

为了准确执行对于显示组件的滑动显示，在该实施方式中，当接收到组件启动滑动显示命令时，需要首先确定第一目标组件列的显示起始位置，其中，所述第一目标组件列的显示起始位置可以设置为当前位于所述第一显示区域顶端的目标子组件的顶部位置处；然后再基于所述第一目标组件列显示起始位置对所述第一目标子组件在显示区域内进行滑动显示。如图3所示，所述第一目标组件列显示起始位置为当前位于所述第一显示区域顶端的第一目标子组件11和第一目标子组件21的顶部位置处。

在本发明一实施方式中，所述步骤S501，即响应于接收到组件启动滑动显示命令，确定第一目标组件列显示起始位置的步骤，可被配置为：

响应于接收到组件启动滑动显示命令，确定所述第一目标组件列的当前显示位置；

当所述显示区域中不同第一目标组件列的顶端第一目标子组件的顶部位置没有对齐时，调整所述第一目标子组件的显示位置，使得所述显示区域中不同第一目标组件列的顶端第一目标子组件的顶部位置对齐；

将所述显示区域中第一目标组件列的顶端第一目标子组件的顶部位置确定为所述第一目标组件列显示起始位置。

考虑到当接收到所述组件启动滑动显示命令时，所述显示区域中不同第一目标组件列的顶端第一目标子组件的顶部位置有可能没有对齐，此时需要对于所述第一目标子组件的显示位置进行调整，以使所述显示区域中不同第一目标组件列的顶端第一目标子组件的顶部位置处于对齐的状态。即在该实施方式中，当接收到所述组件启动滑动显示命令时，首先确定所述第一目标组件列的当前显示位置；当确定所述显示区域中不同第一目标组件列的顶端第一目标子组件的顶部位置没有对齐时，调整所述第一目标子组件的显示位置，使得所述显示区域中不同第一目标组件列的顶端第一目标子组件的顶部位置对齐；然后再将所述显示区域中第一目标组件列的顶端第一目标子组件的顶部位置确定为所述第一目标组件列显示起始位置。

在本发明一实施方式中，所述方法还包括对于第二目标组件进行显示的步骤，即如图6所示，所述组件显示方法包括以下步骤S601-S604：

在步骤S601中，响应于接收到组件启动滑动显示命令，对所述第一目标组件在显示区域内进行滑动显示，其中，所述第一目标组件包括两个或多个第一目标组件列，所述第一目标组件列包括一个或多个第一目标子组件；

在步骤S602中，获取所述第一目标组件列的显示属性信息，其中，所述显示属性信息至少包括所述第一目标子组件的显示窗口大小信息；

在步骤S603中，响应于接收到组件停止滑动显示命令，根据所述第一目标组件列的当前显示位置和所述显示属性信息调整所述第一目标子组件的显示位置，使得所述显示区域中不同第一目标组件列的末端第一目标子组件的底部位置对齐；

在步骤S604中，响应于在所述显示区域中检测到第二目标组件，根据所述第一目标组件列的当前显示位置和所述显示属性信息调整所述第一目标子组件的显示位置，使得所述显示区域中不同第一目标组件列的末端第一目标子组件的底部位置对齐。

为了为用户提供多类型、多种类的显示内容，在该实现方式中，还设置有第二目标组件，其中，所述第二目标组件的显示内容种类、显示类型均可能与所述第一目标组件不同，其中，所述显示类型比如可以为静态显示、动态显示、横向单列显示、纵向单列显示、横向分列显示、纵向分列显示等类型。比如，所述第一目标组件可显示静态服装图片，而所述第二目标组件可显示动态玩具图片，再比如，所述第一目标组件的显示排列方式可以为纵向分列显示，所述第二目标组件的显示排列方式可以为横向单列显示，如图7所示，图7中，在用于显示所述第一目标组件的第一显示区域中纵向分列显示第一目标子组件17、第一目标子组件18、第一目标子组件19、第一目标子组件28和第一目标子组件29，在用于显示所述第二目标组件的第二显示区域中横向单列显示第二目标子组件31、第二目标子组件32和第二目标子组件33；当然也可以横向分列显示所述第二目标子组件，如图8所示，图8中，在所述第二显示区域中横向分列显示第二目标子组件31和第二目标子组件32。其中，所述第二目标组件所在第二显示区域的宽度与所述第一目标组件所在第一显示区域的宽度既可以相同，如图9所示，也可以不同，如图10所示。

在本发明一实施方式中，所述第二目标组件可以是预先设置的内容组件，也可以是根据用户的触发命令经过加载、跳转等操作得到的内容组件。与所述第一目标组件类似，所述第二目标组件可包括一个或多个第二目标子组件。

为了提高所述第二目标组件的显示质量，当在所述显示区域中检测到第二目标组件时，可与上文描述的接收到组件停止滑动显示命令的操作类似，根据所述第一目标组件列的当前显示位置和所述显示属性信息调整所述第一目标子组件的显示位置，使得所述显示区域中不同第一目标组件列的末端第一目标子组件的底部位置对齐。

在本发明一实施方式中，所述步骤S103和所述步骤S604中的根据所述第一目标组件列的当前显示位置和所述显示属性信息调整所述第一目标子组件的显示位置，使得所述显示区域中不同第一目标组件列的末端第一目标子组件的底部位置对齐的步骤，可被实施为：

确定所述第一目标组件列的当前显示位置；

当所述显示区域中不同第一目标组件列的末端第一目标子组件的底部位置没有对齐时，根据所述第一目标组件列的当前显示位置和显示属性信息确定不同第一目标组件列的末端第一目标子组件底部位置距离所述显示区域底部之间的距离差；

根据所述距离差调整所述第一目标子组件的显示位置，使得所述显示区域中不同第一目标组件列的末端第一目标子组件的底部位置对齐。

为了准确实现不同第一目标组件列的末端第一目标子组件的底部位置对齐的效果，在该实施方式中，首先确定所述第一目标组件列的当前显示位置；然后当确认所述显示区域中不同第一目标组件列的末端第一目标子组件的底部位置没有对齐时，根据所述第一目标组件列的当前显示位置和显示属性信息确定不同第一目标组件列的末端第一目标子组件底部位置距离所述显示区域底部之间的距离差△S，如图3所示；最后根据所述距离差调整所述第一目标子组件的显示位置，使得所述显示区域中不同第一目标组件列的末端第一目标子组件的底部位置对齐。

图11示出根据本发明再一实施方式的组件显示方法的流程图，如图11所示，所述组件显示方法包括以下步骤S1101-S1103：

在步骤S1101中，响应于接收到组件启动滑动显示命令，对所述第一目标组件在显示区域内进行滑动显示，其中，所述第一目标组件包括两个或多个第一目标组件列，所述第一目标组件列包括一个或多个第一目标子组件；

在步骤S1102中，获取所述第一目标子组件的显示属性信息，其中，所述显示属性信息至少包括所述第一目标子组件的显示窗口大小信息；

在步骤S1103中，响应于接收到组件停止滑动显示命令，根据所述第一目标子组件的当前显示位置、所述第一目标子组件的显示属性信息以及所述第一目标子组件之间的位置关系对于所述第一目标子组件进行自动排列。

上文提及，随着数据技术和互联网技术的发展，用户越来越多地通过移动终端查看网页等相关内容。实际上很多内容所显示的信息量、所需要的显示区域、以及所占用的显示空间都是各不相同的，为了为用户提供整齐美观的显示界面，同时提高用户的查看效率，通常是将不同信息量、不同显示区域、不同占用空间的内容调整为占用相同的显示区域和相同的显示空间，甚至提供双列纵向瀑布流视图的方式显示相关内容。上述技术方案虽然能够在一定程度上提高用户的查看效率，但不可避免地会损失一些有用信息，而且也无法实现多类型、多种类内容的灵活显示。

考虑到上述问题，在该实施方式中，提出一种组件显示方法，该方法通过对于所包含显示组件所占区域高度不同的两个或多个显示组件列的排列控制，使得不同显示组件列能够在接收到组件停止滑动显示命令时实现底部对齐或基本对齐显示。该技术方案不仅能够提供整齐美观的显示界面、提高用户的查看效率，而且能够保留不同显示内容的有效信息，实现多类型、多种类内容的灵活显示。

在本发明一实施方式中，如图12所示，所述步骤S1103，即响应于接收到组件停止滑动显示命令，根据所述第一目标子组件的当前显示位置、所述第一目标子组件的显示属性信息以及所述第一目标子组件之间的位置关系对于所述第一目标子组件进行自动排列的步骤，包括以下步骤S1201-S1202：

在步骤S1201中，响应于接收到组件停止滑动显示命令，根据所述第一目标子组件的当前显示位置，获取所述显示区域中不同第一目标组件列末端第一目标子组件底部位置之间的子组件距离差；

在步骤S1202中，当所述子组件距离差超过预设距离阈值时，根据所述第一目标子组件的显示属性信息以及所述第一目标子组件之间的位置关系对于所述第一目标子组件进行自动排列。

为了实现在接收到组件停止滑动显示命令时，对于所述第一目标子组件的自动排列，以提供整齐美观的显示界面、提高用户的查看效率，同时保留不同显示内容的有效信息，在该实施方式中，当接收到组件停止滑动显示命令时，首先根据所述第一目标子组件的当前显示位置，获取所述显示区域中不同第一目标组件列末端第一目标子组件底部位置之间的子组件距离差△L，如图13所示；且当所述子组件距离差△L超过预设距离阈值时，根据所述第一目标子组件的显示属性信息以及所述第一目标子组件之间的位置关系对于所述第一目标子组件进行自动排列，其中，所述预设距离阈值可根据实际应用的显示需要进行设置。

在本发明一实施方式中，所述自动排列指的是对于所述第一目标子组件进行的排列调整，其既可以包括上文所描述的对于某一个或某几个第一目标子组件显示窗口的移动调整，也可以包括对于当前显示区域中某一个或某几个第一目标子组件显示窗口顺序的调整。

即，在本发明一实施方式中，所述步骤S1202，即当所述子组件距离差超过预设距离阈值时，根据所述第一目标子组件的显示属性信息以及所述第一目标子组件之间的位置关系对于所述第一目标子组件进行自动排列的步骤，可被实施为：

当所述子组件距离差超过预设距离阈值时，根据所述子组件距离差调整所述第一目标子组件的显示位置，使得所述显示区域中不同第一目标组件列的末端第一目标子组件的底部位置对齐或基本对齐。

在该实施方式中，主要是对于所述显示区域中不同第一目标组件列的末端第一目标子组件的显示窗口进行移动调整，比如，如图13所示，若此时所述显示区域中左列第一目标组件列的末端第一目标子组件14已显示完全，而右列第一目标组件列的末端第一目标子组件23未显示完全，且第一目标子组件23底部位置与第一目标子组件14底部位置之间的子组件距离差为△L，则可将未显示完全的第一目标子组件23及其上方的第一目标子组件22和21均向上移动距离△L，以使所述第一目标子组件23显示完全，且使得第一目标子组件23的底部位置与第一目标子组件14的底部位置对齐或基本对齐，如图14所示。

其中，所述基本对齐指的是所述显示区域中不同第一目标组件列末端第一目标子组件底部位置之间的子组件距离差△L小于或等于某一预设距离差阈值，所述某一预设距离差阈值可根据实际应用的显示需要进行确定，比如，可设置为1mm等等。

在本发明另一实施方式中，所述步骤S1202，即当所述子组件距离差超过预设距离阈值时，根据所述第一目标子组件的显示属性信息以及所述第一目标子组件之间的位置关系对于所述第一目标子组件进行自动排列的步骤，还可被实施为：

当所述子组件距离差超过预设距离阈值时，根据所述子组件距离差调整所述第一目标子组件的显示顺序，使得所述显示区域中不同第一目标组件列的末端第一目标子组件的底部位置对齐或基本对齐。

在该实施方式中，主要是对于所述显示区域中的不同第一目标子组件的显示顺序进行变换调整，比如，仍然如图13所示，若此时所述显示区域中左列第一目标组件列的末端第一目标子组件14已显示完全，而右列第一目标组件列的末端第一目标子组件23未显示完全，第一目标子组件23底部位置与第一目标子组件14底部位置之间的子组件距离差为△L，且位于第一目标子组件23下方将要显示的第一目标子组件24的显示窗口小于所述第一目标子组件23的显示窗口，且所述第一目标子组件24显示窗口高度与所述第一目标子组件23显示窗口高度之间的高度差与所述子组件距离差△L之间的差值小于所述预设距离差阈值，此时便可将所述第一目标子组件23和所述第一目标子组件24的显示顺序调整一下，即先显示所述第一目标子组件24，再显示所述第一目标子组件23，使得作为右列第一目标组件列的末端的第一目标子组件24的底部位置与作为左列第一目标组件列的末端的第一目标子组件14底部位置对齐或基本对齐，如图15所示。

图11-图15所示及相关实施方式所涉及的技术特征与上文图1-图10所示实施方式所描述的技术特征的解释相同或相似，相关技术特征的解释和说明可参考上述图1-图10所示实施方式中对于技术特征的解释和说明，在此不再赘述。

下述为本发明装置实施例，可以用于执行本发明方法实施例。

图16示出根据本发明一实施方式的组件显示装置的结构框图，该装置可以通过软件、硬件或者两者的结合实现成为电子设备的部分或者全部。如图16所示，所述组件显示装置包括：

第一显示模块1601，被配置为响应于接收到组件启动滑动显示命令，对所述第一目标组件在显示区域内进行滑动显示，其中，所述第一目标组件包括两个或多个第一目标组件列，所述第一目标组件列包括一个或多个第一目标子组件；

第一获取模块1602，被配置为获取所述第一目标组件列的显示属性信息，其中，所述显示属性信息至少包括所述第一目标子组件的显示窗口大小信息；

第一调整模块1603，被配置为响应于接收到组件停止滑动显示命令，根据所述第一目标组件列的当前显示位置和所述显示属性信息调整所述第一目标子组件的显示位置，使得所述显示区域中不同第一目标组件列的末端第一目标子组件的底部位置对齐。

上文提及，随着数据技术和互联网技术的发展，用户越来越多地通过移动终端查看网页等相关内容。实际上很多内容所显示的信息量、所需要的显示区域、以及所占用的显示空间都是各不相同的，为了为用户提供整齐美观的显示界面，同时提高用户的查看效率，通常是将不同信息量、不同显示区域、不同占用空间的内容调整为占用相同的显示区域和相同的显示空间，甚至提供双列纵向瀑布流视图的方式显示相关内容。上述技术方案虽然能够在一定程度上提高用户的查看效率，但不可避免地会损失一些有用信息，而且也无法实现多类型、多种类内容的灵活显示。

考虑到上述问题，在该实施方式中，提出一种组件显示装置，该装置通过对于所包含显示组件所占区域高度不同的两个或多个显示组件列的显示位置的控制，使得不同显示组件列能够在接收到组件停止滑动显示命令时实现底部对齐显示。该技术方案不仅能够提供整齐美观的显示界面、提高用户的查看效率，而且能够保留不同显示内容的有效信息，实现多类型、多种类内容的灵活显示。

在本发明一实施方式中，所述组件启动滑动显示命令指的是用于使得所述组件开始进行滑动显示的命令，其可由用户或其他组件观看方发送，其中，所述组件启动滑动显示命令比如可以为手指上滑等检测到的滑动显示启动动作、滑动显示命令选择等输入的滑动显示启动命令，等等。类似地，所述组件停止滑动显示命令指的是用于使得所述组件停止进行滑动显示的命令，其亦可由用户或其他组件观看方发送，其中，所述组件停止滑动显示命令比如可以为预设时间段内手指停止上滑等检测到的滑动显示停止动作、停止滑动显示命令选择等输入的滑动显示停止命令，等等。

在本发明一实施方式中，所述第一目标组件指的是由两个或多个第一目标子组件组成的显示组件集合。其中，为了同时显示给用户更多的信息，所述第一目标组件包括两个或多个第一目标组件列，每个第一目标组件列中均包括一个或多个第一目标子组件。为了最大程度地保留不同显示内容的有效信息，不同第一目标组件列的显示属性信息有可能不同，比如不同第一目标组件列所包含的第一目标子组件所占区域的高度有可能不同，也即不同第一目标组件列的第一目标子组件的显示窗口大小有可能不同，当然，在某些实施方式中，同一第一目标组件列的不同第一目标子组件的显示窗口大小也有可能不同。图2是根据本发明一实施方式的组件显示界面示意图，如图2所示，该显示界面的第一显示区域内包括两个第一目标组件列，每个第一目标组件列中均包括多个第一目标子组件，其中，左列中的第一目标子组件所占区域的高度相同，右列中的第一目标子组件所占区域的高度相同，且左列中的第一目标子组件所占区域的高度小于右列中的第一目标子组件所占区域的高度，即左列中的第一目标子组件的显示窗口小于右列中的第一目标子组件的显示窗口，这就形成了第一目标子组件纵向交错排列的界面。

在接收到用户或其他组件观看方发送的组件启动滑动显示命令之后，对于所述第一目标组件在预设显示区域内进行滑动显示，在接收到用户或其他组件观看方发送的组件停止滑动显示命令之后，对于所述第一目标组件在预设显示区域内停止进行滑动显示。其中，所述预设显示区域指的是预先设置的、用于显示所述第一目标组件的区域；所述滑动显示指的是使所述第一目标组件以一定的滑动速度显示所述第一目标组件所包含的内容的显示方式。

上文提及，为了最大程度地保留不同显示内容的有效信息，不同第一目标组件列的第一目标子组件的显示窗口大小有可能不同，同一第一目标组件列的不同第一目标子组件的显示窗口大小也有可能不同，那么在对于所述第一目标组件进行滑动显示时，不同第一目标组件列的第一目标子组件就会呈现交错滑动显示的情况，比如，如图3所示，假设左列第一目标子组件包括第一目标子组件11、第一目标子组件12、第一目标子组件13、第一目标子组件14……，右列第一目标子组件包括第一目标子组件21、第一目标子组件22、第一目标子组件23……，当左列第一目标子组件显示到了第一目标子组件14的时候，右列第一目标子组件仅显示到了第一目标子组件23，而且有可能出现位于左列和右列的第一目标子组件剩余的未显示内容不同的情况，比如位于左列的第一目标子组件14的全部内容已显示完毕，或者剩余未显示内容较少，而位于右列的第一目标子组件23还未显示完毕，或者剩余未显示内容较多，或者左列的第一目标子组件未显示完毕，或者剩余未显示内容较多，而右列的第一目标子组件已显示完毕，或者剩余未显示内容较少。此时若接收到对于所述第一目标组件停止进行滑动显示的命令，则未显示完毕的第一目标子组件就会带来显示内容的缺失，不利于提高显示服务质量。

因此，在本发明一实施方式中，当接收到用户或其他组件观看方发送的组件停止滑动显示命令之后，根据所述第一目标组件列的当前显示位置和所述显示属性信息来调整所述第一目标子组件的显示位置，使得所述第一显示区域中不同第一目标组件列的末端第一目标子组件的底部位置对齐。如图4所示，若接收到组件停止滑动显示命令时，左列第一目标子组件显示到了第一目标子组件14，且已经显示完毕，而右列第一目标子组件仅显示到了第一目标子组件23，且未显示完毕，还剩余一些内容未被显示出来，此时就可以调整所述第一目标子组件23的显示位置，比如使所述第一目标子组件23再向上滑动显示一段距离，以使得在所述第一显示区域中，位于左列末端的第一目标子组件14的底部位置与位于右列末端的第一目标子组件23的底部位置对齐。

在本发明一实施方式中，如图17所示，所述第一显示模块1601包括：

确定子模块1701，被配置为响应于接收到组件启动滑动显示命令，确定第一目标组件列显示起始位置；

显示子模块1702，被配置为基于所述第一目标组件列显示起始位置对所述第一目标子组件在显示区域内进行滑动显示。

为了准确执行对于显示组件的滑动显示，在该实施方式中，当接收到组件启动滑动显示命令时，确定子模块1701需要首先确定第一目标组件列的显示起始位置，其中，所述第一目标组件列的显示起始位置可以设置为当前位于所述第一显示区域顶端的目标子组件的顶部位置处；显示子模块1702然后再基于所述第一目标组件列显示起始位置对所述第一目标子组件在显示区域内进行滑动显示。如图3所示，所述第一目标组件列显示起始位置为当前位于所述第一显示区域顶端的第一目标子组件11和第一目标子组件21的顶部位置处。

在本发明一实施方式中，所述确定子模块1701可被配置为：

响应于接收到组件启动滑动显示命令，确定所述第一目标组件列的当前显示位置；

当所述显示区域中不同第一目标组件列的顶端第一目标子组件的顶部位置没有对齐时，调整所述第一目标子组件的显示位置，使得所述显示区域中不同第一目标组件列的顶端第一目标子组件的顶部位置对齐；

将所述显示区域中第一目标组件列的顶端第一目标子组件的顶部位置确定为所述第一目标组件列显示起始位置。

考虑到当接收到所述组件启动滑动显示命令时，所述显示区域中不同第一目标组件列的顶端第一目标子组件的顶部位置有可能没有对齐，此时需要对于所述第一目标子组件的显示位置进行调整，以使所述显示区域中不同第一目标组件列的顶端第一目标子组件的顶部位置处于对齐的状态。即在该实施方式中，当接收到所述组件启动滑动显示命令时，首先确定所述第一目标组件列的当前显示位置；当确定所述显示区域中不同第一目标组件列的顶端第一目标子组件的顶部位置没有对齐时，调整所述第一目标子组件的显示位置，使得所述显示区域中不同第一目标组件列的顶端第一目标子组件的顶部位置对齐；然后再将所述显示区域中第一目标组件列的顶端第一目标子组件的顶部位置确定为所述第一目标组件列显示起始位置。

在本发明一实施方式中，所述装置还包括对于第二目标组件进行显示的部分，即如图18所示，所述组件显示装置包括：

第一显示模块1801，被配置为响应于接收到组件启动滑动显示命令，对所述第一目标组件在显示区域内进行滑动显示，其中，所述第一目标组件包括两个或多个第一目标组件列，所述第一目标组件列包括一个或多个第一目标子组件；

第一获取模块1802，被配置为获取所述第一目标组件列的显示属性信息，其中，所述显示属性信息至少包括所述第一目标子组件的显示窗口大小信息；

第一调整模块1803，被配置为响应于接收到组件停止滑动显示命令，根据所述第一目标组件列的当前显示位置和所述显示属性信息调整所述第一目标子组件的显示位置，使得所述显示区域中不同第一目标组件列的末端第一目标子组件的底部位置对齐；

第二调整模块1804，被配置为响应于在所述显示区域中检测到第二目标组件，根据所述第一目标组件列的当前显示位置和所述显示属性信息调整所述第一目标子组件的显示位置，使得所述显示区域中不同第一目标组件列的末端第一目标子组件的底部位置对齐。

为了为用户提供多类型、多种类的显示内容，在该实现方式中，还设置有第二目标组件，其中，所述第二目标组件的显示内容种类、显示类型均可能与所述第一目标组件不同，其中，所述显示类型比如可以为静态显示、动态显示、横向单列显示、纵向单列显示、横向分列显示、纵向分列显示等类型。比如，所述第一目标组件可显示静态服装图片，而所述第二目标组件可显示动态玩具图片，再比如，所述第一目标组件的显示排列方式可以为纵向分列显示，所述第二目标组件的显示排列方式可以为横向单列显示，如图7所示，图7中，在用于显示所述第一目标组件的第一显示区域中纵向分列显示第一目标子组件17、第一目标子组件18、第一目标子组件19、第一目标子组件28和第一目标子组件29，在用于显示所述第二目标组件的第二显示区域中横向单列显示第二目标子组件31、第二目标子组件32和第二目标子组件33；当然也可以横向分列显示所述第二目标子组件，如图8所示，图8中，在所述第二显示区域中横向分列显示第二目标子组件31和第二目标子组件32。其中，所述第二目标组件所在第二显示区域的宽度与所述第一目标组件所在第一显示区域的宽度既可以相同，如图9所示，也可以不同，如图10所示。

在本发明一实施方式中，所述第二目标组件可以是预先设置的内容组件，也可以是根据用户的触发命令经过加载、跳转等操作得到的内容组件。与所述第一目标组件类似，所述第二目标组件可包括一个或多个第二目标子组件。

为了提高所述第二目标组件的显示质量，当在所述显示区域中检测到第二目标组件时，可与上文描述的接收到组件停止滑动显示命令的操作类似，根据所述第一目标组件列的当前显示位置和所述显示属性信息调整所述第一目标子组件的显示位置，使得所述显示区域中不同第一目标组件列的末端第一目标子组件的底部位置对齐。

在本发明一实施方式中，所述第一调整模块或第二调整模块中的根据所述第一目标组件列的当前显示位置和所述显示属性信息调整所述第一目标子组件的显示位置，使得所述显示区域中不同第一目标组件列的末端第一目标子组件的底部位置对齐的部分，可被配置为：

确定所述第一目标组件列的当前显示位置；

当所述显示区域中不同第一目标组件列的末端第一目标子组件的底部位置没有对齐时，根据所述第一目标组件列的当前显示位置和显示属性信息确定不同第一目标组件列的末端第一目标子组件底部位置距离所述显示区域底部之间的距离差；

根据所述距离差调整所述第一目标子组件的显示位置，使得所述显示区域中不同第一目标组件列的末端第一目标子组件的底部位置对齐。

为了准确实现不同第一目标组件列的末端第一目标子组件的底部位置对齐的效果，在该实施方式中，首先确定所述第一目标组件列的当前显示位置；然后当确认所述显示区域中不同第一目标组件列的末端第一目标子组件的底部位置没有对齐时，根据所述第一目标组件列的当前显示位置和显示属性信息确定不同第一目标组件列的末端第一目标子组件底部位置距离所述显示区域底部之间的距离差△S，如图3所示；最后根据所述距离差调整所述第一目标子组件的显示位置，使得所述显示区域中不同第一目标组件列的末端第一目标子组件的底部位置对齐。

图19示出根据本发明再一实施方式的组件显示装置的结构框图，该装置可以通过软件、硬件或者两者的结合实现成为电子设备的部分或者全部。如图19所示，所述组件显示装置包括：

第二显示模块1901，被配置为响应于接收到组件启动滑动显示命令，对所述第一目标组件在显示区域内进行滑动显示，其中，所述第一目标组件包括两个或多个第一目标组件列，所述第一目标组件列包括一个或多个第一目标子组件；

第二获取模块1902，被配置为获取所述第一目标子组件的显示属性信息，其中，所述显示属性信息至少包括所述第一目标子组件的显示窗口大小信息；

排列模块1903，被配置为响应于接收到组件停止滑动显示命令，根据所述第一目标子组件的当前显示位置、所述第一目标子组件的显示属性信息以及所述第一目标子组件之间的位置关系对于所述第一目标子组件进行自动排列。

上文提及，随着数据技术和互联网技术的发展，用户越来越多地通过移动终端查看网页等相关内容。实际上很多内容所显示的信息量、所需要的显示区域、以及所占用的显示空间都是各不相同的，为了为用户提供整齐美观的显示界面，同时提高用户的查看效率，通常是将不同信息量、不同显示区域、不同占用空间的内容调整为占用相同的显示区域和相同的显示空间，甚至提供双列纵向瀑布流视图的方式显示相关内容。上述技术方案虽然能够在一定程度上提高用户的查看效率，但不可避免地会损失一些有用信息，而且也无法实现多类型、多种类内容的灵活显示。

考虑到上述问题，在该实施方式中，提出一种组件显示装置，该装置通过对于所包含显示组件所占区域高度不同的两个或多个显示组件列的排列控制，使得不同显示组件列能够在接收到组件停止滑动显示命令时实现底部对齐或基本对齐显示。该技术方案不仅能够提供整齐美观的显示界面、提高用户的查看效率，而且能够保留不同显示内容的有效信息，实现多类型、多种类内容的灵活显示。

在本发明一实施方式中，如图20所示，所述排列模块1903包括：

获取子模块2001，被配置为响应于接收到组件停止滑动显示命令，根据所述第一目标子组件的当前显示位置，获取所述显示区域中不同第一目标组件列末端第一目标子组件底部位置之间的子组件距离差；

排列子模块2002，被配置为当所述子组件距离差超过预设距离阈值时，根据所述第一目标子组件的显示属性信息以及所述第一目标子组件之间的位置关系对于所述第一目标子组件进行自动排列。

为了实现在接收到组件停止滑动显示命令时，对于所述第一目标子组件的自动排列，以提供整齐美观的显示界面、提高用户的查看效率，同时保留不同显示内容的有效信息，在该实施方式中，当接收到组件停止滑动显示命令时，首先根据所述第一目标子组件的当前显示位置，获取所述显示区域中不同第一目标组件列末端第一目标子组件底部位置之间的子组件距离差△L，如图13所示；且当所述子组件距离差△L超过预设距离阈值时，根据所述第一目标子组件的显示属性信息以及所述第一目标子组件之间的位置关系对于所述第一目标子组件进行自动排列，其中，所述预设距离阈值可根据实际应用的显示需要进行设置。

在本发明一实施方式中，所述自动排列指的是对于所述第一目标子组件进行的排列调整，其既可以包括上文所描述的对于某一个或某几个第一目标子组件显示窗口的移动调整，也可以包括对于当前显示区域中某一个或某几个第一目标子组件显示窗口顺序的调整。

即，在本发明一实施方式中，所述排列子模块2002可被配置为：

当所述子组件距离差超过预设距离阈值时，根据所述子组件距离差调整所述第一目标子组件的显示位置，使得所述显示区域中不同第一目标组件列的末端第一目标子组件的底部位置对齐或基本对齐。

在该实施方式中，主要是对于所述显示区域中不同第一目标组件列的末端第一目标子组件的显示窗口进行移动调整，比如，如图13所示，若此时所述显示区域中左列第一目标组件列的末端第一目标子组件14已显示完全，而右列第一目标组件列的末端第一目标子组件23未显示完全，且第一目标子组件23底部位置与第一目标子组件14底部位置之间的子组件距离差为△L，则可将未显示完全的第一目标子组件23及其上方的第一目标子组件22和21均向上移动距离△L，以使所述第一目标子组件23显示完全，且使得第一目标子组件23的底部位置与第一目标子组件14的底部位置对齐或基本对齐，如图14所示。

其中，所述基本对齐指的是所述显示区域中不同第一目标组件列末端第一目标子组件底部位置之间的子组件距离差△L小于或等于某一预设距离差阈值，所述某一预设距离差阈值可根据实际应用的显示需要进行确定，比如，可设置为1mm等等。

在本发明另一实施方式中，所述排列子模块2002还可被配置为：

当所述子组件距离差超过预设距离阈值时，根据所述子组件距离差调整所述第一目标子组件的显示顺序，使得所述显示区域中不同第一目标组件列的末端第一目标子组件的底部位置对齐或基本对齐。

在该实施方式中，主要是对于所述显示区域中的不同第一目标子组件的显示顺序进行变换调整，比如，仍然如图13所示，若此时所述显示区域中左列第一目标组件列的末端第一目标子组件14已显示完全，而右列第一目标组件列的末端第一目标子组件23未显示完全，第一目标子组件23底部位置与第一目标子组件14底部位置之间的子组件距离差为△L，且位于第一目标子组件23下方将要显示的第一目标子组件24的显示窗口小于所述第一目标子组件23的显示窗口，且所述第一目标子组件24显示窗口高度与所述第一目标子组件23显示窗口高度之间的高度差与所述子组件距离差△L之间的差值小于所述预设距离差阈值，此时便可将所述第一目标子组件23和所述第一目标子组件24的显示顺序调整一下，即先显示所述第一目标子组件24，再显示所述第一目标子组件23，使得作为右列第一目标组件列的末端的第一目标子组件24的底部位置与作为左列第一目标组件列的末端的第一目标子组件14底部位置对齐或基本对齐，如图15所示。

图19-图20所示及相关实施方式所涉及的技术特征与上文图16-图18所示实施方式所描述的技术特征的解释相同或相似，相关技术特征的解释和说明可参考上述图16-图18所示实施方式中对于技术特征的解释和说明，在此不再赘述。

本发明实施例还公开了一种电子设备，图21示出根据本发明一实施方式的电子设备的结构框图，如图21所示，所述电子设备2100包括存储器2101和处理器2102；其中，

所述存储器2101用于存储一条或多条计算机指令，其中，所述一条或多条计算机指令被所述处理器2102执行以实现上述任一方法步骤。

图22适于用来实现根据本发明实施方式的组件显示方法的计算机***的结构示意图。

如图22所示，计算机***2200包括中央处理单元(CPU)2201，其可以根据存储在只读存储器(ROM)2202中的程序或者从存储部分2208加载到随机访问存储器(RAM)2203中的程序而执行上述实施方式中的各种处理。在RAM2203中，还存储有***2200操作所需的各种程序和数据。CPU2201、ROM2202以及RAM2203通过总线2204彼此相连。输入/输出(I/O)接口2205也连接至总线2204。

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

特别地，根据本发明的实施方式，上文描述的方法可以被实现为计算机软件程序。例如，本发明的实施方式包括一种计算机程序产品，其包括有形地包含在及其可读介质上的计算机程序，所述计算机程序包含用于执行所述组件显示方法的程序代码。在这样的实施方式中，该计算机程序可以通过通信部分2209从网络上被下载和安装，和/或从可拆卸介质2211被安装。

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

描述于本发明实施方式中所涉及到的单元或模块可以通过软件的方式实现，也可以通过硬件的方式来实现。所描述的单元或模块也可以设置在处理器中，这些单元或模块的名称在某种情况下并不构成对该单元或模块本身的限定。

作为另一方面，本发明实施例还提供了一种计算机可读存储介质，该计算机可读存储介质可以是上述实施方式中所述装置中所包含的计算机可读存储介质；也可以是单独存在，未装配入设备中的计算机可读存储介质。计算机可读存储介质存储有一个或者一个以上程序，所述程序被一个或者一个以上的处理器用来执行描述于本发明实施例的方法。

以上描述仅为本发明的较佳实施例以及对所运用技术原理的说明。本领域技术人员应当理解，本发明实施例中所涉及的发明范围，并不限于上述技术特征的特定组合而成的技术方案，同时也应涵盖在不脱离所述发明构思的情况下，由上述技术特征或其等同特征进行任意组合而形成的其它技术方案。例如上述特征与本发明实施例中公开的(但不限于)具有类似功能的技术特征进行互相替换而形成的技术方案。

Claims (16)

1.一种组件显示方法，其特征在于，包括：

响应于接收到组件启动滑动显示命令，对第一目标组件在显示区域内进行滑动显示，其中，所述第一目标组件包括两个或多个第一目标组件列，所述第一目标组件列包括一个或多个第一目标子组件；

获取所述第一目标组件列的显示属性信息，其中，所述显示属性信息至少包括所述第一目标子组件的显示窗口大小信息；

响应于接收到组件停止滑动显示命令，根据所述第一目标组件列的当前显示位置和所述显示属性信息调整所述第一目标子组件的显示位置，使得所述显示区域中不同第一目标组件列的末端第一目标子组件的底部位置对齐；

其中，所述响应于接收到组件启动滑动显示命令，对所述第一目标组件在显示区域内进行滑动显示，包括：

响应于接收到组件启动滑动显示命令，确定所述第一目标组件列的当前显示位置；

当所述显示区域中不同第一目标组件列的顶端第一目标子组件的顶部位置没有对齐时，调整所述第一目标子组件的显示位置，使得所述显示区域中不同第一目标组件列的顶端第一目标子组件的顶部位置对齐；

将所述显示区域中第一目标组件列的顶端第一目标子组件的顶部位置确定为所述第一目标组件列显示起始位置；

基于所述第一目标组件列显示起始位置对所述第一目标子组件在显示区域内进行滑动显示。

2.根据权利要求1所述的方法，其特征在于，不同第一目标组件列的第一目标子组件的显示窗口大小不同。

3.根据权利要求1所述的方法，其特征在于，还包括：

响应于在所述显示区域中检测到第二目标组件，根据所述第一目标组件列的当前显示位置和所述显示属性信息调整所述第一目标子组件的显示位置，使得所述显示区域中不同第一目标组件列的末端第一目标子组件的底部位置对齐，其中，所述第二目标组件与所述第一目标组件在所述显示区域中位于不同的子显示区域。

4.根据权利要求1或3所述的方法，其特征在于，所述根据所述第一目标组件列的当前显示位置和所述显示属性信息调整所述第一目标子组件的显示位置，使得所述显示区域中不同第一目标组件列的末端第一目标子组件的底部位置对齐，被实施为：

确定所述第一目标组件列的当前显示位置；

当所述显示区域中不同第一目标组件列的末端第一目标子组件的底部位置没有对齐时，根据所述第一目标组件列的当前显示位置和显示属性信息确定不同第一目标组件列的末端第一目标子组件底部位置距离所述显示区域底部之间的距离差；

根据所述距离差调整所述第一目标子组件的显示位置，使得所述显示区域中不同第一目标组件列的末端第一目标子组件的底部位置对齐。

5.一种组件显示方法，其特征在于，包括：

响应于接收到组件启动滑动显示命令，对第一目标组件在显示区域内进行滑动显示，其中，所述第一目标组件包括两个或多个第一目标组件列，所述第一目标组件列包括一个或多个第一目标子组件；

获取所述第一目标子组件的显示属性信息，其中，所述显示属性信息至少包括所述第一目标子组件的显示窗口大小信息；

响应于接收到组件停止滑动显示命令，根据所述第一目标子组件的当前显示位置、所述第一目标子组件的显示属性信息以及所述第一目标子组件之间的位置关系对于所述第一目标子组件进行自动排列；

其中，所述响应于接收到组件停止滑动显示命令，根据所述第一目标子组件的当前显示位置、所述第一目标子组件的显示属性信息以及所述第一目标子组件之间的位置关系对于所述第一目标子组件进行自动排列，包括：

响应于接收到组件停止滑动显示命令，根据所述第一目标子组件的当前显示位置，获取所述显示区域中不同第一目标组件列末端第一目标子组件底部位置之间的子组件距离差；

当所述子组件距离差超过预设距离阈值时，根据所述第一目标子组件的显示属性信息以及所述第一目标子组件之间的位置关系对于所述第一目标子组件进行自动排列。

6.根据权利要求5所述的方法，其特征在于，所述当所述子组件距离差超过预设距离阈值时，根据所述第一目标子组件的显示属性信息以及所述第一目标子组件之间的位置关系对于所述第一目标子组件进行自动排列，被实施为：

当所述子组件距离差超过预设距离阈值时，根据所述子组件距离差调整所述第一目标子组件的显示位置，使得所述显示区域中不同第一目标组件列的末端第一目标子组件的底部位置对齐或基本对齐。

7.根据权利要求5所述的方法，其特征在于，所述当所述子组件距离差超过预设距离阈值时，根据所述第一目标子组件的显示属性信息以及所述第一目标子组件之间的位置关系对于所述第一目标子组件进行自动排列，被实施为：

当所述子组件距离差超过预设距离阈值时，根据所述子组件距离差调整所述第一目标子组件的显示顺序，使得所述显示区域中不同第一目标组件列的末端第一目标子组件的底部位置对齐或基本对齐。

8.一种组件显示装置，其特征在于，包括：

第一显示模块，被配置为响应于接收到组件启动滑动显示命令，对第一目标组件在显示区域内进行滑动显示，其中，所述第一目标组件包括两个或多个第一目标组件列，所述第一目标组件列包括一个或多个第一目标子组件；

第一获取模块，被配置为获取所述第一目标组件列的显示属性信息，其中，所述显示属性信息至少包括所述第一目标子组件的显示窗口大小信息；

第一调整模块，被配置为响应于接收到组件停止滑动显示命令，根据所述第一目标组件列的当前显示位置和所述显示属性信息调整所述第一目标子组件的显示位置，使得所述显示区域中不同第一目标组件列的末端第一目标子组件的底部位置对齐；

确定子模块，被配置为响应于接收到组件启动滑动显示命令，确定所述第一目标组件列的当前显示位置；

当所述显示区域中不同第一目标组件列的顶端第一目标子组件的顶部位置没有对齐时，调整所述第一目标子组件的显示位置，使得所述显示区域中不同第一目标组件列的顶端第一目标子组件的顶部位置对齐；

将所述显示区域中第一目标组件列的顶端第一目标子组件的顶部位置确定为所述第一目标组件列显示起始位置；

显示子模块，被配置为基于所述第一目标组件列显示起始位置对所述第一目标子组件在显示区域内进行滑动显示。

9.根据权利要求8所述的装置，其特征在于，不同第一目标组件列的第一目标子组件的显示窗口大小不同。

10.根据权利要求8所述的装置，其特征在于，还包括：

第二调整模块，被配置为响应于在所述显示区域中检测到第二目标组件，根据所述第一目标组件列的当前显示位置和所述显示属性信息调整所述第一目标子组件的显示位置，使得所述显示区域中不同第一目标组件列的末端第一目标子组件的底部位置对齐，其中，所述第二目标组件与所述第一目标组件在所述显示区域中位于不同的子显示区域。

11.根据权利要求8或10所述的装置，其特征在于，所述第一调整模块或第二调整模块中根据所述第一目标组件列的当前显示位置和所述显示属性信息调整所述第一目标子组件的显示位置，使得所述显示区域中不同第一目标组件列的末端第一目标子组件的底部位置对齐的部分，被配置为：

确定所述第一目标组件列的当前显示位置；

当所述显示区域中不同第一目标组件列的末端第一目标子组件的底部位置没有对齐时，根据所述第一目标组件列的当前显示位置和显示属性信息确定不同第一目标组件列的末端第一目标子组件底部位置距离所述显示区域底部之间的距离差；

根据所述距离差调整所述第一目标子组件的显示位置，使得所述显示区域中不同第一目标组件列的末端第一目标子组件的底部位置对齐。

12.一种组件显示装置，其特征在于，包括：

第二显示模块，被配置为响应于接收到组件启动滑动显示命令，对第一目标组件在显示区域内进行滑动显示，其中，所述第一目标组件包括两个或多个第一目标组件列，所述第一目标组件列包括一个或多个第一目标子组件；

第二获取模块，被配置为获取所述第一目标子组件的显示属性信息，其中，所述显示属性信息至少包括所述第一目标子组件的显示窗口大小信息；

排列模块，被配置为响应于接收到组件停止滑动显示命令，根据所述第一目标子组件的当前显示位置、所述第一目标子组件的显示属性信息以及所述第一目标子组件之间的位置关系对于所述第一目标子组件进行自动排列；

其中，所述排列模块包括：

获取子模块，被配置为响应于接收到组件停止滑动显示命令，根据所述第一目标子组件的当前显示位置，获取所述显示区域中不同第一目标组件列末端第一目标子组件底部位置之间的子组件距离差；

排列子模块，被配置为当所述子组件距离差超过预设距离阈值时，根据所述第一目标子组件的显示属性信息以及所述第一目标子组件之间的位置关系对于所述第一目标子组件进行自动排列。

13.根据权利要求12所述的装置，其特征在于，所述排列子模块被配置为：

当所述子组件距离差超过预设距离阈值时，根据所述子组件距离差调整所述第一目标子组件的显示位置，使得所述显示区域中不同第一目标组件列的末端第一目标子组件的底部位置对齐或基本对齐。

14.根据权利要求12所述的装置，其特征在于，所述排列子模块被配置为：

当所述子组件距离差超过预设距离阈值时，根据所述子组件距离差调整所述第一目标子组件的显示顺序，使得所述显示区域中不同第一目标组件列的末端第一目标子组件的底部位置对齐或基本对齐。

15.一种电子设备，其特征在于，包括存储器和处理器；其中，

所述存储器用于存储一条或多条计算机指令，其中，所述一条或多条计算机指令被所述处理器执行以实现权利要求1-7任一项所述的方法步骤。

16.一种计算机可读存储介质，其上存储有计算机指令，其特征在于，该计算机指令被处理器执行时实现权利要求1-7任一项所述的方法步骤。

Images