CN101986300A - Dynamic layout adjustment-based mobile Widget cross-platform implementation method - Google Patents
Dynamic layout adjustment-based mobile Widget cross-platform implementation method Download PDFInfo
- Publication number
- CN101986300A CN101986300A CN 201010523892 CN201010523892A CN101986300A CN 101986300 A CN101986300 A CN 101986300A CN 201010523892 CN201010523892 CN 201010523892 CN 201010523892 A CN201010523892 A CN 201010523892A CN 101986300 A CN101986300 A CN 101986300A
- Authority
- CN
- China
- Prior art keywords
- layout
- screen
- mobile widget
- information
- terminal device
- 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
- User Interface Of Digital Computer (AREA)
Abstract
The invention discloses a dynamic layout adjustment-based mobile Widget cross-platform implementation method and belongs to the technical field of mobile communication. The method comprises the following steps that: a screen extraction module extracts screen information; a layout extraction module extracts current layout information; an analysis module analyzes the extracted screen information and layout information; and a layout adjustment module adjusts the layout so as to make the layout difference in an allowed range. The invention provides a terminal equipment-based method for dynamically adjusting page layout aiming at the inconsistency of the page layout when the mobile Widget crosses a platform. Because different mobile phones have different screens, different pictures on different mobile phones are different. In the method, when the terminal equipment downloads the mobile Widget, the screen information of the terminal equipment is extracted, the extracted screen information is analyzed, whether the current page layout is in the allowed range is judged so as to dynamically adjust the page layout, and the adjusted layout information is finally buffered into a list to serve as a reference in the process of operating other mobile Widgets.
Description
Technical field
The invention belongs to the technical field of mobile communication, be specifically related to a kind of cross-platform implementation method of dynamically adjusting based on layout of mobile Widget.
Background technology
Widget becomes new popular noun on the internet after blog and social networks, be meant a bit of code that can carry out on any one Web page based on HTML.Widget will move, and at first the Widget engine will be arranged, and the basis of Widget operation is the engine of browser.The operation of Widget does not need browser if standard compliant Widget operation just needs a Widget engine.But this Widget engine the inside has comprised a browser engine, and briefly, the inside has comprised a browser exactly, has only lacked the shell of browser.Widget can be divided into based on the Widget that moves with based on the Widget of Web, the difference of both maximums is that engine is on terminal device, a lot of abilities that can access terminal, such as an inductor is arranged on your mobile phone, this is that Web Widget has no idea to realize.
Can run into cross-platform problem at the exploitation mobile Widget, such as this has the place of runic not have runic, screen size and terminal device screen are inconsistent, the problem that also has speed in addition, a platform adds a Widget again, speed can will seem very slow, may not reach user's demand for experience.Different vendor is not just the same to the standard support of JSR, has caused problem like this.The mobile Widget that exploitation once moves on different mobile phones can be realized, but exists the problem of layout, is exactly different mobile phones, because screen is different, will comprise that also VJS is different, has caused different pictures like this, and is different on different mobile phones.Want the cellphone subscriber and experience in full accordly, this is quite difficult something.
Pass the cross-platform upgrading that depends on whole terminal industry of Widget, the upgrading of hardware performance, its performance is more and more stronger certainly, As time goes on, quantity can compare less, along with the lifting of performance, performance can constantly increase, and has a process that constantly expands like this.
Summary of the invention
At problems of the prior art, the object of the present invention is to provide a kind of technical scheme of the cross-platform implementation method of dynamically adjusting based on layout of mobile Widget, might cause the inconsistent problem of page layout at mobile Widget when cross-platform and the method for a kind of dynamic adjustment page layout based on terminal device of proposing.
The cross-platform implementation method of mobile Widget based on layout is dynamically adjusted is characterized in that comprising the steps:
1) the screen extraction module extracts screen message: terminal device is when downloading mobile Widget, and the screen extraction module in the terminal device extracts the screen message of terminal device;
2) the layout extraction module is extracted current layout information: during initial launch, the layout extraction module in the terminal device is extracted current layout information to mobile Widget on terminal device;
3) analysis module is analyzed the screen message and the layout information that extract:
Represent terminal device screen length with l, w represents the terminal device screen width;
Use L
iPage length during the operation of expression mobile Widget, W
jPagewidth during the operation of expression mobile Widget, i=0,1,2 ..., j=0,1,2,
Use M
kPage length is poor when expression terminal device screen length and mobile Widget operation, N
OPagewidth is poor when expression terminal device screen width and mobile Widget operation, k=0, and 1,2 ..., o=0,1,2 ..., then
M
k＝l-L
k，
N
O＝w-W
O；
4) the layout adjusting module is adjusted layout:
It is as follows to define acceptable layout difference scope:
M
kScope be F:A ± 0.1 millimeter, N
OScope be V:B ± 0.1 millimeter, A, B are constant, and are respectively 1 millimeter;
The first step: the layout adjusting module is judged M
k, N
OWhether respectively in scope F, V, if enter step 2, otherwise enter step 3;
Second step: the layout adjusting module need not be adjusted the mobile Widget page layout;
The 3rd step: the layout adjusting module is adjusted mobile Widget page resolution and layout, makes its layout difference in allowed limits.
The described cross-platform implementation method of dynamically adjusting based on layout of mobile Widget, the screen message that it is characterized in that described extraction terminal device, comprise length, the width of screen and the screen resolution information of being supported, and these information stores to the table screen_info in.
The described cross-platform implementation method of dynamically adjusting based on layout of mobile Widget, it is characterized in that the current layout information of described layout extraction module extraction, comprise length, the width of mobile Widget when operation page and the information of being supported such as screen resolution, and these information stores in table screen_widget_info.
The described cross-platform implementation method of dynamically adjusting based on layout of mobile Widget, it is characterized in that the intact back preservation of layout module buffer memory layout information, preserving module stores the adjusted layout information of layout adjusting module among the table widget_cache into, during in order to other mobile widget of operation later on, be used as reference information.
The present invention is directed to that mobile Widget might cause the inconsistent problem of page layout when cross-platform and the method for a kind of dynamic adjustment page layout based on terminal device of proposing, because different mobile phone screens is different, caused different pictures like this, different on different mobile phones.This method is when terminal device is downloaded mobile Widget, also extract the screen message of terminal device, then the screen message that extracts is analyzed, judge whether in allowed limits the current page layout, adjust page layout dynamically, when at last the layout information of adjusting being buffered in the table for other mobile Widget of operation as a reference.
Description of drawings
Fig. 1 is a schematic flow sheet of the present invention.
Embodiment
The present invention is described further below in conjunction with accompanying drawing.
The detailed process and the example of this method are as follows, and flow process is seen Fig. 1:
1, the screen extraction module extracts screen message:
Terminal device is when server end is downloaded mobile Widget, screen extraction module in the terminal device begins to extract the relevant information of terminal device (for example on the mobile phone) screen, comprise length, the width of screen and the screen resolution information of being supported, and in these message store tables screen_info, the field that comprises has length L enth, width W idth, the resolution Resolution of screen.
2, the layout extraction module is extracted current layout information:
After mobile Widget is downloaded when finishing on terminal device during initial launch, layout extraction module in the terminal device is extracted current layout information, the information such as length, width and screen resolution of the page when comprising the mobile Widget operation, and in table screen_widget_info, the field that comprises has length L enth, width W idth, the resolution Resolution of the current operation page these information stores.
3, analysis module is analyzed layout information:
Represent terminal device screen length with l, w represents the terminal device screen width;
Use L
iPage length during the operation of expression mobile Widget, W
jPagewidth during the operation of expression mobile Widget, i=0,1,2 ..., j=0,1,2,
Use M
kPage length is poor when representing the operation of the k time terminal device screen length and mobile Widget, N
OPagewidth is poor when representing the operation of the o time terminal device screen width and mobile Widget, k=0, and 1,2 ..., o=0,1,2 ..., then
M
k＝l-L
k，
N
O＝w-W
O，
Page length was poor when described layout difference was meant terminal device screen length and mobile Widget operation, and pagewidth is poor when terminal device screen length and mobile Widget operation;
4, the layout adjusting module is adjusted layout:
Experience unanimity basically in order to reach the terminal user, layout difference scope is the smaller the better, and when being 0.01 millimeter such as the layout difference, we just say so acceptable.
Suppose that acceptable layout difference scope is as follows:
M
kScope be F:A ± 0.1 millimeter, N
OScope be V:B ± 0.1 millimeter, A, B are constant, and are respectively 1 millimeter;
The first step: the layout adjusting module is judged M
k, N
OWhether respectively in scope F, V, if enter step 2, otherwise enter step 3;
Second step: the layout adjusting module is adjusted layout need not adjust the mobile Widget page layout, keeps original setting;
The 3rd step: the layout adjusting module is adjusted mobile Widget page resolution and layout, makes its layout difference in allowed limits.
5, preserve module buffer memory layout information:
Preserving module stores the adjusted layout information of layout adjusting module among the table widget_cache into, during in order to other mobile widget of operation later on, be used as reference information, otherwise carry out the layout adjustment again and can increase unnecessary spending, can make end-user experience consistent basically like this.
Among the present invention, screen extraction module, the extraction of layout extraction module, analysis module, layout adjusting module, preservation module are the conventional functional module by the software realization.Those skilled in the art are by the understanding to the application's text, and the knowledge in conjunction with having grasped before can realize writing of relevant software module easily, therefore repeat no more.
At last, it is also to be noted that what more than announce only is specific embodiments of the invention.For those skilled in the art, under the prerequisite that does not break away from the principle of the invention, all distortion that can directly derive or associate from content disclosed by the invention all should be thought protection scope of the present invention.
Claims (4)
1. the cross-platform implementation method of dynamically adjusting based on layout of mobile Widget is characterized in that comprising the steps:
1) the screen extraction module extracts screen message: terminal device is when downloading mobile Widget, and the screen extraction module in the terminal device extracts the screen message of terminal device;
2) the layout extraction module is extracted current layout information: during initial launch, the layout extraction module in the terminal device is extracted current layout information to mobile Widget on terminal device;
3) analysis module is analyzed the screen message and the layout information that extract:
Represent terminal device screen length with l, w represents the terminal device screen width;
Use L
iPage length during the operation of expression mobile Widget, W
jPagewidth during the operation of expression mobile Widget, i=0,1,2 ..., j=0,1,2,
Use M
kPage length is poor when expression terminal device screen length and mobile Widget operation, N
OPagewidth is poor when expression terminal device screen width and mobile Widget operation, k=0, and 1,2 ..., o=0,1,2 ..., then
M
k＝l-L
k，
N
O＝w-W
O；
4) the layout adjusting module is adjusted layout:
It is as follows to define acceptable layout difference scope:
M
kScope be F:A ± 0.1 millimeter, N
OScope be V:B ± 0.1 millimeter, A, B are constant, and are respectively 1 millimeter;
The first step: the layout adjusting module is judged M
k, N
OWhether respectively in scope F, V, if enter step 2, otherwise enter step 3;
Second step: the layout adjusting module need not be adjusted the mobile Widget page layout;
The 3rd step: the layout adjusting module is adjusted mobile Widget page resolution and layout, makes its layout difference in allowed limits.
2. the cross-platform implementation method of dynamically adjusting based on layout of mobile Widget as claimed in claim 1, the screen message that it is characterized in that described extraction terminal device, comprise length, the width of screen and the screen resolution information of being supported, and these information stores to the table screen_info in.
3. the cross-platform implementation method of dynamically adjusting based on layout of mobile Widget as claimed in claim 1, it is characterized in that the current layout information of described layout extraction module extraction, comprise length, the width of mobile Widget when operation page and the information of being supported such as screen resolution, and these information stores in table screen_widget_info.
4. as each described cross-platform implementation method of mobile Widget of dynamically adjusting based on layout of claim 1 to 3, it is characterized in that the intact back preservation of layout module buffer memory layout information, preserving module stores the adjusted layout information of layout adjusting module among the table widget_cache into, during in order to other mobile widget of operation later on, be used as reference information.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN 201010523892 CN101986300A (en) | 2010-10-28 | 2010-10-28 | Dynamic layout adjustment-based mobile Widget cross-platform implementation method |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN 201010523892 CN101986300A (en) | 2010-10-28 | 2010-10-28 | Dynamic layout adjustment-based mobile Widget cross-platform implementation method |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN101986300A true CN101986300A (en) | 2011-03-16 |
Family
ID=43710647
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN 201010523892 Pending CN101986300A (en) | 2010-10-28 | 2010-10-28 | Dynamic layout adjustment-based mobile Widget cross-platform implementation method |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN101986300A (en) |
Cited By (12)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102662616A (en) * | 2012-03-28 | 2012-09-12 | 北京邮电大学 | Screen graphics self-adaption method and system used for mobile terminal |
| CN102779167A (en) * | 2012-06-21 | 2012-11-14 | 北京奇虎科技有限公司 | Method and system for displaying webpage in mobile terminal |
| CN102811290A (en) * | 2012-08-15 | 2012-12-05 | 北京小米科技有限责任公司 | Widget regulating method, device and terminal |
| CN103218195A (en) * | 2013-04-10 | 2013-07-24 | 广东欧珀移动通信有限公司 | Method and device for display adjustment of application program |
| EP2829961A1 (en) | 2013-06-18 | 2015-01-28 | Spreadtrum Communications (Shanghai) Co., Ltd. | Display interface converting system and method thereof |
| CN104426896A (en) * | 2013-09-10 | 2015-03-18 | 腾讯科技（北京）有限公司 | Method and device for producing topic pages |
| CN104765605A (en) * | 2015-03-19 | 2015-07-08 | 广东欧珀移动通信有限公司 | Display method of desktop icon and mobile terminal |
| CN104951329A (en) * | 2014-03-31 | 2015-09-30 | 青岛海信移动通信技术股份有限公司 | Configuration and startup method of application templates and mobile terminal |
| CN105159960A (en) * | 2015-08-21 | 2015-12-16 | 湖南亿谷科技发展股份有限公司 | Webpage adaptive adjustment method and system |
| CN105335295A (en) * | 2015-12-01 | 2016-02-17 | 上海斐讯数据通信技术有限公司 | Response type layout interface testing method and system and browser |
| US10135910B2 (en) | 2013-09-26 | 2018-11-20 | International Business Machines Corporation | Cross-platform document presentation |
| CN112395028A (en) * | 2019-08-15 | 2021-02-23 | 腾讯科技（深圳）有限公司 | Page checking method, device, terminal and storage medium |
Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101853158A (en) * | 2010-05-11 | 2010-10-06 | 中兴通讯股份有限公司 | Method and device for adjusting Widget window |
| CN101866287A (en) * | 2010-06-09 | 2010-10-20 | 中兴通讯股份有限公司 | Widget system appearance setting method and device |
-
2010
- 2010-10-28 CN CN 201010523892 patent/CN101986300A/en active Pending
Patent Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101853158A (en) * | 2010-05-11 | 2010-10-06 | 中兴通讯股份有限公司 | Method and device for adjusting Widget window |
| CN101866287A (en) * | 2010-06-09 | 2010-10-20 | 中兴通讯股份有限公司 | Widget system appearance setting method and device |
Cited By (17)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102662616B (en) * | 2012-03-28 | 2015-12-16 | 北京邮电大学 | For screen graph adaptive approach and the system of mobile terminal |
| CN102662616A (en) * | 2012-03-28 | 2012-09-12 | 北京邮电大学 | Screen graphics self-adaption method and system used for mobile terminal |
| CN102779167A (en) * | 2012-06-21 | 2012-11-14 | 北京奇虎科技有限公司 | Method and system for displaying webpage in mobile terminal |
| CN102811290A (en) * | 2012-08-15 | 2012-12-05 | 北京小米科技有限责任公司 | Widget regulating method, device and terminal |
| US10013151B2 (en) | 2012-08-15 | 2018-07-03 | Xiaomi Inc. | Method and terminal device for adjusting widget |
| CN102811290B (en) * | 2012-08-15 | 2015-05-13 | 小米科技有限责任公司 | Widget regulating method, device and terminal |
| CN103218195A (en) * | 2013-04-10 | 2013-07-24 | 广东欧珀移动通信有限公司 | Method and device for display adjustment of application program |
| CN103218195B (en) * | 2013-04-10 | 2016-03-16 | 广东欧珀移动通信有限公司 | The display adjusting method of application program and device |
| EP2829961A1 (en) | 2013-06-18 | 2015-01-28 | Spreadtrum Communications (Shanghai) Co., Ltd. | Display interface converting system and method thereof |
| CN104426896A (en) * | 2013-09-10 | 2015-03-18 | 腾讯科技（北京）有限公司 | Method and device for producing topic pages |
| US10135910B2 (en) | 2013-09-26 | 2018-11-20 | International Business Machines Corporation | Cross-platform document presentation |
| CN104951329A (en) * | 2014-03-31 | 2015-09-30 | 青岛海信移动通信技术股份有限公司 | Configuration and startup method of application templates and mobile terminal |
| CN104765605A (en) * | 2015-03-19 | 2015-07-08 | 广东欧珀移动通信有限公司 | Display method of desktop icon and mobile terminal |
| CN105159960A (en) * | 2015-08-21 | 2015-12-16 | 湖南亿谷科技发展股份有限公司 | Webpage adaptive adjustment method and system |
| CN105335295A (en) * | 2015-12-01 | 2016-02-17 | 上海斐讯数据通信技术有限公司 | Response type layout interface testing method and system and browser |
| CN112395028A (en) * | 2019-08-15 | 2021-02-23 | 腾讯科技（深圳）有限公司 | Page checking method, device, terminal and storage medium |
| CN112395028B (en) * | 2019-08-15 | 2024-04-30 | 腾讯科技（深圳）有限公司 | Page checking method, device, terminal and storage medium |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN101986300A (en) | Dynamic layout adjustment-based mobile Widget cross-platform implementation method | |
| CN102364460B (en) | Automatic page amplification method and system based on mobile terminal | |
| CN100535901C (en) | Dynamic web page updating method and system | |
| CN104572843B (en) | The loading method and device of a kind of page | |
| CN102682093A (en) | Web page sectionally-loading method and web page sectionally-loading system for mobile browser | |
| US10095666B2 (en) | Method and terminal for adding quick link | |
| KR20120079416A (en) | Method and apparatus for sharing contents service of web page and thereof system | |
| CN101404024A (en) | Mobile terminal and method for browsing website contents through mobile terminal | |
| CN102316536A (en) | Method and gateway for regulating webpage contents | |
| CN103037091A (en) | Short message handling method and device and terminal equipment | |
| CN102984364A (en) | Method of downloading software through two-dimension code recognition by cell phone | |
| CN103067423A (en) | Browser kernel adaption method and browser | |
| CN103513987A (en) | Rendering treatment method, device and terminal device for browser web page | |
| US9330194B2 (en) | Communication device, web server apparatus and communication system | |
| CN102222095B (en) | Equipment for converting webpage to be displayed and method thereof | |
| CN103327104A (en) | Method for rendering filtered webpage advertisements to client | |
| CN103593233A (en) | Method and system for pushing software information | |
| CN102299931A (en) | Webpage content sending method and agent server | |
| CN105471980B (en) | A kind of Cloud Server data access method based on embedded OpenWrt wireless router technology | |
| CN102779181A (en) | Browser off-line storage data processing method based on hypertext markup language (HTML) 5 and browser | |
| CN104750864A (en) | Universal text checking method | |
| CN102984345A (en) | Method and device for displaying texts on terminal device in network | |
| CN103634281A (en) | Bookmark synchronization method and client and server for bookmark synchronization | |
| CN104580298B (en) | File upload process method and device | |
| CN102469109A (en) | Display method of browser homepage in mobile terminal and apparatus thereof |
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: 20110316 |