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
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 | 乐视网信息技术（北京）股份有限公司 | 提供调整检索页浏览显示的方法和系统 |
| CN112612440B (zh) * | 2017-05-16 | 2024-10-15 | 西安万像电子科技有限公司 | 窗口的控制方法、装置和系统、存储介质及处理器 |
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 |
|---|---|---|
| US10347023B2 (en) | Data drawing method and apparatus, terminal, and storage medium | |
| JP6313238B2 (ja) | モバイルゲームプロモーションのためのプッシュシステム及びプッシュサービス方法 | |
| CN104267887B (zh) | 基于应用窗口尺寸参数的应用页面自适应排版显示方法 | |
| US20110016410A1 (en) | Aging and Elimination of Avatars and Associated Objects from Computer Simulated Displayed Virtual Universes | |
| CN105094737B (zh) | 多媒体信息显示方法及装置 | |
| CN105303410B (zh) | 虚拟物品分享方法和装置 | |
| CN109086020A (zh) | 分屏显示方法及装置 | |
| CN103164231A (zh) | 一种输入法虚拟键盘皮肤管理方法和设备 | |
| CN102323882A (zh) | 一种应用于Web3D的数据处理装置和方法 | |
| US20240256303A1 (en) | Behavior Wallpaper Unlocking Method and Electronic Device | |
| CN102214454A (zh) | 一种控件排列显示方法、系统及客户端 | |
| US20170171277A1 (en) | Method and electronic device for multimedia recommendation based on android platform | |
| CN109657952A (zh) | 客户的分配方法、装置和存储介质 | |
| CN107402766A (zh) | 页面布局管理方法及装置 | |
| CN102231105B (zh) | 一种控件排列方法及系统 | |
| CN103412885A (zh) | 联系人头像设置方法和装置 | |
| CN102693231A (zh) | 用于根据来自网络的图像来确定图集的方法、装置和设备 | |
| CN103809849B (zh) | 移动终端及其操作方法和智能终端 | |
| CN106507138A (zh) | 基于电子节目菜单的弹幕系统、方法及电视机 | |
| CN102323925B (zh) | 一种控件显示方法、系统及控制装置 | |
| CN106445903A (zh) | 图文数据的排版方法和装置 | |
| CN103168313A (zh) | 用于呈现交互信息的设备和方法 | |
| CN104199681A (zh) | 一种基于qnx平台实现动态壁纸的方法 | |
| CN108171671A (zh) | 一种放大眼睛的美型方法及装置 | |
| US20170169792A1 (en) | Electronic device and method for releasing content to multiple terminals |
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: Kuo Di education and science company limited Address before: Suzhou City, Jiangsu province 215121 Fengting Avenue Suzhou Industrial Park No. 666 Weiting Intelligent Industrial Park Building 8 Patentee before: Suzhou Kuodi Network 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 |