CN102323925A - 一种控件显示方法、系统及控制装置 - Google Patents

Abstract

本发明提供一种控件显示方法、系统及控制装置。上述方法包括以下步骤。客户端从服务器获得控件数量参数。客户端通过加载的flash插件依据控件数量参数得到N个控件。客户端将待排列信息传输至控制装置。控制装置分别结合(H×L)/N与(W×S)/(L+1)、(H×L)/(N×S)与W/L的比较结果，获得显示规则，并将显示规则传输至客户端。其中，待排列信息包括控件数量参数、H、W及S，H为预设显示区域的高度，W为预设显示区域的宽度，S为控件高宽比，L为显示列数，且L≥1。客户端按照接收的显示规则将N个控件显示于客户端的预设显示区域。

Description

一种控件显示方法、系统及控制装置

技术领域

本发明属于网络技术，尤其涉及一种控件显示方法、系统及控制装置。

背景技术

网络的发展和普及，使网络交流更为方便、快捷，很多用户开始在网络上建立个人门户网站，通过个人门户网站发布信息与朋友交流。为能在个人门户网站上更好地展现自己的个性，用户往往需要对网页显示的视频进行布局。

目前，往往是以随机方式对视频进行排列或者对视频编号后进行依次排列。然而，当用户对视频显示面积提出要求时，上述方式均无法确保用户要求达到较佳的显示效果，从而会影响用户体验和观感。

发明内容

本发明提供一种控件显示方法、系统及控制装置以解决上述问题。

本发明提供一种控件显示方法，上述方法包括以下步骤。客户端从服务器获得控件数量参数。客户端通过加载的flash插件依据控件数量参数得到N个控件。客户端将待排列信息传输至控制装置。控制装置分别结合(H×L)/N与(W×S)/(L+1)、(H×L)/(N×S)与W/L的比较结果，获得显示规则，并将显示规则传输至客户端。其中，待排列信息包括控件数量参数、H、W及S，H为预设显示区域的高度，W为预设显示区域的宽度，S为控件高宽比，L为显示列数，且L≥1。客户端按照接收的显示规则将N个控件显示于客户端的预设显示区域。

本发明还提供一种控件显示系统，包括服务器、控制装置及客户端。客户端用于从服务器获得控件数量参数，客户端通过加载的flash插件依据控件数量参数得到N个控件。客户端将待排列信息传输至控制装置，控制装置分别结合(H×L)/N与(W×S)/(L+1)、(H×L)/(N×S)与W/L的比较结果，获得显示规则，并将显示规则传输至客户端。客户端按照接收的显示规则将N个控件显示于客户端的预设显示区域。其中，待排列信息包括控件数量参数、H、W及S，H为预设显示区域的高度，W为预设显示区域的宽度，S为控件高宽比，L为显示列数，且L≥1。

本发明还提供一种控制装置，包括接收模块、运算比较模块以及传输模块。接收模块从客户端接收待排列信息。运算比较模块连接接收模块，根据获得的待排列信息运算比较(H×L)/N与(W×S)/(L+1)、(H×L)/(N×S)与W/L，以获得显示规则。其中，待排列信息包括控件数量参数、H、W及S，H为预设显示区域的高度，W为预设显示区域的宽度，S为控件高宽比，L为显示列数，且L≥1。传输模块连接运算比较模块，传输模块将显示规则传输至客户端。

相较于先前技术，根据本发明提供的控件显示方法、系统及控制装置，控制装置通过比较(H×L)/N与(W×S)/(L+1)、(H×L)/(N×S)与W/L，从而确定N个控件的排列方式以及每个控件的高度与宽度，以使单个控件的显示面积最大。如此，提高用户的体验和观感。

附图说明

此处所说明的附图用来提供对本发明的进一步理解，构成本申请的一部分，本发明的示意性实施例及其说明用于解释本发明，并不构成对本发明的不当限定。在附图中：

图1所示为根据本发明的较佳实施例提供的控件显示方法的流程图；

图2所示为根据本发明的较佳实施例提供的控件显示系统的示意图；

图3所示为根据本发明的较佳实施例提供的控制装置的示意图。

具体实施方式

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

图1所示为根据本发明的较佳实施例提供的控件显示方法的流程图。如图1所示，本发明较佳实施例提供的控件显示方法包括步骤101～105。于步骤101，客户端从服务器获得控件数量参数。具体而言，用户于客户端通过配置文件给服务器传输控件数量参数，服务器将接收到的控件数量参数传输至客户端加载的flash插件。其中，控件数量参数表示待显示的控件数目N。例如，控件数量参数为5表示客户端需要排列显示5个控件。

于步骤102，客户端通过加载的flash插件依据控件数量参数得到N个控件。具体而言，flash插件本身自带视频控件VIDEO，客户端加载flash插件后每调用一次VIDEO即可获得一个视频控件。flash插件按照控件数量参数循环调用N次可得到N个控件。

于步骤103，客户端将待排列信息传输至控制装置。于步骤104，控制装置分别结合(H×L)/N与(W×S)/(L+1)、(H×L)/(N×S)与W/L的比较结果，获得显示规则，并将显示规则传输至客户端。其中，待排列信息包括控件数量参数、H、W及S，H为预设显示区域的高度，W为预设显示区域的宽度，S为控件高宽比，L为显示列数，且L≥1。其中，S根据上述控件的高宽比确定。较佳地，控件高宽比S小于1，例如为3/4或9/16。然而，本发明并不限定于此。

于步骤105，客户端按照接收的显示规则将N个控件显示于客户端的预设显示区域。

以下详细说明显示规则。若(H×L)/N≥(W×S)/(L+1)且(H×L)/(N×S)≤W/L，则控制装置获得的显示规则为：每个控件的高度设置为(H×L)/N，宽度设置为(H×L)/(N×S)，N个控件排列成L列。若(H×L)/N≥(W×S)/(L+1)且(H×L)/(N×S)＞W/L，则控制装置获得的显示规则为：每个控件的宽度设置为W/L，高度设置为(W×S)/L，N个控件排列成L列。

于本实施例中，若(H×L)/N＜(W×S)/(L+1)，则L递增加1后控制装置继续比较(H×L)/N与(W×S)/(L+1)，直至(H×L)/N≥(W×S)/(L+1)。接着，若(H×L)/(N×S)≤W/L，则控制装置获得的显示规则为：每个控件的高度设置为(H×L)/N，宽度设置为(H×L)/(N×S)，N个控件排列成L列。若(H×L)/(N×S)＞W/L，则控制装置获得的显示规则为：每个控件的宽度设置为W/L，高度设置为(W×S)/L，N个控件排列成L列。

以客户端于预设显示区域(高度H＝380，宽度W＝160)排列显示5个控件(即，N＝5)，S＝3/4为例。当L＝1时，(H×L)/N＝76，(W×S)/(L+1)＝60，即(H×L)/N＞(W×S)/(L+1)。此外，(H×L)/(N×S)＝304/4，W/L＝160，即(H×L)/(N×S)＜W/L。如此，5个控件的显示规则为：每个控件的高度设置为(H×L)/N＝76，宽度设置为(H×L)/(N×S)＝304/3，5个控件排列成1列。

另外，以客户端于预设显示区域(高度H＝380，宽度W＝160)排列显示8个控件(即，N＝8)，S＝3/4为例。当L＝1时，(H×L)/N＝47.5，(W×S)/(L+1)＝60，即(H×L)/N＜(W×S)/(L+1)。接着，L递增加1(即L＝2)后，客户端继续比较(H×L)/N与(W×S)/(L+1)。此时，(H×L)/N＝95，(W×S)/(L+1)＝40，即(H×L)/N＞(W×S)/(L+1)。此外，(H×L)/(N×S)＝380/3，W/L＝80，即(H×L)/(N×S)＞W/L。如此，8个控件的显示规则为：每个控件的高度设置为(H×L)/N＝60，宽度设置为(H×L)/(N×S)＝80，8个控件排列成2列。

图2所示为根据本发明的较佳实施例提供的控件显示系统的示意图。图3所示为根据本发明的较佳实施例提供的控制装置的示意图。如图2与图3所示，控件显示系统包括服务器20、客户端30及控制装置40。其中，客户端30用于从服务器20获得控件数量参数，客户端30通过加载的flash插件依据控件数量参数得到N个控件。关于上述具体过程同前所述，故于此不再赘述。

此外，客户端30将待排列信息传输至控制装置40。待排列信息包括控件数量参数、H、W及S。控制装置40分别结合(H×L)/N与(W×S)/(L+1)、(H×L)/(N×S)与W/L的比较结果，获得显示规则，并将显示规则传输至客户端30。客户端30按照接收的显示规则将N个控件显示于客户端30的预设显示区域。其中，H为预设显示区域的高度，W为预设显示区域的宽度，S为控件高宽比，L为显示列数，且L≥1。

具体而言，若(H×L)/N≥(W×S)/(L+1)且(H×L)/(N×S)≤W/L，则控制装置40获得的显示规则为：每个控件的高度设置为(H×L)/N，宽度设置为(H×L)/(N×S)，N个控件排列成L列；若(H×L)/N≥(W×S)/(L+1)且(H×L)/(N×S)＞W/L，则控制装置40获得的显示规则为：每个控件的宽度设置为W/L，高度设置为(W×S)/L，N个控件排列成L列。若(H×L)/N＜(W×S)/(L+1)，则L递增加1后控制装置40继续比较(H×L)/N与(W×S)/(L+1)，直至(H×L)/N≥(W×S)/(L+1)。接着，若(H×L)/(N×S)≤W/L，则控制装置40获得的显示规则为：每个控件的高度设置为(H×L)/N，宽度设置为(H×L)/(N×S)，N个控件排列成L列；若(H×L)/(N×S)＞W/L，则控制装置40获得的显示规则为：每个控件的宽度设置为W/L，高度为(W×S)/L，N个控件排列成L列。

于本实施例中，控制装置40包括接收模块400、运算比较模块401以及传输模块402。其中，接收模块400从客户端30接收待排列信息。运算比较模块401连接接收模块400，根据获取的控件数量参数运算比较(H×L)/N与(W×S)/(L+1)、(H×L)/(N×S)与W/L，以获得显示规则。其中，H为预设显示区域的高度，W为预设显示区域的宽度，S为控件高宽比，L为显示列数，且L≥1。

于本实施例中，若(H×L)/N≥(W×S)/(L+1)且(H×L)/(N×S)≤W/L，运算比较模块401获得的显示规则为：每个控件的高度设置为(H×L)/N，宽度设置为(H×L)/(N×S)，N个控件排列成L列。若(H×L)/N≥(W×S)/(L+1)且(H×L)/(N×S)＞W/L，运算比较模块401获得的显示规则为：每个控件的宽度设置为W/L，高度设置为(W×S)/L，N个控件排列成L列。

于本实施例中，若(H×L)/N＜(W×S)/(L+1)，L递增加1后，运算比较模块401继续比较(H×L)/N与(W×S)/(L+1)，直至(H×L)/N≥(W×S)/(L+1)。接着，运算比较模块401比较(H×L)/(N×S)与W/L。若(H×L)/(N×S)≤W/L，运算比较模块401获得的显示规则为：每个控件的高度设置为(H×L)/N，宽度设置为(H×L)/(N×S)，N个控件排列成L列；若(H×L)/(N×S)＞W/L，运算比较模块301获得的显示规则为：每个控件的宽度设置为W/L，高度设置为(W×S)/L，N个控件排列成L列。

此外，传输模块402连接运算比较模块401，传输模块402将显示规则传输至客户端30客户端30按照接收到的显示规则将N个控件显示于客户端30的预设显示区域。于实际应用中，预设显示区域中排列显示的控件可加载显示不同的视频内容，如此达到单个视频的显示面积最大，从而丰富用户的体验和观感。

综上所述，根据本发明较佳实施例提供的控件显示方法、系统及控制装置，控制装置通过比较(H×L)/N与(W×S)/(L+1)、(H×L)/(N×S)与W/L，从而确定N个控件的排列方式以及每个控件的高度与宽度，以使单个控件的显示面积最大。如此，提高用户的体验和观感。

以上所述仅为本发明的优选实施例而已，并不用于限制本发明，对于本领域的技术人员来说，本发明可以有各种更改和变化。凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。

Claims (10)

1.一种控件显示方法，其特征在于，包括以下步骤：

客户端从服务器获得控件数量参数；

所述客户端通过加载的flash插件依据所述控件数量参数得到N个控件；

所述客户端将待排列信息传输至控制装置；

所述控制装置分别结合(H×L)/N与(W×S)/(L+1)、(H×L)/(N×S)与W/L的比较结果，获得显示规则，并将所述显示规则传输至所述客户端，其中，所述待排列信息包括控件数量参数、H、W及S，H为预设显示区域的高度，W为所述预设显示区域的宽度，S为所述控件高宽比，L为显示列数，且L≥1；

所述客户端按照接收的所述显示规则将所述N个控件显示于所述客户端的所述预设显示区域。

2.根据权利要求1所述的控件显示方法，其特征在于，若(H×L)/N≥(W×S)/(L+1)且(H×L)/(N×S)≤W/L，则所述显示规则为：每个控件的高度设置为(H×L)/N，宽度设置为(H×L)/(N×S)，所述N个控件排列成L列；

若(H×L)/N≥(W×S)/(L+1)且(H×L)/(N×S)＞W/L，则所述显示规则为：每个控件的宽度设置为W/L，高度设置为(W×S)/L，所述N个控件排列成L列。

3.根据权利要求1所述的控件显示方法，其特征在于，若(H×L)/N＜(W×S)/(L+1)，则L递增加1后所述控制装置继续比较(H×L)/N与(W×S)/(L+1)，直至(H×L)/N≥(W×S)/(L+1)，

若(H×L)/(N×S)≤W/L，则所述显示规则为：每个控件的高度设置为(H×L)/N，宽度设置为(H×L)/(N×S)，所述N个控件排列成L列，

若(H×L)/(N×S)＞W/L，则所述显示规则为：每个控件的宽度设置为W/L，高度设置为(W×S)/L，所述N个控件排列成L列。

4.根据权利要求1所述的控件显示方法，其特征在于，所述控件高宽比S小于1。

5.一种控件显示系统，其特征在于，包括：

服务器；

控制装置；以及

客户端，所述客户端用于从所述服务器获得控件数量参数，所述客户端通过加载的flash插件依据所述控件数量参数得到N个控件，所述客户端将待排列信息传输至所述控制装置，所述控制装置分别结合(H×L)/N与(W×S)/(L+1)、(H×L)/(N×S)与W/L的比较结果，获得显示规则，并将所述显示规则传输至所述客户端，所述客户端按照接收的所述显示规则将所述N个控件显示于所述客户端的预设显示区域，其中，所述待排列信息包括控件数量参数、H、W及S，H为所述预设显示区域的高度，W为所述预设显示区域的宽度，S为所述控件高宽比，L为显示列数，且L≥1。

6.根据权利要求5所述的控件显示系统，其特征在于，若(H×L)/N≥(W×S)/(L+1)且(H×L)/(N×S)≤W/L，则所述显示规则为：每个控件的高度设置为(H×L)/N，宽度设置为(H×L)/(N×S)，所述N个控件排列成L列；

若(H×L)/N≥(W×S)/(L+1)且(H×L)/(N×S)＞W/L，则所述显示规则为：每个控件的宽度设置为W/L，高度设置为(W×S)/L，所述N个控件排列成L列。

7.根据权利要求5所述的控件显示系统，其特征在于，若(H×L)/N＜(W×S)/(L+1)，则L递增加1后所述控制装置继续比较(H×L)/N与(W×S)/(L+1)，直至(H×L)/N≥(W×S)/(L+1)，

若(H×L)/(N×S)≤W/L，则所述显示规则为：每个控件的高度设置为(H×L)/N，宽度设置为(H×L)/(N×S)，所述N个控件排列成L列，

若(H×L)/(N×S)＞W/L，则所述显示规则为：每个控件的宽度设置为W/L，高度设置为(W×S)/L，所述N个控件排列成L列。

8.一种控制装置，其特征在于，包括：

接收模块，从客户端接收待排列信息；

运算比较模块，连接所述接收模块，根据获得的所述待排列信息运算比较(H×L)/N与(W×S)/(L+1)、(H×L)/(N×S)与W/L，以获得显示规则，其中，所述待排列信息包括控件数量参数、H、W及S，H为预设显示区域的高度，W为所述预设显示区域的宽度，S为控件高宽比，L为显示列数，且L≥1；以及

传输模块，连接所述运算比较模块，所述传输模块将所述显示规则传输至所述客户端。

9.根据权利要求8所述的控制装置，其特征在于，若(H×L)/N≥(W×S)/(L+1)且(H×L)/(N×S)≤W/L，则所述显示规则为：每个控件的高度设置为(H×L)/N，宽度设置为(H×L)/(N×S)，所述N个控件排列成L列；

若(H×L)/N≥(W×S)/(L+1)且(H×L)/(N×S)＞W/L，则所述显示规则为：每个控件的宽度设置为W/L，高度设置为(W×S)/L，所述N个控件排列成L列。

10.根据权利要求8所述的控制装置，其特征在于，若(H×L)/N＜(W×S)/(L+1)，则L递增加1后所述控制装置继续比较(H×L)/N与(W×S)/(L+1)，直至(H×L)/N≥(W×S)/(L+1)，

若(H×L)/(N×S)≤W/L，则所述显示规则为：每个控件的高度设置为(H×L)/N，宽度设置为(H×L)/(N×S)，所述N个控件排列成L列，

若(H×L)/(N×S)＞W/L，则所述显示规则为：每个控件的宽度设置为W/L，高度设置为(W×S)/L，所述N个控件排列成L列。

Images