专利名称：一种控件排列显示方法、系统及客户端的制作方法
技术领域：
本发明属于网络技术，尤其涉及一种控件排列显示方法、系统及客户端。
背景技术：
网络的发展和普及，使网络交流更为方便、快捷，很多用户开始在网络上建立个人门户网站，通过个人门户网站发布信息与朋友交流。为能在个人门户网站上更好地展现自己的个性，用户往往需要对网页显示的视频进行布局。目前，往往是以随机方式对视频进行排列或者对视频编号后进行依次排列。然而， 当用户对视频显示面积提出要求时，上述方式均无法确保用户要求达到较佳的显示效果， 从而会影响用户体验和观感。
发明内容
本发明提供一种控件排列显示方法、系统及客户端以解决上述问题。本发明提供一种控件排列显示方法，上述方法包括以下步骤。客户端从服务器获得控件数量参数。客户端通过加载的flash插件依据控件数量参数得到N个控件。客户端分别结合(HXL)/N与(WXS)/(L+1)、(HXL)/(NXS)与W/L的比较结果，获得显示规则，并按照显示规则将N个控件显示于客户端的预设显示区域。其中，H为预设显示区域的高度， W为预设显示区域的宽度，S为控件高宽比，L为显示列数，且L彡1。本发明还提供一种控件排列显示系统，包括服务器及客户端。客户端用于从服务器获得控件数量参数，客户端通过加载的flash插件依据控件数量参数得到N个控件。客户端分别结合(HXL)/N与(WXS)/(L+1)、(HX L)/(NX S)与W/L的比较结果，获得显示规则，并按照显示规则将N个控件显示于客户端的预设显示区域。其中，H为预设显示区域的高度，W为预设显示区域的宽度，S为控件高宽比，L为显示列数，且L ^ 1。本发明还提供一种客户端，包括获得模块、运算比较模块以及显示模块。获得模块通过加载的flash插件依据从服务器获得的控件数量参数得到N个控件。运算比较模块连接获得模块，运算比较(HXL)/N与(WXS)/(L+1)、(HXL)/(NXS)与W/L，获得显示规则。 其中，H为预设显示区域的高度，W为预设显示区域的宽度，S为控件高宽比，L为显示列数， 且1。显示模块连接运算比较模块，显示模块按照获得的显示规则将N个控件显示于预设显示区域。相较于先前技术，根据本发明提供的控件排列显示方法、系统及客户端，客户端通过比较(HXL)/N与(WXS)/(L+1)、(HXL)/(NXS)与W/L，从而确定N个控件的排列方式以及每个控件的高度与宽度，以使单个控件的显示面积最大。如此，提高用户的体验和观感。
此处所说明的附图用来提供对本发明的进一步理解，构成本申请的一部分，本发明的示意性实施例及其说明用于解释本发明，并不构成对本发明的不当限定。在附图中
图1所示为根据本发明的较佳实施例提供的控件排列显示方法的流程图；图2所示为根据本发明的较佳实施例提供的控件排列显示系统的示意图；图3所示为根据本发明的较佳实施例提供的客户端的示意图。
具体实施例方式下文中将参考附图并结合实施例来详细说明本发明。需要说明的是，在不冲突的情况下，本申请中的实施例及实施例中的特征可以相互组合。图1所示为根据本发明的较佳实施例提供的控件排列显示方法的流程图。如图1 所示，本发明较佳实施例提供的控件排列显示方法包括步骤101 103。于步骤101，客户端从服务器获得控件数量参数。具体而言，用户于客户端通过配置文件给服务器传输控件数量参数，服务器将接收到的控件数量参数传输至客户端加载的flash插件。其中，控件数量参数表示待显示的控件数目N。例如，控件数量参数为5表示客户端需要排列显示5个控件。于步骤102，客户端通过加载的flash插件依据控件数量参数得到N个控件。具体而言，flash插件本身自带视频控件VIDEO，客户端加载flash插件后每调用一次VIDEO即可获得一个视频控件。flash插件按照控件数量参数循环调用N次可得到N个控件。于步骤103，客户端分别结合(HXL)/N 与(WXS)/(L+1)、(HX L)/(NX S)与 W/L 的比较结果，获得显示规则，并按照显示规则将N个控件显示于客户端的预设显示区域。其中，H为预设显示区域的高度，W为预设显示区域的宽度，S为控件高宽比，L为显示列数，且 L彡1。其中，S根据上述控件的高宽比确定。较佳地，控件高宽比S小于1，例如为3/4或 9/16。然而，本发明并不限定于此。以下详细说明显示规则。若(HXL)/N彡(WXS)/(L+1)且(HXL)/(NXS) ^ ff/L, 则显示规则为每个控件的高度设置为(HXL)/N，宽度设置为(HX L)/(NX S)，N个控件排列成L列。若(HXL)/N彡(WXS)/(L+1)且(HXL)/(NX S) >W/L，则显示规则为每个控件的宽度设置为W/L，高度设置为(WX S) /L, N个控件排列成L列。于本实施例中，若(HXL)/N< (WXS)/(L+1)，则L递增加1后客户端继续比较 (HXL)/N 与(WXS)/(L+1)，直至(HXL)/N 彡(WX S) / (L+1)。接着，若(HXL)/(NX S) ^ff/ L，则显示规则为每个控件的高度设置为(HXL)/N，宽度设置为(HX L)/(NX S)，N个控件排列成L列。若(HXL)/(NX S) >W/L，则显示规则为每个控件的宽度设置为W/L，高度设置为(WXS)/L，N个控件排列成L列。以客户端于预设显示区域(高度H= 380，宽度W= 160)排列显示5个控件(即， N = 5)，S = 3/4 为例。当 L = 1 时，(HXL)/N = 76，(WXS)/(L+1) = 60，即(HXL)/N > (WXS)/(L+1) ο 此外，(HXL)/(NXS) = 304/4，W/L = 160，即(HXL)/(NXS) < W/L。如此，5个控件的显示规则为每个控件的高度设置为(HXL)/N = 76，宽度设置为(HXL)/ (NXS) = 304/3，5个控件排列成1列。另外，以客户端于预设显示区域(高度H = 380，宽度W = 160)排列显示8个控件(即，N = 8)，S = 3/4 为例。当 L = 1 时，(HXL)/N = 47. 5，(WXS)/(L+1) = 60，即 (HXL)/N< (WXS)/(L+1)。接着，L递增加1(即L = 2)后，客户端继续比较(HXL)/N与 (WXS)/(L+1) ο 此时，(HXL)/N = 95，(WXS)/(L+l) = 40，即(HXL) /N > (WXS)/(L+1)。此夕卜，(HXL)/(NX S) = 380/3,ff/L = 80, BP (HXL)/(NX S) > W/L。如此，8 个控件的显示规则为每个控件的高度设置为(HXL)/N = 60，宽度设置为(HXL)/(NXS) =80，8个控件排列成2列。图2所示为根据本发明的较佳实施例提供的控件排列显示系统的示意图。图3所示为根据本发明的较佳实施例提供的客户端的示意图。如图2与图3所示，控件排列显示系统包括服务器20及客户端30。其中，客户端30用于从服务器20获得控件数量参数，客户端30通过加载的flash插件依据控件数量参数得到N个控件。关于上述具体过程同前所述，故于此不再赘述。此外，客户端20 分别结合(HXL)/N 与(WXS)/(L+1)、(HXL)/(NXS)与 W/L 的比较结果，获得显示规则，并按照显示规则将N个控件显示于客户端的预设显示区域中。其中，H为预设显示区域的高度，W为预设显示区域的宽度，S为控件高宽比，L为显示列数，且 L>1。具体而言，若(HXL)/N彡(WXS)/(L+1)且(HXL)/(NXS)彡 W/L，则显示规则为每个控件的高度设置为(HXL)/N，宽度设置为(HX L)/(NX S)，N个控件排列成L列；若 (HXL)/N彡(WXS)/(L+1)且(HX L)/(NX S) > W/L，则显示规则为每个控件的宽度设置为W/L，高度设置为(WX S)/L，N个控件排列成L列。若(HXL)/N< (WX S) / (L+1)，则L递增加1后客户端继续比较(HXL)/N与(WXS)/(L+1)，直至(HXL)/N彡(WXS)/(L+1)。接着，若(HX L)/(NX S)彡W/L，则显示规则为每个控件的高度设置为(HXL)/N，宽度设置为 (HX L)/(NX S)，N个控件排列成L列；若(HX L)/(NX S) > W/L，则显示规则为每个控件的宽度设置为W/L，高度设置为(WX S) /L, N个控件排列成L列。于本实施例中，客户端30包括获得模块300、运算比较模块301以及显示模块 302。其中，获得模块300通过加载的flash插件依据从服务器20获得的控件数量参数得到 N个控件。运算比较模块301连接获得模块300，从获得模块300获取控件数量参数并运算比较(HXL)/N与(WXS)/(L+1)、(HXL)/(NXS)与W/L。其中，H为预设显示区域的高度， W为预设显示区域的宽度，S为控件高宽比，L为显示列数，且L彡1。于本实施例中，若(HXL)/N彡(WXS)/(L+1)且(HXL)/(NXS)彡 W/L，运算比较模块301获得的显示规则为每个控件的高度设置为(HXL)/N，宽度设置为(HXL)/ (NXS)，N 个控件排列成 L 列。若(HXL)/N 彡(WXS)/(L+1)且(HXL)/(NXS) >W/L，运算比较模块301获得的显示规则为每个控件的宽度设置为W/L，高度设置为(WXS)/L，N 个控件排列成L列。于本实施例中，若(HXL)/N < (WXS)/(L+1)，L递增加1后，运算比较模块301继续比较(HXL)/N与(WXS)/(L+1)，直至(HXL)/N彡(WXS)/(L+1)。接着，运算比较模块 301比较(HXL)/(NX S)与W/L。若(HXL)/(NX S)彡W/L，运算比较模块301获得的显示规则为每个控件的高度设置为(HXL)/N，宽度设置为(HX L)/(NX S)，N个控件排列成L 列；若(HXL)/(NXS) >W/L，运算比较模块301获得的设定显示规则为每个控件的宽度设置为W/L，高度设置为(WX S) /L, N个控件排列成L列。此外，显示模块302连接运算比较模块301，显示模块302按照从运算比较模块 301获得的显示规则将N个控件显示于预设显示区域。于实际应用中，预设显示区域中排列显示的控件可加载显示不同的视频内容，如此达到单个视频的显示面积最大，从而丰富用户的体验和观感。综上所述，根据本发明较佳实施例提供的控件排列显示方法、系统及客户端，客户端通过比较(HXL)/N与(WXS)/(L+1)、(HXL)/(NXS)与W/L，从而确定N个控件的排列方式以及每个控件的高度与宽度，以使单个控件的显示面积最大。如此，提高用户的体验和观感。以上所述仅为本发明的优选实施例而已，并不用于限制本发明，对于本领域的技术人员来说，本发明可以有各种更改和变化。凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。
权利要求
1.一种控件排列显示方法，其特征在于，包括以下步骤客户端从服务器获得控件数量参数；所述客户端通过加载的flash插件依据所述控件数量参数得到N个控件；所述客户端分别结合(HXL)/N与(WXS)/(L+1)、(HX L)/(NX S)与W/L的比较结果， 获得显示规则，并按照所述显示规则将所述N个控件显示于所述客户端的预设显示区域， 其中，H为所述预设显示区域的高度，W为所述预设显示区域的宽度，S为所述控件高宽比， L为显示列数，且L彡1。
2.根据权利要求1所述的控件排列显示方法，其特征在于，若(HXL)/N> (WXS)/ (L+1)且(HXL)/(NXS)彡W/L，则所述显示规则为每个控件的高度设置为(HXL)/N，宽度设置为(HX L) / (NX幻，所述N个控件排列成L列；若(HXL)/N彡(WXS)/(L+1)且(HX L)/(NX S) > W/L，则所述显示规则为每个控件的宽度设置为W/L，高度设置为(WX S) /L,所述N个控件排列成L列。
3.根据权利要求1所述的控件排列显示方法，其特征在于，若(HXL)/N< (WXS)/ (L+1)，则L递增加1后所述客户端继续比较(HXL)/N与(WXS)/(L+1)，直至(HXL)/ N 彡(WXS)/(L+1),若(HX L)/(NX S)彡W/L，则所述显示规则为每个控件的高度设置为(HXL)/N，宽度设置为(HX L)/(NX S),所述N个控件排列成L列，若(HX L)/(NX S) >W/L，则所述显示规则为每个控件的宽度设置为W/L，高度设置为 (WXS) /L,所述N个控件排列成L列。
4.根据权利要求1所述的控件排列显示方法，其特征在于，所述控件高宽比S小于1。
5.一种控件排列显示系统，其特征在于，包括服务器；客户端，所述客户端用于从所述服务器获得控件数量参数，所述客户端通过加载的flash插件依据所述控件数量参数得到N个控件，所述客户端分别结合(HXL)/N与 (WXS)/(L+1)、(HXL)/(NXS)与W/L的比较结果，获得显示规则，并按照所述显示规则将所述N个控件显示于所述客户端的预设显示区域，其中，H为所述预设显示区域的高度，W为所述预设显示区域的宽度，S为所述控件高宽比，L为显示列数，且L ^ 1。
6.根据权利要求5所述的控件排列显示系统，其特征在于，若(HXL)(WXS)/ (L+1)且(HXL)/(NXS)彡W/L，则所述显示规则为每个控件的高度设置为(HXL)/N，宽度设置为(HX L) / (NX幻，所述N个控件排列成L列；若(HXL)/N彡(WXS)/(L+1)且(HX L)/(NX S) > W/L，则所述显示规则为每个控件的宽度设置为W/L，高度设置为(WX S) /L,所述N个控件排列成L列。
7.根据权利要求5所述的控件排列显示系统，其特征在于，若(HXL)/N< (WXS)/ (L+1)，则L递增加1后所述客户端继续比较(HXL)/N与(WXS)/(L+1)，直至(HXL)/ N 彡(WXS)/(L+1),若(HXL)/(NXS)彡W/L，则所述显示规则为每个控件的高度设置为(HXL)/N，宽度设置为(HX L)/(NX S),所述N个控件排列成L列，若(HX L)/(NX S) >W/L，则所述显示规则为每个控件的宽度设置为W/L，高度设置为 (WXS) /L,所述N个控件排列成L列。
8.一种客户端，其特征在于，包括获得模块，通过加载的flash插件依据从服务器获得的控件数量参数得到N个控件；运算比较模块，连接所述获得模块，运算比较(HXL)/N与(WXQ/(L+1)、(HXL)/ (NXS)与W/L，并获得显示规则，其中，H为所述预设显示区域的高度，W为预设显示区域的宽度，S为所述控件高宽比，L为显示列数，且L彡1 ；以及显示模块，连接所述运算比较模块，所述显示模块按照获得的所述显示规则将所述N 个控件显示于所述预设显示区域。
9.根据权利要求8所述的客户端，其特征在于，若(HXL)/N≥(WXS)/(L+1)且 (HXL)/(NXS)彡W/L，则所述显示规则为每个控件的高度设置为(HXL)/N，宽度设置为 (HX L)/(NX S),所述N个控件排列成L列；若(HXL)/N彡(WXS)/(L+1)且(HX L)/(NX S) > W/L，则所述显示规则为每个控件的宽度设置为W/L，高度设置为(WX S) /L,所述N个控件排列成L列。
10.根据权利要求8所述的客户端，其特征在于，若(HXL)/N<(WXS)/(L+1)，则L递增加1后所述客户端继续比较(HXL) /N与(WX S) / (L+1)，直至(HXL) /N^ (WXS)/ (L+1)，若(HX L)/(NX S)≤W/L，则所述显示规则为每个控件的高度设置为(HXL)/N，宽度设置为(HX L)/(NX S),所述N个控件排列成L列，若(HX L)/(NX S) >W/L，则所述显示规则为每个控件的宽度设置为W/L，高度设置为 (WXS) /L,所述N个控件排列成L列。
全文摘要
本发明提供一种控件排列显示方法、系统及客户端。上述方法包括以下步骤。客户端从服务器获得控件数量参数。客户端通过加载的flash插件依据控件数量参数得到N个控件。客户端分别结合(H×L)/N与(W×S)/(L+1)、(H×L)/(N×S)与W/L的比较结果，获得显示规则，并按照显示规则将N个控件显示于客户端的预设显示区域。其中，H为预设显示区域的高度，W为预设显示区域的宽度，S为控件高宽比，L为显示列数，且L＞1。
文档编号G09G5/38GK102214454SQ201110136790
公开日2011年10月12日 申请日期2011年5月27日 优先权日2011年5月27日
发明者胡加明 申请人:苏州阔地网络科技有限公司