CN102662616A - Screen graphics self-adaption method and system used for mobile terminal - Google Patents

Screen graphics self-adaption method and system used for mobile terminal Download PDF

Info

Publication number
CN102662616A
CN102662616A CN2012100863952A CN201210086395A CN102662616A CN 102662616 A CN102662616 A CN 102662616A CN 2012100863952 A CN2012100863952 A CN 2012100863952A CN 201210086395 A CN201210086395 A CN 201210086395A CN 102662616 A CN102662616 A CN 102662616A
Authority
CN
China
Prior art keywords
parameter
self
adaptation
interface
application interface
Prior art date
Application number
CN2012100863952A
Other languages
Chinese (zh)
Other versions
CN102662616B (en
Inventor
朱新宁
廖青
纪阳
张春红
马琳
矫艳梅
Original Assignee
北京邮电大学
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by 北京邮电大学 filed Critical 北京邮电大学
Priority to CN201210086395.2A priority Critical patent/CN102662616B/en
Publication of CN102662616A publication Critical patent/CN102662616A/en
Application granted granted Critical
Publication of CN102662616B publication Critical patent/CN102662616B/en

Links

Abstract

The invention discloses a screen graphics self-adaption method and a screen graphics self-adaption system used for a mobile terminal, wherein the method comprises the following steps: acquiring display parameters of an application interface and equipment parameters of the mobile terminal; confirming scaling according to the acquired display parameters of the application interface and equipment parameters of the mobile terminal; and modifying the displaying parameters of the application interface according to the scaling so as to conduct self-adaption displaying of the application interface. According to the screen graphics self-adaption method and the screen graphics self-adaption system, the application program can be flexibly used on terminals with different resolutions and different operating systems.

Description

The screen graph adaptive approach and the system that are used for portable terminal

Technical field

The present invention relates to the mobile communication technology field, relate in particular to a kind of screen graph adaptive approach and system that is used for portable terminal.

Background technology

Mobile Widget refers to operate in the Widget on the portable terminal; Not only can be independent of browser execution; Effectively utilize mobile phone screen, and can visit mobile Internet more fast, directly, easily, thereby bring good presentation mode and internet to experience to the cellphone subscriber.Because different mobile Widget platforms have mostly adopted different standards, each other can't be compatible fully, the third party provider that makes Widget use need make multiple different Widget to adapt to different Widget platforms for a service application.And; The mobile phone operating system kind is many at present, and difference is big, lacks open effective unified interface of giving upper layer application; Cause threshold height, the cycle of portable terminal application and development long; The adaptive workload in terminal is big, and the user experience on the different terminals platform also often exists bigger difference, and these have directly influenced effectively disposing fast of terminal applies.This problem is based on existing mobile Internet product and research and development achievement, and the intelligent terminal gordian technique of mobile Internet business is supported in research, research cross-platform middleware in terminal and interface adaptation technique; Research browser and WEB new technology; Solve the difficult point that exists in the present mobile Internet terminal application targetedly, accelerate the marketization that mobile Widget is used, greatly reduce the maintenance cost of cross-platform application; Promoting mobile Internet terminal applied environment ability further improves; Be convenient to professional deployment and renewal, consistent user experience is provided, can respond the market demand of continuous variation fast.

Nowadays, the developer of any use screen application program (no matter being the Web website, mobile device application program, or multipad) must recognize that different screens has different attributes and characteristic, and the Widget exploitation is all the more so.Because the cross-platform characteristic of Widget; Develop a Widget and possibly be faced with such problem: it possibly operate on the mobile device of different operating system, different resolution; The Widget that originally makes according to a certain resolution is contained on the equipment of little resolution and shows, possibly only see tip of the iceberg.But literal originally can't be presented in the screen with touching control fully, can't click but exceed the outer touching control of screen.If customization resolution Widget operates on the big resolution equipment, effect can be completely contradicted, and the whole Widget page tightens certain that together is presented at screen, and the handwriting is blurred can't differentiate, and control is difficult to touching.JIL Widget can cross-platformly move; Promptly a JIL Widget uses and can on the various terminals that JIL Widget engine (as: BAE) is installed, move; But how guaranteeing that this user experience that is applied on the different resolution mobile phone is all very outstanding, then is the technical matters that needs to be resolved hurrily.

Summary of the invention

Fundamental purpose of the present invention is to provide a kind of screen graph adaptive approach and system that is used for portable terminal, causes the unfavorable problem of display effect to solve when Widget that prior art exists is used for the resolution different terminal, wherein:

The screen graph adaptive approach that is used for portable terminal according to the embodiment of the invention comprises: obtain the display parameter of application interface and the device parameter of portable terminal; According to the display parameter of the application interface that obtains and the device parameter of portable terminal, confirm scaling; According to the display parameter of scaling modification application interface, the self-adaptation of carrying out application interface shows.

Wherein, the dom tree of each element through the traversal applications interface obtains the display parameter of application interface.

Wherein, the display parameter of application interface comprise: Html graphic display information, css graphic display information, js graphic display information, svg graphic display information, xml graphic presentation configuration information.

Wherein, obtain the device parameter of portable terminal through context-aware mechanism.

Wherein, scaling comprises: the scaling of cross direction scaling, high direction scaling, literal.

Wherein, the demonstration of the self-adaptation of application interface comprises: static interfaces size adaptation, static interfaces position self-adaptation, dynamic interface size adaptation, dynamic interface position self-adaptation.

Wherein, this method also comprises: realize that the self-adaptation among the JavaScript shows; The BAE engine is rendered into the interface with application.

The screen graph adaptive system that is used for portable terminal according to the embodiment of the invention comprises: parameter acquisition module is used to obtain the display parameter of application interface and the device parameter of portable terminal; The scaling determination module is used for confirming scaling according to the display parameter of the application interface that obtains and the device parameter of portable terminal; The self-adaptation display module is used for the display parameter according to scaling modification application interface, and the self-adaptation of carrying out application interface shows.

Wherein, parameter acquisition module comprises: first parameter acquisition module, and the dom tree that is used for each element through the traversal applications interface obtains the display parameter of application interface; Second parameter acquisition module is used for obtaining through context-aware mechanism the device parameter of portable terminal.

Wherein, the self-adaptation display module is further used for: static interfaces size adaptation, static interfaces position self-adaptation, dynamic interface size adaptation, dynamic interface position self-adaptation.

According to technical scheme of the present invention; Through obtaining the information parameter that facility information parameter and Widget use; And through the machine-processed graphic presentation parameter of revising former Widget application of figure adaptive algorithm; Reach the adaptive purpose of figure, thereby made application program on the terminal of different resolution and different operating system, to use more flexibly.

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:

Fig. 1 is the process flow diagram of the screen graph adaptive approach of the embodiment of the invention;

Fig. 2 A and Fig. 2 B are respectively relation between each label and the synoptic diagram that read order among the HTML of the embodiment of the invention;

Fig. 3 is the structured flowchart of the screen graph adaptive system that is used for portable terminal of the embodiment of the invention.

Embodiment

For making the object of the invention, technical scheme and advantage clearer,, the present invention is done to specify further below in conjunction with accompanying drawing and specific embodiment.

According to embodiments of the invention, a kind of screen graph adaptive approach that is used for portable terminal is provided.

Fig. 1 is the process flow diagram of the screen graph adaptive approach of the embodiment of the invention, and is as shown in Figure 1, and this method comprises:

Step S102 obtains the display parameter of application interface (Widget application interface) and the device parameter of portable terminal;

Step S104 according to the display parameter of the application interface that obtains and the device parameter of portable terminal, confirms scaling;

Step S106, according to the display parameter of scaling modification application interface, the self-adaptation of carrying out application interface shows.

Describe above-mentioned each details of handling below in detail.

(1) step S102

The device parameter of portable terminal (comprising device hardware parameter and device software parameter) can obtain through context-aware mechanism, and the device parameter of the portable terminal that obtains is preserved according to certain classification.

For the display parameter of application interface, mainly comprise two big types of size parameter and location parameters, wherein:

1, size parameter.

(1) width: the width of representation module;

(2) height: the height of representation module;

(3) " ": the developer can put into div module <img>label with picture sometimes, but the wide and high of it is not set.In this case, the Widget of developer's exploitation can show normally that html gives tacit consent to the size of reserving the itself picture to this <img>label.

(4) width of object label: when using the object label for example to comprise the svg vector artwork among the html, the width that simply obtains is the width information of this object.Self-adaptation need also be carried out self-adaptation to the svg picture that object comprises, and promptly the width to svg also will obtain.

(5) height of object label: when using the object label for example to comprise the svg vector artwork among the html, the height that simply obtains is the height information of this object.Self-adaptation need also be carried out self-adaptation to the svg picture that object comprises, and promptly the height to svg also will obtain.

2, location parameter:

(1) top: the upper left corner of representation module is at the y of mobile phone interface coordinate coordinate figure;

(2) left: the upper left corner of representation module is at the x of mobile phone interface coordinate coordinate figure, and top and left just can confirm the positional information of a module usually;

(3) right: the upper left corner of representation module is apart from the coordinate figure of mobile phone interface low order end;

(4) bottom: the upper left corner of representation module is apart from mobile phone interface coordinate figure bottom;

In html file, each module of forming the mobile phone application user interface all writes on the form of label<body></body>Between the label.These labels also exist and comprise and involved relation.It shown in Fig. 2 A the relation between each label among the HTML.

Use the method for each label of traversal HTML to realize obtaining to these tag parameter information.The effect of Web browser is to read html document, and demonstrates them with the form of webpage.Its order that reads reads according to document code from top to down in proper order.So need after browser engine has read whole html files, make self-adaptation to this application again revises.Shown in Fig. 2 B, be the graph of a relation that reads order and each label.

The display parameter of application interface include: Html graphic display information, css graphic display information, js graphic display information, svg graphic display information, xml graphic presentation configuration information.

(2) step S104

Behind the correlation parameter that obtains the mobile Widget application, need obtain ratio according to these parameters to each module stretching (convergent-divergent) of screen, scaling comprises: the scaling of cross direction scaling, high direction scaling, literal.Proportional algorithm such as formula (1) and (2), R WAnd R HRepresent wide and high stretch ratio respectively, S WAnd S HRepresent the width and the height resolution (device parameter of portable terminal) of screen respectively, B WAnd B HRepresent Widget to use width and the height resolution of the Body of original definition respectively.When exploitation Widget uses, width and the height parameter of definition Body, the wide and high then corresponding screen of the Widget that defines in the config file wide and high.

R W=S W÷B W (1)

R H=S H÷B H (2)

(3) step S106

The core of figure adaptive algorithm is made amendment to realize self-adaptation to each parameter exactly.The self-adaptation of application interface shows and comprises: static interfaces size adaptation, static interfaces position self-adaptation, dynamic interface size adaptation, dynamic interface position self-adaptation.Adopt parameter acquiring method traversal html file, the stretch ratio of using the stretch ratio algorithm to obtain is used then and is revised these parameters of parameter algorithm self-adaptation, thereby reaches the self-adaptation of user interface.Algorithm is shown in formula (3) and (4).I=0,1,2 ..., n, tag element arbitrarily in the expression html file.W not only representes width, and the attribute of its representative expression x coordinate axis position on mobile phone screen is like left, right etc.In like manner, H is illustrated in the attribute of expression y coordinate axis position on the mobile phone screen, like top, and bottom etc.

According to the embodiment of the invention, the design of self-adaptation object model comprises following several respects:

1, moves the application window object.

An adaptive effect directly perceived requires the full frame size of Application and implementation to show exactly.Need consider the window size and the actual screen size of application, be designated as " widget_width " respectively, " widget_height ", " screen_width " and " screen_height ".

2, the css object of Body.

(1) the wide and high attribute of Body object.Wide and the high integral body of using that determined of Body object shows that the attribute of this object should be corresponding one by one with the window size attribute of using.It is wide for Widget is presented at the wide of screen that Body is set if desired, then is provided with " width:100% "; The height of Body need not be set to the height that Widget is presented at screen, " 100% " demonstration is set still shows according to the height of Body content.

(2) the Body font is provided with.The setting of Body font is the pith that good user experience is provided in the css adaptive model.The font that the font setting of Body can have influence on the submodule of all undefined fonts in the application shows.Principle of design is the scope division according to screen resolution, rather than directly stretches according to the self-adaptation scale parameter.Body label default font size is 16 pixels; If need the font setting among the widget.At first, the font size of a Body can be set, when the font demand of different sizes is arranged in other labels, be basis, use number percent with the font size of Body.

3, other form submodule.

Form by number of modules in the Body, thereby need make Widget can realize self-adaptation module setting.Module position: use number percent " % " and " em " that module position: margin-left, margin-top, margin-right, margin-bottom are set; Block size: use number percent " % " and " em " that block size: width, height are set.

4, font module.

The principle that is provided with the Body font is identical, and font does not generally change with screen size, and is to use fixedly key word: xx-small, x-small, small, medium, large, x-large and xx-large.7 key words with medium key word function as reference, from medium font size or increase or dwindle and derive.The size of medium font own obtains from the user browser setting.It can use CSS that the body label is set through the developer to change.In addition, can also use Media Inquiries to confirm to set logical changes Body font size then just in the resolution of operational outfit.The number percent that font size is used in other modules is standard with the Body font size.

5, background module

Background is to move a very common module in the application, and the adaptive problem of background module should be much accounted of.Discuss respectively in the face of different backgrounds down.

Background is a color: the normal setting.

Background is a picture: the background picture that " background-image " method is provided with has been realized not convergent-divergent.With position that background picture is set with attribute such as repeat, there is not scale attributes only.Background picture is greater than container, and container is only understood the intercepting part, little then repeats to show according to definition, does not perhaps repeat, and fills background color etc.Use " <img>" label and " z-index " attribute replace showing the background picture of first module, and the size and the position of picture can be set in css like this, can control convergent-divergent.Wide and the high size that is set to first module of <img>realizes with relative unit " % " or " em "; " z-index " can be set to negative, guarantee " z-index " of this picture " z-index " less than all second modules in this first module.Can in html, be placed on the last of first module to <img>label, prevent that it from having influence on the position of other modules second.

6, button module.

Button module is very common and occur frequent in application.The self-adaptation of button module need be considered the variation of button size, position and background picture.The size of button: can use fixedly unit or relative unit according to actual conditions.The position of button: generally use relative unit, confirm position at screen.The background of button: with the method that picture substitutes, control the convergent-divergent of background with above-mentioned background.Also can directly replace button with picture.

In addition, except the static self-adaptation that realizes that Widget uses, the figure adaptive algorithm also through a kind of self-adaptation object is provided for the developer, realizes the dynamic self-adapting of JavaScript.The developer for the variable relevant with user interface information, should use this self-adaptation object definition correlated variables on stream, and in the JavaScript code, uses the variable of definition to participate in various algorithms, rather than directly uses numerical value.Like this, in the figure adaptive algorithm, can be with the also self-adaptation correction of these variablees of developer definition, thus realize the dynamic self-adapting that Widget uses.At last, the BAE engine is rendered into the interface with application, realizes final interface display, and thus, Widget has realized good display effect when being applied in the terminal that is used for different resolution.

According to embodiments of the invention, a kind of screen graph adaptive system that is used for portable terminal is provided also.

Fig. 3 is according to the structured flowchart of the screen graph adaptive system of the embodiment of the invention, comprising:

Parameter acquisition module 10 is used to obtain the display parameter of application interface and the device parameter of portable terminal.Parameter acquisition module 10 further comprises: first parameter acquisition module 12, and the dom tree that is used for each element through the traversal applications interface obtains the display parameter of application interface; Second parameter acquisition module 14 is used for obtaining through context-aware mechanism the device parameter of portable terminal.

Scaling determination module 20 is used for confirming scaling according to the display parameter of the application interface that obtains and the device parameter of portable terminal.

Self-adaptation display module 30 is used for revising according to scaling the display parameter of application interface, and the self-adaptation of carrying out application interface shows.Self-adaptation display module 30 is further used for: static interfaces size adaptation, static interfaces position self-adaptation, dynamic interface size adaptation, dynamic interface position self-adaptation.

The operation steps of method of the present invention is corresponding with the architectural feature of system, can cross-reference, give unnecessary details no longer one by one

In sum; Through obtaining the information parameter that facility information parameter and Widget use; And through the machine-processed graphic presentation parameter of revising former Widget application of figure adaptive algorithm; Thereby reach the adaptive purpose of figure, thereby make application program on the terminal of different resolution and different operating system, to use more flexibly.

The above is merely embodiments of the invention, is not limited to the present invention, and for a person skilled in the art, the present invention can have various changes and variation.All within spirit of the present invention and principle, any modification of being done, be equal to replacement, improvement etc., all should be included within the claim scope of the present invention.

Claims (10)

1. a screen graph adaptive approach that is used for portable terminal is characterized in that, comprising:
Obtain the display parameter of application interface and the device parameter of portable terminal;
According to the display parameter of the application interface that obtains and the device parameter of portable terminal, confirm scaling;
Revise the display parameter of said application interface according to said scaling, the self-adaptation of carrying out said application interface shows.
2. method according to claim 1 is characterized in that, the dom tree of each element through the traversal applications interface obtains the display parameter of said application interface.
3. method according to claim 1 and 2 is characterized in that, the display parameter of said application interface comprise:
Html graphic display information, css graphic display information, js graphic display information, svg graphic display information, xml graphic presentation configuration information.
4. method according to claim 1 is characterized in that, obtains the device parameter of said portable terminal through context-aware mechanism.
5. method according to claim 1 is characterized in that, said scaling comprises:
The scaling of cross direction scaling, high direction scaling, literal.
6. method according to claim 1 is characterized in that, the self-adaptation of said application interface shows, comprising:
Static interfaces size adaptation, static interfaces position self-adaptation, dynamic interface size adaptation, dynamic interface position self-adaptation.
7. method according to claim 1 is characterized in that, also comprises:
Realize that the self-adaptation among the JavaScript shows;
The BAE engine is rendered into the interface with application.
8. a screen graph adaptive system that is used for portable terminal is characterized in that, comprising:
Parameter acquisition module is used to obtain the display parameter of application interface and the device parameter of portable terminal;
The scaling determination module is used for confirming scaling according to the display parameter of the application interface that obtains and the device parameter of portable terminal;
The self-adaptation display module is used for revising according to said scaling the display parameter of said application interface, and the self-adaptation of carrying out said application interface shows.
9. system according to claim 8 is characterized in that, said parameter acquisition module comprises:
First parameter acquisition module, the dom tree that is used for each element through the traversal applications interface obtains the display parameter of said application interface;
Second parameter acquisition module is used for obtaining through context-aware mechanism the device parameter of said portable terminal.
10. system according to claim 8 is characterized in that, said self-adaptation display module is further used for: static interfaces size adaptation, static interfaces position self-adaptation, dynamic interface size adaptation, dynamic interface position self-adaptation.
CN201210086395.2A 2012-03-28 2012-03-28 For screen graph adaptive approach and the system of mobile terminal CN102662616B (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201210086395.2A CN102662616B (en) 2012-03-28 2012-03-28 For screen graph adaptive approach and the system of mobile terminal

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201210086395.2A CN102662616B (en) 2012-03-28 2012-03-28 For screen graph adaptive approach and the system of mobile terminal

Publications (2)

Publication Number Publication Date
CN102662616A true CN102662616A (en) 2012-09-12
CN102662616B CN102662616B (en) 2015-12-16

Family

ID=46772118

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201210086395.2A CN102662616B (en) 2012-03-28 2012-03-28 For screen graph adaptive approach and the system of mobile terminal

Country Status (1)

Country Link
CN (1) CN102662616B (en)

Cited By (33)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102902535A (en) * 2012-09-18 2013-01-30 深圳市融创天下科技股份有限公司 Picture self-adaption method, system and terminal equipment
CN103455571A (en) * 2013-08-19 2013-12-18 小米科技有限责任公司 Method and device for displaying picture in webpage, and terminal
CN103473044A (en) * 2013-08-20 2013-12-25 广东明创软件科技有限公司 Drawing method for application program interface adaptive to mobile terminals with different resolutions
WO2013189406A2 (en) * 2013-06-19 2013-12-27 中兴通讯股份有限公司 Method and system for demonstrating and generating demonstration script
CN103479373A (en) * 2013-09-25 2014-01-01 重庆邮电大学 Self-adaptive display method and device of digital X-ray images
CN103530117A (en) * 2013-09-30 2014-01-22 山西云途信息技术有限公司 Method and device for adapting to screens, of different sizes, of mobile terminals
CN103577193A (en) * 2013-11-13 2014-02-12 北京像素软件科技股份有限公司 Method and device for interface display
WO2014094628A1 (en) * 2012-12-19 2014-06-26 Tencent Technology (Shenzhen) Company Limited Method of implementing screen adaptation for owner-drawn elements and apparatus
CN104020933A (en) * 2014-05-22 2014-09-03 小米科技有限责任公司 Menu displaying method and device
CN104050947A (en) * 2013-03-15 2014-09-17 联想(北京)有限公司 Display control method and electronic device
CN104063233A (en) * 2013-03-18 2014-09-24 联想(北京)有限公司 Method for loading HTML (hypertext markup language) execution environments, storage device and terminal device
CN104063148A (en) * 2014-06-11 2014-09-24 科大讯飞股份有限公司 Method and system for dynamically fitting interface of Web application program on mobile terminal
CN104144357A (en) * 2013-05-10 2014-11-12 中国电信股份有限公司 Video playing method and system
CN104317968A (en) * 2014-11-18 2015-01-28 苏州科达科技股份有限公司 Page self-adaptive adjusting method and system
CN104598131A (en) * 2015-01-15 2015-05-06 小米科技有限责任公司 Method and device for adjusting page display mode
CN104813393A (en) * 2012-09-21 2015-07-29 谷歌公司 Displaying applications on a fixed orientation display
CN105045893A (en) * 2015-07-31 2015-11-11 北京奇虎科技有限公司 Adaptation method and apparatus for picture in webpage
CN105205077A (en) * 2014-06-25 2015-12-30 广州市动景计算机科技有限公司 Page layout method, device and system
CN105282321A (en) * 2015-08-28 2016-01-27 上海健保科技有限公司 Adaption method of application software user interface and display device
CN105373427A (en) * 2015-11-11 2016-03-02 北京麒麟合盛网络技术有限公司 Method and device for displaying applications and function switches
CN105447010A (en) * 2014-08-12 2016-03-30 博雅网络游戏开发(深圳)有限公司 Text rendering method and system
CN105718228A (en) * 2014-12-05 2016-06-29 金蝶软件(中国)有限公司 Method and device for displaying dynamic content
CN105791524A (en) * 2014-12-24 2016-07-20 广州市动景计算机科技有限公司 Method and device for adjusting page font
CN105847590A (en) * 2016-05-24 2016-08-10 努比亚技术有限公司 Picture display device and method of Android system
CN105975576A (en) * 2016-05-04 2016-09-28 北京京东尚科信息技术有限公司 Terminal content adaptive display method and device as well as terminal
CN106020752A (en) * 2016-04-29 2016-10-12 乐视控股(北京)有限公司 Method and system for self-adaptation display
CN106201709A (en) * 2016-06-28 2016-12-07 北京小米移动软件有限公司 resource display method and device
CN103744595B (en) * 2013-12-30 2017-03-22 广州华多网络科技有限公司 Self-adaption display method and device
CN106687903A (en) * 2014-12-29 2017-05-17 华为技术有限公司 Method for reducing valid presentation region of screen and mobile terminal
CN106878798A (en) * 2017-01-18 2017-06-20 环球智达科技(北京)有限公司 A kind of scheme of the dynamic interface allocation of intelligent television
CN107357503A (en) * 2017-07-06 2017-11-17 李长云 The adaptive methods of exhibiting and system of a kind of industrial equipment threedimensional model
US9905201B2 (en) 2014-11-28 2018-02-27 Mstar Semiconductor, Inc. Display control method and device for application program interface
CN109343925A (en) * 2018-09-25 2019-02-15 珠海格力电器股份有限公司 User interface self-adapting regulation method and device, industry control display terminal

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN1632748A (en) * 2003-12-23 2005-06-29 财团法人资讯工业策进会 Method for dynamically regulating window element size and position
US20090300146A1 (en) * 2008-05-27 2009-12-03 Samsung Electronics Co., Ltd. Display apparatus for displaying widget windows, display system including the display apparatus, and a display method thereof
US20100077344A1 (en) * 2008-09-19 2010-03-25 Oracle International Corporation Providing modal window views for widgets on web pages
CN101853158A (en) * 2010-05-11 2010-10-06 中兴通讯股份有限公司 Method and device for adjusting Widget window
CN101986300A (en) * 2010-10-28 2011-03-16 浙江大学 Dynamic layout adjustment-based mobile Widget cross-platform implementation method
CN102270109A (en) * 2011-08-23 2011-12-07 上海网达软件有限公司 Self-converting method and system for user interfaces with different resolutions

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN1632748A (en) * 2003-12-23 2005-06-29 财团法人资讯工业策进会 Method for dynamically regulating window element size and position
US20090300146A1 (en) * 2008-05-27 2009-12-03 Samsung Electronics Co., Ltd. Display apparatus for displaying widget windows, display system including the display apparatus, and a display method thereof
US20100077344A1 (en) * 2008-09-19 2010-03-25 Oracle International Corporation Providing modal window views for widgets on web pages
CN101853158A (en) * 2010-05-11 2010-10-06 中兴通讯股份有限公司 Method and device for adjusting Widget window
CN101986300A (en) * 2010-10-28 2011-03-16 浙江大学 Dynamic layout adjustment-based mobile Widget cross-platform implementation method
CN102270109A (en) * 2011-08-23 2011-12-07 上海网达软件有限公司 Self-converting method and system for user interfaces with different resolutions

Cited By (46)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102902535A (en) * 2012-09-18 2013-01-30 深圳市融创天下科技股份有限公司 Picture self-adaption method, system and terminal equipment
CN107103890A (en) * 2012-09-21 2017-08-29 谷歌公司 Display application on fixed-direction display
CN107103890B (en) * 2012-09-21 2019-02-01 谷歌有限责任公司 The method and apparatus of application is shown on fixed-direction display
CN104813393A (en) * 2012-09-21 2015-07-29 谷歌公司 Displaying applications on a fixed orientation display
WO2014094628A1 (en) * 2012-12-19 2014-06-26 Tencent Technology (Shenzhen) Company Limited Method of implementing screen adaptation for owner-drawn elements and apparatus
TWI490772B (en) * 2012-12-19 2015-07-01 Tencent Tech Shenzhen Co Ltd Method and apparatus for adapting custom control components to a screen
CN104050947A (en) * 2013-03-15 2014-09-17 联想(北京)有限公司 Display control method and electronic device
CN104063233A (en) * 2013-03-18 2014-09-24 联想(北京)有限公司 Method for loading HTML (hypertext markup language) execution environments, storage device and terminal device
CN104063233B (en) * 2013-03-18 2017-12-29 联想(北京)有限公司 Load method, storage device and the terminal device of HTML performing environments
CN104144357A (en) * 2013-05-10 2014-11-12 中国电信股份有限公司 Video playing method and system
WO2013189406A3 (en) * 2013-06-19 2014-05-15 中兴通讯股份有限公司 Method and system for demonstrating and generating demonstration script
WO2013189406A2 (en) * 2013-06-19 2013-12-27 中兴通讯股份有限公司 Method and system for demonstrating and generating demonstration script
CN104239018A (en) * 2013-06-19 2014-12-24 中兴通讯股份有限公司 Methods and systems for demonstrating and generating demonstration scripts
CN103455571A (en) * 2013-08-19 2013-12-18 小米科技有限责任公司 Method and device for displaying picture in webpage, and terminal
CN103473044A (en) * 2013-08-20 2013-12-25 广东明创软件科技有限公司 Drawing method for application program interface adaptive to mobile terminals with different resolutions
CN103479373B (en) * 2013-09-25 2015-08-19 重庆邮电大学 Digitized X-ray image adaptive display packing and device
CN103479373A (en) * 2013-09-25 2014-01-01 重庆邮电大学 Self-adaptive display method and device of digital X-ray images
CN103530117A (en) * 2013-09-30 2014-01-22 山西云途信息技术有限公司 Method and device for adapting to screens, of different sizes, of mobile terminals
CN103577193A (en) * 2013-11-13 2014-02-12 北京像素软件科技股份有限公司 Method and device for interface display
CN103744595B (en) * 2013-12-30 2017-03-22 广州华多网络科技有限公司 Self-adaption display method and device
CN104020933A (en) * 2014-05-22 2014-09-03 小米科技有限责任公司 Menu displaying method and device
CN104020933B (en) * 2014-05-22 2017-11-07 小米科技有限责任公司 menu display method and device
CN104063148A (en) * 2014-06-11 2014-09-24 科大讯飞股份有限公司 Method and system for dynamically fitting interface of Web application program on mobile terminal
CN105205077A (en) * 2014-06-25 2015-12-30 广州市动景计算机科技有限公司 Page layout method, device and system
CN105447010A (en) * 2014-08-12 2016-03-30 博雅网络游戏开发(深圳)有限公司 Text rendering method and system
CN104317968A (en) * 2014-11-18 2015-01-28 苏州科达科技股份有限公司 Page self-adaptive adjusting method and system
US9905201B2 (en) 2014-11-28 2018-02-27 Mstar Semiconductor, Inc. Display control method and device for application program interface
CN105718228B (en) * 2014-12-05 2019-07-23 金蝶软件(中国)有限公司 The method and apparatus that dynamic content is shown
CN105718228A (en) * 2014-12-05 2016-06-29 金蝶软件(中国)有限公司 Method and device for displaying dynamic content
CN105791524B (en) * 2014-12-24 2019-03-29 广州市动景计算机科技有限公司 A kind of method and device adjusting page font
CN105791524A (en) * 2014-12-24 2016-07-20 广州市动景计算机科技有限公司 Method and device for adjusting page font
US10318131B2 (en) 2014-12-29 2019-06-11 Huawei Technologies Co., Ltd. Method for scaling down effective display area of screen, and mobile terminal
CN106687903A (en) * 2014-12-29 2017-05-17 华为技术有限公司 Method for reducing valid presentation region of screen and mobile terminal
CN104598131A (en) * 2015-01-15 2015-05-06 小米科技有限责任公司 Method and device for adjusting page display mode
CN105045893A (en) * 2015-07-31 2015-11-11 北京奇虎科技有限公司 Adaptation method and apparatus for picture in webpage
CN105282321A (en) * 2015-08-28 2016-01-27 上海健保科技有限公司 Adaption method of application software user interface and display device
CN105373427A (en) * 2015-11-11 2016-03-02 北京麒麟合盛网络技术有限公司 Method and device for displaying applications and function switches
CN106020752A (en) * 2016-04-29 2016-10-12 乐视控股(北京)有限公司 Method and system for self-adaptation display
CN105975576B (en) * 2016-05-04 2019-12-31 北京京东尚科信息技术有限公司 Terminal content adaptive display method and device and terminal
CN105975576A (en) * 2016-05-04 2016-09-28 北京京东尚科信息技术有限公司 Terminal content adaptive display method and device as well as terminal
CN105847590A (en) * 2016-05-24 2016-08-10 努比亚技术有限公司 Picture display device and method of Android system
CN106201709A (en) * 2016-06-28 2016-12-07 北京小米移动软件有限公司 resource display method and device
CN106878798A (en) * 2017-01-18 2017-06-20 环球智达科技(北京)有限公司 A kind of scheme of the dynamic interface allocation of intelligent television
CN107357503A (en) * 2017-07-06 2017-11-17 李长云 The adaptive methods of exhibiting and system of a kind of industrial equipment threedimensional model
CN107357503B (en) * 2017-07-06 2020-05-22 湖南云智迅联科技发展有限公司 Self-adaptive display method and system for three-dimensional model of industrial equipment
CN109343925A (en) * 2018-09-25 2019-02-15 珠海格力电器股份有限公司 User interface self-adapting regulation method and device, industry control display terminal

Also Published As

Publication number Publication date
CN102662616B (en) 2015-12-16

Similar Documents

Publication Publication Date Title
US10726195B2 (en) Filtered stylesheets
US9043698B2 (en) Method for users to create and edit web page layouts
CN102591853B (en) Webpage rearrangement method, webpage rearrangement device and mobile terminal
JP4648500B2 (en) Display system, display method, program, and recording medium
KR101201274B1 (en) Method and apparatus for providing scraped web pages in a graphical user interface
US8595371B2 (en) Sending a remote user interface
CN101699426B (en) Document format conversion system and method
CN101553771B (en) Rendering hypertext markup language content
US7237227B2 (en) Application user interface template with free-form layout
JP5209051B2 (en) Data system and method
CN105373567B (en) Page generation method and client
US8887132B1 (en) Application runtime environment and framework
AU2005202722B2 (en) Common charting using shapes
CN102779167B (en) The method and system of display web page in the terminal
US20130326333A1 (en) Mobile Content Management System
US20120159310A1 (en) Method for converting mobile web application into native application and apparatus using the same
DE102013202782A1 (en) Server-based web page design system that integrates dynamic layout and dynamic content
Boulos et al. Web GIS in practice VIII: HTML5 and the canvas element for interactive online mapping
CN101996206B (en) Method, device and system for displaying web page
US9576068B2 (en) Displaying selected portions of data sets on display devices
FI118310B (en) Presentation of a web page in a browser window and procedure for processing a web page
CN102129364B (en) Method for embedding widget toolbar in application program and rapid widget accessing method
US20200285675A1 (en) Transcoding and serving resources
KR20140012664A (en) Method for rearranging web page
US9710883B2 (en) Flexible control in resizing of visual displays

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