著录项信息
专利名称 | 一种控件排列方法及系统 |
申请号 | CN201110139576.2 | 申请日期 | 2011-05-27 |
法律状态 | 暂无 | 申报国家 | 中国 |
公开/公告日 | 2011-11-02 | 公开/公告号 | CN102231105A |
优先权 | 暂无 | 优先权号 | 暂无 |
主分类号 | G06F9/44 | IPC分类号 | G;0;6;F;9;/;4;4;;;H;0;4;L;2;9;/;0;6查看分类表>
|
申请人 | 苏州阔地网络科技有限公司 | 申请人地址 | 江苏省苏州市苏州工业园区葑亭大道666号唯亭智能产业园8楼
变更
专利地址、主体等相关变化,请及时变更,防止失效 |
权利人 | 阔地教育科技有限公司 | 当前权利人 | 阔地教育科技有限公司 |
发明人 | 胡加明 |
代理机构 | 暂无 | 代理人 | 暂无 |
摘要
本发明提供一种控件排列方法及系统。上述方法包括以下步骤。客户端从服务器获得控件数量参数。客户端通过加载的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个控件显示于客户端的预设显示区域。
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个控件显示于所述客户端的所述预设显示区域,
其中,若(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列。
2.根据权利要求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列。
3.根据权利要求1所述的控件排列方法,其特征在于,所述控件高宽比S小于1。
4.一种控件排列系统,其特征在于,包括:
服务器;
客户端,所述客户端用于从所述服务器获得控件数量参数,所述客户端通过加载的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个控件显示于所述客户端的所述预设显示区域,
若(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列。
5.根据权利要求4所述的控件排列系统,其特征在于,若(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列。
6.根据权利要求4所述的控件排列系统,其特征在于,上述服务器包括:
接收模块,从所述客户端接收所述控件待排列信息;
运算比较模块,连接所述接收模块,并根据所述控件待排列信息运算比较(H×L)/N与(W×S)/(L+1)、(H×L)/(N×S)与W/L以获得所述显示规则;以及
传输模块,连接所述运算比较模块,用于将所述显示规则传输至所述客户端。
7.根据权利要求4所述的控件排列系统,其特征在于,所述控件高宽比S小于1。
一种控件排列方法及系统\n技术领域\n[0001] 本发明属于网络技术,尤其涉及一种控件排列方法及系统。\n背景技术\n[0002] 网络的发展和普及,使网络交流更为方便、快捷,很多用户开始在网络上建立个人门户网站,通过个人门户网站发布信息与朋友交流。为能在个人门户网站上更好地展现自己的个性,用户往往需要对网页显示的视频进行布局。\n[0003] 目前,往往是以随机方式对视频进行排列或者对视频编号后进行依次排列。然而,当用户对视频显示面积提出要求时,上述方式均无法确保用户要求达到较佳的显示效果,从而会影响用户体验和观感。\n发明内容\n[0004] 本发明提供一种控件排列方法及系统以解决上述问题。\n[0005] 本发明提供一种控件排列方法,上述方法包括以下步骤。客户端从服务器获得控件数量参数。客户端通过加载的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个控件显示于客户端的预设显示区域。\n[0006] 本发明还提供一种控件排列系统,包括服务器及客户端。客户端用于从服务器获得控件数量参数,客户端通过加载的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个控件显示于客户端的预设显示区域。\n[0007] 相较于先前技术,根据本发明提供的控件排列方法及系统,服务器通过比较(H×L)/N与(W×S)/(L+1)、(H×L)/(N×S)与W/L,从而确定N个控件的排列方式以及每个控件的高度与宽度,以使单个控件的显示面积最大。如此,提高用户的体验和观感。\n附图说明\n[0008] 此处所说明的附图用来提供对本发明的进一步理解,构成本申请的一部分,本发明的示意性实施例及其说明用于解释本发明,并不构成对本发明的不当限定。在附图中:\n[0009] 图1所示为根据本发明的较佳实施例提供的控件排列方法的流程图;\n[0010] 图2所示为根据本发明的较佳实施例提供的控件排列系统的示意图。\n具体实施方式\n[0011] 下文中将参考附图并结合实施例来详细说明本发明。需要说明的是,在不冲突的情况下,本申请中的实施例及实施例中的特征可以相互组合。\n[0012] 图1所示为根据本发明的较佳实施例提供的控件排列方法的流程图。如图1所示,本发明较佳实施例提供的控件排列方法包括步骤101~105。于步骤101,客户端从服务器获得控件数量参数。具体而言,用户于客户端通过配置文件给服务器传输控件数量参数,服务器将接收到的控件数量参数传输至客户端加载的flash插件。其中,控件数量参数表示待排列的控件数目N。例如,控件数量参数为5表示客户端需要排列显示5个控件。\n[0013] 于步骤102,客户端通过加载的flash插件依据控件数量参数得到N个控件。具体而言,flash插件本身自带视频控件VIDEO,客户端加载flash插件后每调用一次VIDEO即可获得一个视频控件。flash插件按照控件数量参数循环调用N次可得到N个控件。\n[0014] 于步骤103,客户端将待排列信息传输至服务器。其中,待排列信息包括客户端预设显示区域的高度H、宽度W及控件高宽比S。\n[0015] 于步骤104,服务器分别结合(H×L)/N与(W×S)/(L+1)、(H×L)/(N×S)与W/L的比较结果,获得显示规则,并将显示规则传输至客户端。其中,H为预设显示区域的高度,W为预设显示区域的宽度,S为控件高宽比,L为显示列数,且L≥1。其中,S根据上述控件的高宽比确定。较佳地,控件高宽比S小于1,例如为3/4或9/16。然而,本发明并不限定于此。\n[0016] 于步骤105,客户端按照接收的显示规则将N个控件显示于客户端的预设显示区域。\n[0017] 显示规则具体说明如下。若(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列。\n[0018] 于本实施例中,若(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列。\n[0019] 以客户端于预设显示区域(高度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列。\n[0020] 另外,以客户端于预设显示区域(高度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)。\n此外,(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列。\n[0021] 图2所示为根据本发明的较佳实施例提供的控件排列系统的示意图。如图2所示,控件排列系统包括服务器20及客户端30。其中,客户端30用于从服务器20获得控件数量参数,客户端30通过加载的flash插件依据控件数量参数得到N个控件。关于上述具体过程同前所述,故于此不再赘述。\n[0022] 此外,客户端30将待排列信息传输至服务器20。其中,待排列信息包括客户端\n30预设显示区域的高度、宽度以及控件高宽比。服务器20接收待排列信息后,分别结合(H×L)/N与(W×S)/(L+1)、(H×L)/(N×S)与W/L的比较结果,获得显示规则,并将显示规则传输至客户端30。其中,H为预设显示区域的高度,W为预设显示区域的宽度,S为控件高宽比,L为显示列数,且L≥1。客户端30从服务器20接收显示规则,并按照接收的显示规则将N个控件显示于预设显示区域。于实际应用中,预设显示区域中排列显示的控件可加载显示不同的视频内容,如此达到单个视频的显示面积最大,从而丰富用户的体验和观感。\n[0023] 具体而言,若(H×L)/N≥(W×S)/(L+1)且(H×L)/(N×S)≤W/L,则服务器20获得的显示规则为:每个控件的高度设置为(H×L)/N,宽度设置为(H×L)/(N×S),N个控件排列成L列并于预设显示区域显示;若(H×L)/N≥(W×S)/(L+1)且(H×L)/(N×S)>W/L,则服务器20获得的显示规则为:每个控件的宽度设置为W/L,高度设置为(W×S)/L,N个控件排列成L列。若(H×L)/N<(W×S)/(L+1),则L递增加1后服务器20继续比较(H×L)/N与(W×S)/(L+1),直至(H×L)/N≥(W×S)/(L+1)。接着,若(H×L)/(N×S)≤W/L,则服务器20获得的显示规则为:每个控件的高度设置为(H×L)/N,宽度设置为(H×L)/(N×S),N个控件排列成L列;若(H×L)/(N×S)>W/L,则服务器20获得的显示规则为:\n每个控件的宽度设置为W/L,高度设置为(W×S)/L,N个控件排列成L列。\n[0024] 于本实施例中,服务器20包括接收模块200、运算比较模块201以及传输模块\n202。其中,接收模块200从客户端30接收待排列信息。运算比较模块201连接接收模块\n200,从接收模块200获取待排列信息后,根据待排列信息运算比较(H×L)/N与(W×S)/(L+1)、(H×L)/(N×S)与W/L,以获得显示规则。其中,待排列信息包括H、W及S,H为预设显示区域的高度,W为预设显示区域的宽度,S为控件高宽比,L为显示列数,且L≥1。传输模块202连接运算比较模块201,用于将运算比较模块201获得的显示规则传输至客户端\n30。\n[0025] 于本实施例中,若(H×L)/N≥(W×S)/(L+1)且(H×L)/(N×S)≤W/L,运算比较模块201获得的显示规则为:每个控件的高度设置为(H×L)/N,宽度设置为(H×L)/(N×S),N个控件排列成L列。若(H×L)/N≥(W×S)/(L+1)且(H×L)/(N×S)>W/L,运算比较模块201获得的显示规则为:每个控件的宽度设置为W/L,高度设置为(W×S)/L,N个控件排列成L列。\n[0026] 于本实施例中,若(H×L)/N<(W×S)/(L+1),L递增加1后,运算比较模块201继续比较(H×L)/N与(W×S)/(L+1),直至(H×L)/N≥(W×S)/(L+1)。接着,运算比较模块\n201比较(H×L)/(N×S)与W/L。若(H×L)/(N×S)≤W/L,运算比较模块201获得的显示规则为:每个控件的高度设置为(H×L)/N,宽度设置为(H×L)/(N×S),N个控件排列成L列;若(H×L)/(N×S)>W/L,运算比较模块201获得的设定显示规则为:每个控件的宽度设置为W/L,高度设置为(W×S)/L,N个控件排列成L列。\n[0027] 综上所述,根据本发明较佳实施例提供的控件排列方法及系统,服务器通过比较(H×L)/N与(W×S)/(L+1)、(H×L)/(N×S)与W/L,从而确定N个控件的排列方式以及每个控件的高度与宽度,以使单个控件的显示面积最大。如此,提高用户的体验和观感。\n[0028] 以上所述仅为本发明的优选实施例而已,并不用于限制本发明,对于本领域的技术人员来说,本发明可以有各种更改和变化。凡在本发明的精神和原则之内,所作的任何修改、等同替换、改进等,均应包含在本发明的保护范围之内。
法律信息
- 2022-03-11
专利权的转移
登记生效日: 2022.03.01
专利权人由南通江海港建设工程有限公司变更为南通海赛未来数字科技有限公司
地址由226100 江苏省南通市海门经济技术开发区广州路999号变更为226000 江苏省南通市海门经济技术开发区香港路588号謇公湖科创中心10号楼
- 2016-12-07
专利权人的姓名或者名称、地址的变更
专利权人由苏州阔地网络科技有限公司变更为阔地教育科技有限公司
地址由215121 江苏省苏州市苏州工业园区葑亭大道666号唯亭智能产业园8楼变更为215121 江苏省苏州市苏州工业园区葑亭大道666号唯亭智能产业园8楼
- 2013-10-16
- 2011-12-14
实质审查的生效
IPC(主分类): G06F 9/44
专利申请号: 201110139576.2
申请日: 2011.05.27
- 2011-11-02
引用专利(该专利引用了哪些专利)
序号 | 公开(公告)号 | 公开(公告)日 | 申请日 | 专利名称 | 申请人 |
---|
该专利没有引用任何外部专利数据! |
被引用专利(该专利被哪些专利引用)
序号 | 公开(公告)号 | 公开(公告)日 | 申请日 | 专利名称 | 申请人 |
---|
该专利没有被任何外部专利所引用! |