CN102231105B - 一种控件排列方法及系统 - Google Patents
一种控件排列方法及系统 Download PDFInfo
- Publication number
- CN102231105B CN102231105B CN 201110139576 CN201110139576A CN102231105B CN 102231105 B CN102231105 B CN 102231105B CN 201110139576 CN201110139576 CN 201110139576 CN 201110139576 A CN201110139576 A CN 201110139576A CN 102231105 B CN102231105 B CN 102231105B
- Authority
- CN
- China
- Prior art keywords
- control
- client
- width
- server
- rule
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
- 238000000034 method Methods 0.000 title claims abstract description 18
- 230000005540 biological transmission Effects 0.000 claims description 5
- 230000000052 comparative effect Effects 0.000 claims 2
- 230000008447 perception Effects 0.000 description 4
- 238000010586 diagram Methods 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 238000004891 communication Methods 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
Images
Landscapes
- Information Transfer Between Computers (AREA)
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的比较结果，获得显示规则，并将显示规则传输至客户端。其中，待排列信息包括H、W及S，H为预设显示区域的高度，W为预设显示区域的宽度，S为控件高宽比，L为显示列数，且L≥1。客户端按照接收的显示规则将N个控件显示于客户端的预设显示区域。
相较于先前技术，根据本发明提供的控件排列方法及系统，服务器通过比较(H×L)/N与(W×S)/(L+1)、(H×L)/(N×S)与W/L，从而确定N个控件的排列方式以及每个控件的高度与宽度，以使单个控件的显示面积最大。如此，提高用户的体验和观感。
附图说明
此处所说明的附图用来提供对本发明的进一步理解，构成本申请的一部分，本发明的示意性实施例及其说明用于解释本发明，并不构成对本发明的不当限定。在附图中：
图1所示为根据本发明的较佳实施例提供的控件排列方法的流程图；
图2所示为根据本发明的较佳实施例提供的控件排列系统的示意图。
具体实施方式
下文中将参考附图并结合实施例来详细说明本发明。需要说明的是，在不冲突的情况下，本申请中的实施例及实施例中的特征可以相互组合。
图1所示为根据本发明的较佳实施例提供的控件排列方法的流程图。如图1所示，本发明较佳实施例提供的控件排列方法包括步骤101～105。于步骤101，客户端从服务器获得控件数量参数。具体而言，用户于客户端通过配置文件给服务器传输控件数量参数，服务器将接收到的控件数量参数传输至客户端加载的flash插件。其中，控件数量参数表示待排列的控件数目N。例如，控件数量参数为5表示客户端需要排列显示5个控件。
于步骤102，客户端通过加载的flash插件依据控件数量参数得到N个控件。具体而言，flash插件本身自带视频控件VIDEO，客户端加载flash插件后每调用一次VIDEO即可获得一个视频控件。flash插件按照控件数量参数循环调用N次可得到N个控件。
于步骤103，客户端将待排列信息传输至服务器。其中，待排列信息包括客户端预设显示区域的高度H、宽度W及控件高宽比S。
于步骤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。然而，本发明并不限定于此。
于步骤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所示为根据本发明的较佳实施例提供的控件排列系统的示意图。如图2所示，控件排列系统包括服务器20及客户端30。其中，客户端30用于从服务器20获得控件数量参数，客户端30通过加载的flash插件依据控件数量参数得到N个控件。关于上述具体过程同前所述，故于此不再赘述。
此外，客户端30将待排列信息传输至服务器20。其中，待排列信息包括客户端30预设显示区域的高度、宽度以及控件高宽比。服务器20接收待排列信息后，分别结合(H×L)/N与(W×S)/(L+1)、(H×L)/(N×S)与W/L的比较结果，获得显示规则，并将显示规则传输至客户端30。其中，H为预设显示区域的高度，W为预设显示区域的宽度，S为控件高宽比，L为显示列数，且L≥1。客户端30从服务器20接收显示规则，并按照接收的显示规则将N个控件显示于预设显示区域。于实际应用中，预设显示区域中排列显示的控件可加载显示不同的视频内容，如此达到单个视频的显示面积最大，从而丰富用户的体验和观感。
具体而言，若(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获得的显示规则为：每个控件的宽度设置为W/L，高度设置为(W×S)/L，N个控件排列成L列。
于本实施例中，服务器20包括接收模块200、运算比较模块201以及传输模块202。其中，接收模块200从客户端30接收待排列信息。运算比较模块201连接接收模块200，从接收模块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获得的显示规则传输至客户端30。
于本实施例中，若(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列。
于本实施例中，若(H×L)/N＜(W×S)/(L+1)，L递增加1后，运算比较模块201继续比较(H×L)/N与(W×S)/(L+1)，直至(H×L)/N≥(W×S)/(L+1)。接着，运算比较模块201比较(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列。
综上所述，根据本发明较佳实施例提供的控件排列方法及系统，服务器通过比较(H×L)/N与(W×S)/(L+1)、(H×L)/(N×S)与W/L，从而确定N个控件的排列方式以及每个控件的高度与宽度，以使单个控件的显示面积最大。如此，提高用户的体验和观感。
以上所述仅为本发明的优选实施例而已，并不用于限制本发明，对于本领域的技术人员来说，本发明可以有各种更改和变化。凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。
Claims (7)
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。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN 201110139576 CN102231105B (zh) | 2011-05-27 | 2011-05-27 | 一种控件排列方法及系统 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN 201110139576 CN102231105B (zh) | 2011-05-27 | 2011-05-27 | 一种控件排列方法及系统 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN102231105A CN102231105A (zh) | 2011-11-02 |
| CN102231105B true CN102231105B (zh) | 2013-10-16 |
Family
ID=44843672
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN 201110139576 Active CN102231105B (zh) | 2011-05-27 | 2011-05-27 | 一种控件排列方法及系统 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN102231105B (zh) |
Families Citing this family (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103678497A (zh) * | 2013-11-18 | 2014-03-26 | 乐视网信息技术（北京）股份有限公司 | 提供调整检索页浏览显示的方法和系统 |
| CN107168673B (zh) * | 2017-05-16 | 2021-01-22 | 西安万像电子科技有限公司 | 窗口的控制方法、装置和系统、存储介质及处理器 |
Family Cites Families (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US8578267B2 (en) * | 2006-09-28 | 2013-11-05 | Hewlett-Packard Development Company, L.P. | Graphic assembly layout with maximum page coverage and minimum content removal |
| CN101609403B (zh) * | 2009-07-29 | 2013-04-17 | 金蝶软件（中国）有限公司 | 一种页面布局动态切换方法及系统 |
| CN101655793A (zh) * | 2009-09-25 | 2010-02-24 | 金蝶软件（中国）有限公司 | 一种界面生成方法及装置 |
-
2011
- 2011-05-27 CN CN 201110139576 patent/CN102231105B/zh active Active
Also Published As
| Publication number | Publication date |
|---|---|
| CN102231105A (zh) | 2011-11-02 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US20150156233A1 (en) | Method and system for operating a collaborative network | |
| US10158722B2 (en) | Method and systems for the scheduled capture of web content from web servers as sets of images | |
| US10033726B2 (en) | Storage medium storing conference setting program and conference setting method | |
| WO2017211020A1 (zh) | 一种电视操控方法及装置 | |
| CN107831974A (zh) | 信息分享方法、装置及存储介质 | |
| US20160241605A1 (en) | Second-screen control automatic pairing using push notifications | |
| US20190373332A1 (en) | Machine learning-based approach to demographic attribute inference using time-sensitive features | |
| CN103677860B (zh) | 一种用于更新浏览器的方法和设备 | |
| WO2015009417A1 (en) | Content retrieval via remote control | |
| JP2018528507A (ja) | 近距離通信を介してアプリケーションバージョンをインストールする方法およびシステム | |
| WO2014018371A1 (en) | Configuring content display dimensions | |
| KR20140127527A (ko) | 디스플레이장치 및 디스플레이장치를 이용한 추천정보 제공 방법 | |
| CN102231105B (zh) | 一种控件排列方法及系统 | |
| CN109791461A (zh) | 用于动态验证应用程序接口修改请求的交互式用户界面的方法和系统 | |
| CN103442288A (zh) | 一种跨设备数据内容处理方法、装置和系统 | |
| CN114817698A (zh) | 信息推送方法及装置、信息展示方法及装置、设备和介质 | |
| CN104572707A (zh) | 一种用于提供优选对象信息的方法与设备 | |
| CN104978360A (zh) | 一种带账户身份的问答系统的实现方法 | |
| US20150020001A1 (en) | Display apparatus and control method of the same | |
| US10462239B1 (en) | Flexible units for experimentation | |
| CN105721604A (zh) | 基于用户下载请求的数据发送方法和装置 | |
| JP2016532964A (ja) | 連絡先リストおよび事前入力されたユーザアカウントの作成 | |
| CN108023949A (zh) | 拨号上网方法、系统、智能终端及服务器 | |
| TWI574216B (zh) | Information processing device, information processing method, memory media | |
| KR102442521B1 (ko) | 이모티콘 제공 장치 및 이모티콘 제공 방법 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| C14 | Grant of patent or utility model | ||
| GR01 | Patent grant | ||
| C56 | Change in the name or address of the patentee | ||
| CP01 | Change in the name or title of a patent holder |
Address after: Suzhou City, Jiangsu province 215121 Fengting Avenue Suzhou Industrial Park No. 666 Weiting Intelligent Industrial Park Building 8 Patentee after: CODYY EDUCATION TECHNOLOGY Co.,Ltd. Address before: Suzhou City, Jiangsu province 215121 Fengting Avenue Suzhou Industrial Park No. 666 Weiting Intelligent Industrial Park Building 8 Patentee before: SUZHOU CODYY NETWORK SCIENCE & TECHNOLOGY Co.,Ltd. |
|
| TR01 | Transfer of patent right |
Effective date of registration: 20201117 Address after: 226100 Guangzhou road Jiangsu city Nantong Province Haimen Economic and Technological Development Zone No. 999 Patentee after: Nantong Construction Engineering Co.,Ltd. Address before: Suzhou City, Jiangsu province 215121 Fengting Avenue Suzhou Industrial Park No. 666 Weiting Intelligent Industrial Park Building 8 Patentee before: CODYY EDUCATION TECHNOLOGY Co.,Ltd. |
|
| TR01 | Transfer of patent right | ||
| TR01 | Transfer of patent right |
Effective date of registration: 20220301 Address after: 226000 building 10, Jiangong Lake Science and innovation center, No. 588, Hong Kong Road, Haimen Economic and Technological Development Zone, Nantong City, Jiangsu Province Patentee after: Nantong haisai future digital technology Co.,Ltd. Address before: 226100 Guangzhou Road 999 Haimen Economic and Technological Development Zone, Nantong City, Jiangsu Province Patentee before: Nantong Construction Engineering Co.,Ltd. |
|
| TR01 | Transfer of patent right | ||
| TR01 | Transfer of patent right |
Effective date of registration: 20250113 Address after: 226000 Haimen Economic and Technological Development Zone, Nantong City, Jiangsu Province, No. 999 Guangzhou Road Patentee after: Nantong Construction Engineering Co.,Ltd. Country or region after: China Address before: 226000 building 10, Jiangong Lake Science and innovation center, No. 588, Hong Kong Road, Haimen Economic and Technological Development Zone, Nantong City, Jiangsu Province Patentee before: Nantong haisai future digital technology Co.,Ltd. Country or region before: China |
|
| TR01 | Transfer of patent right |