CN102214454A - Control arrangement display method, system and client - Google Patents
Control arrangement display method, system and client Download PDFInfo
- Publication number
- CN102214454A CN102214454A CN2011101367902A CN201110136790A CN102214454A CN 102214454 A CN102214454 A CN 102214454A CN 2011101367902 A CN2011101367902 A CN 2011101367902A CN 201110136790 A CN201110136790 A CN 201110136790A CN 102214454 A CN102214454 A CN 102214454A
- Authority
- CN
- China
- Prior art keywords
- control
- client
- width
- rule
- height
- 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.)
- Pending
Links
Images
Landscapes
- Information Transfer Between Computers (AREA)
Abstract
The invention provides a control arrangement display method, system and client. The method comprises the following steps that: the client obtains a control number parameter from a server; the client obtains N controls through a loaded flash plug-in according to the control number parameter; and the client respectively considers the comparison result of (H*L)/N and (W*S)/(L+1) and the comparison result of (H*L)/(N*S) and W/L to obtain a display rule, and displays the N controls in a predetermined display region of the client according to the display rule, wherein H is the height of the predetermined display region, W is the width of the predetermined display region, S is a height to width aspect ratio of the controls, and L is the number of displayed rows and is more than 1.
Description
Technical field
The invention belongs to network technology, relate in particular to a kind of control and arrange display packing, system and client.
Background technology
Networks development and universal makes internet exchange more convenient, quick, and a lot of users begin to set up captive portal on network, and releasing news by captive portal exchanges with friend.For can represent the individual character of oneself better on captive portal, the user often needs the video of web displaying is carried out layout.
At present, with random fashion video is arranged often or be arranged in order after the video numbering.Yet when the user claimed to the video display area, aforesaid way can't guarantee that all customer requirements reaches preferable display effect, thereby can influence user experience and impression.
Summary of the invention
The invention provides a kind of control and arrange display packing, system and client to address the above problem.
The invention provides a kind of control and arrange display packing, said method may further comprise the steps.Client obtains control quantity parameter from server.Client obtains N control by the flash plug-in unit that loads according to control quantity parameter.Client is respectively in conjunction with (H * L)/N is with (W * S)/(L+1), (H * L)/(comparative result of N * S) and W/L obtains to show rule, and according to showing that rule is shown in N control the default viewing area of client.Wherein, H is the height of default viewing area, and W is the width of default viewing area, and S is the control depth-width ratio, and L shows columns, and L 〉=1.
The present invention also provides a kind of control to arrange display system, comprises server and client.Client is used for obtaining control quantity parameter from server, and client obtains N control by the flash plug-in unit that loads according to control quantity parameter.Client is respectively in conjunction with (H * L)/N is with (W * S)/(L+1), (H * L)/(comparative result of N * S) and W/L obtains to show rule, and according to showing that rule is shown in N control the default viewing area of client.Wherein, H is the height of default viewing area, and W is the width of default viewing area, and S is the control depth-width ratio, and L shows columns, and L 〉=1.
The present invention also provides a kind of client, comprises obtaining module, computing comparison module and display module.Obtain module and obtain N control according to the control quantity parameter that obtains from server by the flash plug-in unit that loads.The computing comparison module connect to obtain module, and relatively (H * L)/N is with (W * S)/(L+1), (H * L)/(N * S) and W/L obtain to show rule in computing.Wherein, H is the height of default viewing area, and W is the width of default viewing area, and S is the control depth-width ratio, and L shows columns, and L 〉=1.Display module concatenation operation comparison module, display module is shown in default viewing area according to the demonstration rule that obtains with N control.
Compared to prior art, arrange display packing, system and client according to control provided by the invention, client is by relatively (H * L)/N and (W * S)/(L+1), (H * L)/(N * S) and W/L, thereby determine the arrangement mode of N control and the height and the width of each control, so that the display area maximum of single control.So, improve user's experience and impression.
Description of drawings
Accompanying drawing described herein is used to provide further understanding of the present invention, constitutes the application's a part, and illustrative examples of the present invention and explanation thereof are used to explain the present invention, do not constitute improper qualification of the present invention.In the accompanying drawings:
Figure 1 shows that the process flow diagram of the control arrangement display packing that preferred embodiment according to the present invention provides;
Figure 2 shows that the synoptic diagram of the control arrangement display system that preferred embodiment according to the present invention provides;
Figure 3 shows that the synoptic diagram of the client that preferred embodiment according to the present invention provides.
Embodiment
Hereinafter will describe the present invention with reference to the accompanying drawings and in conjunction with the embodiments in detail.Need to prove that under the situation of not conflicting, embodiment and the feature among the embodiment among the application can make up mutually.
Figure 1 shows that the process flow diagram of the control arrangement display packing that preferred embodiment according to the present invention provides.As shown in Figure 1, the control that provides of preferred embodiment of the present invention is arranged display packing and is comprised step 101～103.In step 101, client obtains control quantity parameter from server.Particularly, the user gives Server Transport control quantity parameter in client by configuration file, and server transfers to the flash plug-in unit that client loads with the control quantity parameter that receives.Wherein, control quantity parametric representation control number N to be shown.For example, control quantity parameter is that 5 expression clients need be arranged 5 controls of demonstration.
In step 102, client obtains N control by the flash plug-in unit that loads according to control quantity parameter.Particularly, the flash plug-in unit itself carries video control VIDEO, whenever calls a VIDEO behind the client loading flash plug-in unit and can obtain a video control.The flash plug-in unit can obtain N control for N time according to control quantity parameter recursive call.
In step 103, client is respectively in conjunction with (H * L)/N is with (W * S)/(L+1), (H * L)/(comparative result of N * S) and W/L obtains to show rule, and according to showing that rule is shown in N control the default viewing area of client.Wherein, H is the height of default viewing area, and W is the width of default viewing area, and S is the control depth-width ratio, and L shows columns, and L 〉=1.Wherein, S determines according to the depth-width ratio of above-mentioned control.Preferably, S is less than 1 for the control depth-width ratio, for example is 3/4 or 9/16.Yet the present invention is not limited thereto.
Below describe in detail and show rule.If (H * L)/N 〉=(W * S)/(L+1) and (H * L)/(N * S)≤W/L shows that then rule is: the height of each control is set to that (H * L)/N, width are set to that (H * L)/(N * S), N control is arranged in L and is listed as.If (H * L)/N 〉=(W * S)/(L+1) and (H * L)/(N * S)＞W/L, show that then rule is: the width of each control is set to W/L, is set to highly that (W * S)/L, N control is arranged in L and is listed as.
In present embodiment, if (H * L)/N＜(W * S)/(L+1), then L increases progressively and adds 1 back client and continue relatively that (H * L)/N is with (W * S)/(L+1) is until (H * L)/N 〉=(W * S)/(L+1).Then, if (H * L)/(N * S)≤W/L shows that then rule is: the height of each control is set to that (H * L)/N, width are set to that (H * L)/(N * S), N control is arranged in L and is listed as.If (H * L)/(N * S)＞W/L, show that then rule is: the width of each control is set to W/L, highly be set to (W * S)/L, N control is arranged in the L row.
(height H=380, width W=160) arrangement shows that (that is, N=5), S=3/4 is an example to 5 controls in default viewing area with client.When L=1, (H * L)/N=76, (W * S)/(L+1)=60, promptly (H * L)/N＞(W * S)/(L+1).In addition, (H * L)/(N * S)=304/4, W/L=160, promptly (H * L)/(N * S)＜W/L.So, the demonstration rule of 5 controls is: the height of each control is set to that (H * L)/N=76, width are set to that (H * L)/(N * S)=304/3,5 a control is arranged in 1 row.
In addition, (height H=380, width W=160) arrangement shows that (that is, N=8), S=3/4 is an example to 8 controls in default viewing area with client.When L=1, (H * L)/N=47.5, (W * S)/(L+1)=60, promptly (H * L)/N＜(W * S)/(L+1).Then, L increase progressively add 1 (being L=2) after, client continues relatively (H * L)/N and (W * S)/(L+1).At this moment, (H * L)/N=95, (W * S)/(L+1)=40, promptly (H * L)/N＞(W * S)/(L+1).In addition, (H * L)/(N * S)=380/3, W/L=80, promptly (H * L)/(N * S)＞W/L.So, the demonstration rule of 8 controls is: the height of each control is set to that (H * L)/N=60, width are set to that (H * L)/(N * S)=80,8 a control is arranged in 2 row.
Figure 2 shows that the synoptic diagram of the control arrangement display system that preferred embodiment according to the present invention provides.Figure 3 shows that the synoptic diagram of the client that preferred embodiment according to the present invention provides.As Fig. 2 and shown in Figure 3, control is arranged display system and is comprised server 20 and client 30.Wherein, client 30 is used for obtaining control quantity parameter from server 20, and client 30 obtains N control by the flash plug-in unit that loads according to control quantity parameter.Ditto described about above-mentioned detailed process, so repeat no more in this.
In addition, client 20 is respectively in conjunction with (H * L)/N is with (W * S)/(L+1), (H * L)/(comparative result of N * S) and W/L obtains to show rule, and according to showing that rule is shown in N control in the default viewing area of client.Wherein, H is the height of default viewing area, and W is the width of default viewing area, and S is the control depth-width ratio, and L shows columns, and L 〉=1.
Particularly, if (H * L)/N 〉=(W * S)/(L+1) and (H * L)/(N * S)≤W/L shows that then rule is: the height of each control is set to that (H * L)/N, width are set to that (H * L)/(N * S), N control is arranged in L and is listed as; If (H * L)/N 〉=(W * S)/(L+1) and (H * L)/(N * S)＞W/L, show that then rule is: the width of each control is set to W/L, is set to highly that (W * S)/L, N control is arranged in L and is listed as.If (H * L)/N＜(W * S)/(L+1), then L increases progressively and adds 1 back client and continue relatively that (H * L)/N is with (W * S)/(L+1) is until (H * L)/N 〉=(W * S)/(L+1).Then, if (H * L)/(N * S)≤W/L shows that then rule is: the height of each control is set to that (H * L)/N, width are set to that (H * L)/(N * S), N control is arranged in L and is listed as; If (H * L)/(N * S)＞W/L, show that then rule is: the width of each control is set to W/L, highly be set to (W * S)/L, N control is arranged in the L row.
In present embodiment, client 30 comprises acquisition module 300, computing comparison module 301 and display module 302.Wherein, obtain module 300 and obtain N control according to the control quantity parameter that obtains from server 20 by the flash plug-in unit that loads.Computing comparison module 301 connects and obtains modules 300, obtains control quantity parameter union relatively (H * L)/N and (W * S)/(L+1), (H * L)/(N * S) and W/L from obtaining module 300.Wherein, H is the height of default viewing area, and W is the width of default viewing area, and S is the control depth-width ratio, and L shows columns, and L 〉=1.
In present embodiment, if (H * L)/N 〉=(W * S)/(L+1) and (H * L)/(N * S)≤W/L, the demonstration rule that computing comparison module 301 obtains is: the height of each control is set to that (H * L)/N, width are set to that (H * L)/(N * S), N control is arranged in L and is listed as.If (H * L)/N 〉=(W * S)/(L+1) and (H * L)/(N * S)＞W/L, the demonstration rule that computing comparison module 301 obtains is: the width of each control is set to W/L, is set to highly that (W * S)/L, N control is arranged in L and is listed as.
In present embodiment, if (H * L)/N＜(W * S)/(L+1), L increase progressively add 1 after, computing comparison module 301 continues relatively that (H * L)/N is with (W * S)/(L+1) is until (H * L)/N 〉=(W * S)/(L+1).Then, computing comparison module 301 (H * L)/(N * S) and W/L relatively.If (H * L)/(and N * S)≤W/L, the demonstration rule that computing comparison module 301 obtains is: the height of each control is set to that (H * L)/N, width are set to that (H * L)/(N * S), N control is arranged in L and is listed as; If (H * L)/(N * S)＞W/L, the setting that computing comparison module 301 obtains shows that rule is: the width of each control is set to W/L, highly be set to (W * S)/L, N control is arranged in the L row.
In addition, display module 302 concatenation operation comparison modules 301, display module 302 is shown in default viewing area according to the demonstration rule that obtains from computing comparison module 301 with N control.In practical application, but arrange the different video content of control loaded and displayed that shows in the default viewing area, so reach the display area maximum of single video, thereby enrich user's experience and impression.
In sum, the control that preferred embodiment provides according to the present invention is arranged display packing, system and client, client is by relatively (H * L)/N and (W * S)/(L+1), (H * L)/(N * S) and W/L, thereby determine the arrangement mode of N control and the height and the width of each control, so that the display area maximum of single control.So, improve user's experience and impression.
The above is the preferred embodiments of the present invention only, is not limited to the present invention, and for a person skilled in the art, the present invention can have various changes and variation.Within the spirit and principles in the present invention all, any modification of being done, be equal to replacement, improvement etc., all should be included within protection scope of the present invention.
Claims (10)
1. a control is arranged display packing, it is characterized in that, may further comprise the steps:
Client obtains control quantity parameter from server;
Described client obtains N control by the flash plug-in unit that loads according to described control quantity parameter;
Described client is respectively in conjunction with (H * L)/N and (W * S)/(L+1), (H * L)/(comparative result of N * S) and W/L, obtain to show rule, and according to the regular default viewing area that a described N control is shown in described client of described demonstration, wherein, H is the height of described default viewing area, and W is the width of described default viewing area, and S is described control depth-width ratio, L is the demonstration columns, and L 〉=1.
2. control according to claim 1 is arranged display packing, it is characterized in that, if (H * L)/N 〉=(W * S)/(L+1) and (H * L)/(N * S)≤W/L, then described demonstration rule is: the height of each control is set to (H * L)/N, width is set to that (H * L)/(N * S), a described N control is arranged in the L row;
If (H * L)/N 〉=(W * S)/(L+1) and (H * L)/(N * S)＞W/L, then described demonstration rule is: the width of each control is set to W/L, is set to highly that (W * S)/L, a described N control is arranged in L and is listed as.
3. control according to claim 1 is arranged display packing, it is characterized in that, if (H * L)/N＜(and W * S)/(L+1), then L increases progressively and adds the described client in 1 back and continue relatively (H * L)/N and (W * S)/(L+1), until (H * L)/N 〉=(W * S)/(L+1)
If (H * L)/(N * S)≤W/L, then described demonstration rule is: the height of each control be set to (H * L)/N, width be set to (H * L)/(N * S), a described N control is arranged in L and is listed as,
If (H * L)/(N * S)＞W/L, then described demonstration rule is: the width of each control is set to W/L, highly be set to (W * S)/L, a described N control is arranged in the L row.
4. control according to claim 1 is arranged display packing, it is characterized in that described control depth-width ratio S is less than 1.
5. a control is arranged display system, it is characterized in that, comprising:
Server;
Client, described client is used for obtaining control quantity parameter from described server, described client obtains N control by the flash plug-in unit that loads according to described control quantity parameter, described client is respectively in conjunction with (H * L)/N and (W * S)/(L+1), (H * L)/(the comparative result of N * S) and W/L, obtain to show rule, and according to the regular default viewing area that a described N control is shown in described client of described demonstration, wherein, H is the height of described default viewing area, W is the width of described default viewing area, S is described control depth-width ratio, and L is the demonstration columns, and L 〉=1.
6. control according to claim 5 is arranged display system, it is characterized in that, if (H * L)/N 〉=(W * S)/(L+1) and (H * L)/(N * S)≤W/L, then described demonstration rule is: the height of each control is set to (H * L)/N, width is set to that (H * L)/(N * S), a described N control is arranged in the L row;
If (H * L)/N 〉=(W * S)/(L+1) and (H * L)/(N * S)＞W/L, then described demonstration rule is: the width of each control is set to W/L, is set to highly that (W * S)/L, a described N control is arranged in L and is listed as.
7. control according to claim 5 is arranged display system, it is characterized in that, if (H * L)/N＜(and W * S)/(L+1), then L increases progressively and adds the described client in 1 back and continue relatively (H * L)/N and (W * S)/(L+1), until (H * L)/N 〉=(W * S)/(L+1)
If (H * L)/(N * S)≤W/L, then described demonstration rule is: the height of each control be set to (H * L)/N, width be set to (H * L)/(N * S), a described N control is arranged in L and is listed as,
If (H * L)/(N * S)＞W/L, then described demonstration rule is: the width of each control is set to W/L, highly be set to (W * S)/L, a described N control is arranged in the L row.
8. a client is characterized in that, comprising:
Obtain module, obtain N control according to the control quantity parameter that obtains from server by the flash plug-in unit that loads;
The computing comparison module, connect described acquisition module, computing is (H * L)/N and (W * S)/(L+1), (H * L)/(N * S) and W/L relatively, and obtain to show rule that wherein, H is the height of described default viewing area, W is the width of default viewing area, S is described control depth-width ratio, and L is the demonstration columns, and L 〉=1; And
Display module connects described computing comparison module, and described display module is shown in described default viewing area according to the described demonstration rule that obtains with a described N control.
9. client according to claim 8, it is characterized in that, if (H * L)/N 〉=(W * S)/(L+1) and (H * L)/(N * S)≤W/L, then described demonstration rule is: the height of each control is set to (H * L)/N, width is set to that (H * L)/(N * S), a described N control is arranged in the L row;
If (H * L)/N 〉=(W * S)/(L+1) and (H * L)/(N * S)＞W/L, then described demonstration rule is: the width of each control is set to W/L, is set to highly that (W * S)/L, a described N control is arranged in L and is listed as.
10. client according to claim 8 is characterized in that, if (H * L)/N＜(W * S)/(L+1), then L increase progressively add the described client in 1 back continue relatively (H * L)/N with (W * S)/(L+1), until (H * L)/N 〉=(W * S)/(L+1),
If (H * L)/(N * S)≤W/L, then described demonstration rule is: the height of each control be set to (H * L)/N, width be set to (H * L)/(N * S), a described N control is arranged in L and is listed as,
If (H * L)/(N * S)＞W/L, then described demonstration rule is: the width of each control is set to W/L, highly be set to (W * S)/L, a described N control is arranged in the L row.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN2011101367902A CN102214454A (en) | 2011-05-27 | 2011-05-27 | Control arrangement display method, system and client |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN2011101367902A CN102214454A (en) | 2011-05-27 | 2011-05-27 | Control arrangement display method, system and client |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN102214454A true CN102214454A (en) | 2011-10-12 |
Family
ID=44745736
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN2011101367902A Pending CN102214454A (en) | 2011-05-27 | 2011-05-27 | Control arrangement display method, system and client |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN102214454A (en) |
Cited By (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102541534A (en) * | 2011-10-21 | 2012-07-04 | 鼎捷软件股份有限公司 | Webpage window generating method of mobile device |
| CN105094858A (en) * | 2014-05-04 | 2015-11-25 | 腾讯科技（深圳）有限公司 | List control loading method and apparatus |
| CN106228191A (en) * | 2016-07-28 | 2016-12-14 | 努比亚技术有限公司 | A kind of control text overlength detection device and method |
| WO2017049874A1 (en) * | 2015-09-23 | 2017-03-30 | 宇龙计算机通信科技(深圳)有限公司 | Method and apparatus for displaying chat list |
| CN113590015A (en) * | 2021-09-30 | 2021-11-02 | 宜科(天津)电子有限公司 | Gateway sensor visualization system based on non-touch display device |
-
2011
- 2011-05-27 CN CN2011101367902A patent/CN102214454A/en active Pending
Cited By (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102541534A (en) * | 2011-10-21 | 2012-07-04 | 鼎捷软件股份有限公司 | Webpage window generating method of mobile device |
| CN102541534B (en) * | 2011-10-21 | 2014-09-10 | 鼎捷软件股份有限公司 | Webpage window generating method of mobile device |
| CN105094858A (en) * | 2014-05-04 | 2015-11-25 | 腾讯科技（深圳）有限公司 | List control loading method and apparatus |
| CN105094858B (en) * | 2014-05-04 | 2019-08-27 | 腾讯科技（深圳）有限公司 | A kind of loading method and device of list control |
| WO2017049874A1 (en) * | 2015-09-23 | 2017-03-30 | 宇龙计算机通信科技(深圳)有限公司 | Method and apparatus for displaying chat list |
| CN106228191A (en) * | 2016-07-28 | 2016-12-14 | 努比亚技术有限公司 | A kind of control text overlength detection device and method |
| CN113590015A (en) * | 2021-09-30 | 2021-11-02 | 宜科(天津)电子有限公司 | Gateway sensor visualization system based on non-touch display device |
| CN113590015B (en) * | 2021-09-30 | 2021-12-17 | 宜科(天津)电子有限公司 | Gateway sensor visualization system based on non-touch display device |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US20220353228A1 (en) | Dynamic configuration of application component tiles | |
| US9686329B2 (en) | Method and apparatus for displaying webcast rooms | |
| CN102214454A (en) | Control arrangement display method, system and client | |
| CN103544253B (en) | A kind of realization method and system that picture is shown in a manner of waterfall stream | |
| CN106791936B (en) | Virtual gift display method and device | |
| CN110990741B (en) | Page display method and device, electronic equipment, server and storage medium | |
| CN102905170A (en) | Screen popping method and system for video | |
| CN103412953A (en) | Social contact method on the basis of augmented reality | |
| CN103634318A (en) | Lottery drawing method and system | |
| WO2014183427A1 (en) | Method and apparatus for displaying webcast rooms | |
| CN104267887B (en) | Five application page self-adaption typesetting display methods based on application widget dimensional parameters | |
| CN103164231A (en) | Input method virtual keyboard skin management method and device | |
| JP2017539103A (en) | Method, apparatus, server, and system for synchronizing member gain among multiple apparatuses | |
| CN104469465A (en) | Smart television levitation main scene interaction method based on android system | |
| CN104461420A (en) | Mobile screen system and method | |
| US20170178202A1 (en) | Advertisement display method, terminal device and a non-transitory computer-readable storage medium | |
| CN103166945A (en) | Picture processing method and system | |
| CN102314466A (en) | Whiteboard synchronizing method | |
| CN105373373B (en) | Method and device for quickly generating icon | |
| CN106095816A (en) | Information distribution method and device | |
| CN108762757B (en) | Quick development framework and method for platform service of live broadcast room, server and medium | |
| CN111757020B (en) | Split screen display method and device, multimedia terminal and storage medium | |
| CN102231105B (en) | Widget arrangement method and system | |
| CN105334956A (en) | Information processing method and electronic device | |
| CN102323925B (en) | Control display method and system as well as control device |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| C02 | Deemed withdrawal of patent application after publication (patent law 2001) | ||
| WD01 | Invention patent application deemed withdrawn after publication |
Application publication date: 20111012 |