CN102662616B - For screen graph adaptive approach and the system of mobile terminal - Google Patents
For screen graph adaptive approach and the system of mobile terminal Download PDFInfo
- Publication number
- CN102662616B CN102662616B CN201210086395.2A CN201210086395A CN102662616B CN 102662616 B CN102662616 B CN 102662616B CN 201210086395 A CN201210086395 A CN 201210086395A CN 102662616 B CN102662616 B CN 102662616B
- Authority
- CN
- China
- Prior art keywords
- parameter
- display
- adaptation
- application interface
- self
- 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.)
- Expired - Fee Related
Links
Landscapes
- User Interface Of Digital Computer (AREA)
Abstract
The invention discloses a kind of screen graph adaptive approach for mobile terminal and system, wherein the method comprises: obtain the display parameter of application interface and the device parameter of mobile terminal; According to the display parameter of application interface obtained and the device parameter of mobile terminal, determine scaling; According to the display parameter of scaling amendment application interface, carry out the self-adaptation display of application interface.By the present invention, application program can be made to use flexibly in the terminal of different resolution and different operating system.
Description
Technical field
The present invention relates to mobile communication technology field, particularly relate to a kind of screen graph adaptive approach for mobile terminal and system.
Background technology
Mobile Widget refers to the Widget run on mobile terminals, not only can independent of browser execution, effectively utilize mobile phone screen, and mobile Internet can be accessed more fast, directly, easily, thus bring good presentation mode and internet to experience to cellphone subscriber.Because different mobile Widget platform mostly have employed different standards, each other cannot be completely compatible, the third party provider that Widget is applied needs for a service application makes multiple different Widget to adapt to different Widget platform.And, current mobile phone operating system kind is many, difference is large, lack open to the effective unified interface of upper layer application, cause that the threshold of mobile terminal application and development is high, the cycle is long, terminal adaptation workload is large, and the Consumer's Experience on different terminals platform also often also exists larger difference, and these directly affects effectively disposing fast of terminal applies.This problem is based on existing mobile Internet product and research and development achievement, the intelligent terminal gordian technique of mobile Internet business is supported in research, the research cross-platform middleware of terminal and interface adaptation technique, research browser and WEB new technology, solve the difficult point existed in the application of current mobile Internet terminal targetedly, accelerate the marketization of mobile Widget application, the maintenance cost of very big reduction cross-platform, promote mobile Internet terminal applied environment ability to improve further, be convenient to deployment and the renewal of business, consistent Consumer's Experience is provided, the market demand of constantly change can be responded fast.
Nowadays, the developer of any use screen application program (no matter being Web site, mobile device application program, or multipad) must recognize that different screens has different attributes and feature, and Widget exploitation is all the more so.Due to the cross-platform characteristic of Widget, develop a Widget and may be faced with such problem: it may operate on the mobile device of different operating system, different resolution, the equipment that the Widget originally made according to a certain resolution is contained in little resolution shows, only may see tip of the iceberg.Word originally and can touching control cannot be presented in screen completely, exceeds can touching control cannot click outside screen.If customization resolution Widget operates on large resolution device, effect can be completely contradicted, and the whole Widget page tightens certain being together presented at screen, and the handwriting is blurred cannot differentiate, and control is difficult to touching.JILWidget can cross-platformly run, namely a JILWidget application can run in the various terminals being provided with JILWidget engine (as: BAE), but how ensureing that the Consumer's Experience that this is applied on different resolution mobile phone is all very outstanding, is then technical matters urgently to be resolved hurrily.
Summary of the invention
Fundamental purpose of the present invention is to provide a kind of screen graph adaptive approach for mobile terminal and system, the problem causing display effect undesirable when the Widget existed to solve prior art applies the terminal for resolution is different, wherein:
The screen graph adaptive approach for mobile terminal according to the embodiment of the present invention comprises: obtain the display parameter of application interface and the device parameter of mobile terminal; According to the display parameter of application interface obtained and the device parameter of mobile terminal, determine scaling; According to the display parameter of scaling amendment application interface, carry out the self-adaptation display of application interface.
Wherein, the display parameter of application interface are obtained by the dom tree of each element at traversal applications 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 figure display configuration information.
Wherein, the device parameter of mobile terminal is obtained by context-aware mechanism.
Wherein, scaling comprises: the scaling of cross direction scaling, high direction scaling, word.
Wherein, the self-adaptation display of application interface comprises: static interfaces size adaptation, static interfaces position self-adaptation, dynamic interface size adaptation, dynamic interface position self-adaptation.
Wherein, the method also comprises: realize the self-adaptation display in JavaScript; Application is rendered into interface by BAE engine.
The screen graph adaptive system for mobile terminal according to the embodiment of the present invention comprises: parameter acquisition module, for the device parameter of the display parameter and mobile terminal that obtain application interface; Scaling determination module, for according to the display parameter of application interface obtained and the device parameter of mobile terminal, determines scaling; Self-adaptation display module, for the display parameter according to scaling amendment application interface, carries out the self-adaptation display of application interface.
Wherein, parameter acquisition module comprises: the first parameter acquisition module, and the dom tree for each element by traversal applications interface obtains the display parameter of application interface; Second parameter acquisition module, for obtaining the device parameter of mobile terminal by context-aware mechanism.
Wherein, 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, by obtaining the information parameter of facility information parameter and Widget application, and the graphical display parameter of former Widget application is revised by figure adaptive algorithm mechanism, reach the adaptive object of figure, thus application program can be used more flexibly in the terminal of different resolution and different operating system.
Accompanying drawing explanation
Accompanying drawing described herein is used to provide a further understanding of the present invention, and form a application's part, schematic description and description of the present invention, for explaining the present invention, does not form inappropriate limitation 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 present invention;
Fig. 2 A and Fig. 2 B is the schematic diagram of relation in the HTML of the embodiment of the present invention between each label and reading order respectively;
Fig. 3 is the structured flowchart of the screen graph adaptive system for mobile terminal of the embodiment of the present invention.
Embodiment
For making the object, technical solutions and advantages of the present invention clearly, below in conjunction with drawings and the specific embodiments, the present invention is described in further detail.
According to embodiments of the invention, provide a kind of screen graph adaptive approach for mobile terminal.
Fig. 1 is the process flow diagram of the screen graph adaptive approach of the embodiment of the present invention, and as shown in Figure 1, the method comprises:
Step S102, obtains the display parameter of application interface (Widget application interface) and the device parameter of mobile terminal;
Step S104, according to the display parameter of application interface obtained and the device parameter of mobile terminal, determines scaling;
Step S106, according to the display parameter of scaling amendment application interface, carries out the self-adaptation display of application interface.
The details of above-mentioned each process is described below in detail.
(1) step S102
The device parameter (comprising device hardware parameter and device software parameter) of mobile terminal can be obtained by context-aware mechanism, is preserved by the device parameter of the mobile terminal obtained according to certain classification.
For the display parameter of application interface, mainly comprise size parameter and the large class of location parameter two, wherein:
1, size parameter.
(1) width: the width of representation module;
(2) height: the height of representation module;
(3) " ": picture can be put into the <img> label of div module by developer sometimes, but does not arrange the wide and high of it.In this case, the Widget of developer's exploitation can normally show, and html gives tacit consent to the size reserving itself picture to this <img> label.
(4) width of object label: when using object label to comprise such as svg vector artwork in html, the simple width obtained are the width information of this object.Self-adaptation needs the svg picture to object comprises also to carry out self-adaptation, namely also will obtain the width of svg.
(5) height of object label: when using object label to comprise such as svg vector artwork in html, the simple height obtained are the height information of this object.Self-adaptation needs the svg picture to object comprises also to carry out self-adaptation, namely also will obtain the height of svg.
2, location parameter:
(1) top: the upper left corner of representation module is at the y coordinate figure of mobile phone interface coordinate;
(2) left: the upper left corner of representation module is at the x coordinate figure of mobile phone interface coordinate, and usual top and left just can determine the positional information of a module;
(3) right: the coordinate figure of the upper left corner distance mobile phone interface low order end of representation module;
(4) bottom: the upper left corner distance mobile phone interface coordinate figure bottom of representation module;
In html file, the modules of composition mobile phone using user interface writes between <body></bodyGrea tT.GreaT.GT label all in the form of a label.These labels also also exist and comprise and involved relation.The relation in HTML between each label as shown in Figure 2 A.
The method of each label of use traversal HTML realizes the acquisition to these tag parameter information.Html document is read in the effect of Web browser, and demonstrates them in the form of a web page.Its reading order is according to document code order reading from top to down.So need to make self-adaptation amendment to this application again after browser engine reads the html file of full.As shown in Figure 2 B, be the graph of a relation of reading 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 figure display configuration information.
(2) step S104
When after the correlation parameter obtaining mobile Widget application, the ratio of need to obtain stretching to each module of screen according to these parameters (convergent-divergent), scaling comprises: the scaling of cross direction scaling, high direction scaling, word.Proportional algorithm as formula (1) and (2), R
wand R
hrepresent wide and high stretch ratio respectively, S
wand S
hrepresent width and the height resolution (device parameter of mobile terminal) of screen respectively, B
wand B
hrepresent width and the height resolution of the Body of Widget application original definition respectively.When developing Widget application, width and the height parameter of definition Body, the wide and high then corresponding screen of the Widget defined in 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 modifies to realize self-adaptation to parameters exactly.The self-adaptation display of application interface 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, use the stretch ratio that stretch ratio algorithm obtains, then use these parameters of amendment parameter algorithm self-adaptation, thus reach the self-adaptation of user interface.Algorithm is as shown in formula (3) and (4).I=0,1,2 ..., n, represents arbitrary tag element in html file.W not only represents width, and its representative represents the attribute of x coordinate axis position on mobile phone screen, as left, right etc.In like manner, H represents the attribute representing y coordinate axis position on mobile phone screen, as top, bottom etc.
According to the embodiment of the present invention, adaptive object-model design comprises following several respects:
1, Mobile solution window object.
An adaptive visual effect requires that application realizes the display of full frame size exactly.Need window size and the actual screen size of considering application, be designated as respectively " widget_width ", " 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 entirety display determining application of Body object, the attribute of this object should with the window size attribute one_to_one corresponding applied.If need to arrange, Body is wide is presented at the wide of screen for Widget, then arrange " width:100% "; The height of Body does not need to be set to the height that Widget is presented at screen, arranges " 100% " display or shows according to the height of Body content.
(2) Body Set font.Body Set font is the pith providing good Consumer's Experience in css adaptive model.The Set font of Body can have influence on the font display of the submodule of all undefined fonts in application.Principle of design divides according to the scope of screen resolution, instead of directly stretch according to self-adaptation scale parameter.Body label default font size is 16 pixels; If need Set font in widget.First, the font size of a Body can being set, when there being the font demand of different size in other labels, based on the font size of Body, using number percent.
3, other composition submodules.
Be made up of number of modules in Body, need arrange module thus enable Widget realize self-adaptation.Module position: use number percent " % " and " em " that module position is set: margin-left, margin-top, margin-right, margin-bottom; Block size: use number percent " % " and " em " that block size is set: width, height.
4, font module.
Principle with Body Set font is identical, and font does not generally change with screen size, but uses fixing key word: xx-small, x-small, small, medium, large, x-large and xx-large.7 key words using medium key function as reference, from medium font size or increase or reduce derivative.The size of medium font own arranges from user browser and obtains.It can use CSS to arrange body label to change by developer.In addition, Media Inquiries can also be used to determine just in the resolution of operational outfit, then set logical changes Body font size.The number percent that in other modules, font size uses, with Body font size for standard.
5, background module
Background is a module very common in Mobile solution, and the adaptive problem of background module should be taken seriously.Below different backgrounds is discussed respectively.
Background is color: normally arrange.
Background is picture: the background picture that " background-image " method is arranged does not realize convergent-divergent.Only to arrange the position of background picture, and the attribute such as to repeat, there is no scale attributes.Background picture is greater than container, and container only can intercept certain part, little then repeats display according to definition, or does not repeat, and fills background color etc.Use " <img> " label and " z-index " attribute to replace the background picture of display first module, size and the position of picture can be set like this in css, can convergent-divergent be controlled.Wide and the high size being set to the first module of <img>, realizes with relative unit " % " or " em "; " z-index " can be set to negative, guarantee that " z-index " of this picture is less than " z-index " of all second modules in this first module.In html, <img> label can be placed on the last of the first module, prevent it from having influence on the position of other modules second.
6, button module.
Button module is very common in the application and appearance is frequent.The self-adaptation of button module needs to consider the change of button size, position and background picture.The size of button: according to actual conditions, fixing unit or relative unit can be used.The position of button: generally use relative unit, determines the position at screen.The background of button: the method substituted with picture with above-mentioned background, controls the convergent-divergent of background.Also button can be replaced by direct picture.
In addition, except realizing the static self-adaptation of Widget application, figure adaptive algorithm also by providing a kind of self-adaptation object for developer, realizes the dynamic self-adapting of JavaScript.Developer on stream, for the variable relevant with user interface information, should use this self-adaptation object to define correlated variables, and in JavaScript code, use the variable of definition to participate in various algorithm, instead of directly use numerical value.Like this, in figure adaptive algorithm, these variablees also adaptive correction that developer can be defined, thus realize the dynamic self-adapting of Widget application.Finally, application is rendered into interface by BAE engine, realizes final interface display, thus, achieves good display effect when Widget is applied in the terminal for different resolution.
According to embodiments of the invention, additionally provide a kind of screen graph adaptive system for mobile terminal.
Fig. 3 is the structured flowchart of the screen graph adaptive system according to the embodiment of the present invention, comprising:
Parameter acquisition module 10 is for the device parameter of the display parameter and mobile terminal that obtain application interface.Parameter acquisition module 10 comprises further: the first parameter acquisition module 12, and the dom tree for each element by traversal applications interface obtains the display parameter of application interface; Second parameter acquisition module 14, for obtaining the device parameter of mobile terminal by context-aware mechanism.
Scaling determination module 20, for according to the display parameter of application interface obtained and the device parameter of mobile terminal, determines scaling.
Self-adaptation display module 30, for the display parameter according to scaling amendment application interface, carries out the self-adaptation display of application interface.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 be cross-referenced, repeats no longer one by one
In sum, by obtaining the information parameter of facility information parameter and Widget application, and the graphical display parameter of former Widget application is revised by figure adaptive algorithm mechanism, thus reach the adaptive object of figure, thus application program can be used in the terminal of different resolution and different operating system more flexibly.
The foregoing is only embodiments of the invention, be not limited to the present invention, for a person skilled in the art, the present invention can have various modifications and variations.Within the spirit and principles in the present invention all, any amendment done, equivalent replacement, improvement etc., all should be included within right of the present invention.
Claims (2)
1., for a screen graph adaptive approach for mobile terminal, it is characterized in that, comprising:
Obtain the display parameter of application interface and the device parameter of mobile terminal, the classification of the display parameter of described application interface comprises: size parameter and location parameter, wherein,
The display parameter of described application interface are obtained by the dom tree of each element at traversal applications interface, the display parameter of described application interface, comprising: Html graphic display information, css graphic display information, js graphic display information, svg graphic display information and xml figure display configuration information;
The device parameter of described mobile terminal is obtained by context-aware mechanism;
According to the display parameter of application interface obtained and the device parameter of mobile terminal, determine scaling; Described scaling comprises: the scaling of cross direction scaling, high direction scaling and word;
The display parameter of described application interface are revised according to described scaling, carry out the self-adaptation display of described application interface, comprise: setting is carried out to the composition submodule of Body object and makes application interface realize self-adaptation, use number percent " % " and " em " that the location parameter of described composition submodule is set: margin-left, margin-top, margin-right, margin-bottom; Use number percent " % " and " em " that the size parameter of described composition submodule is set: width, height;
The self-adaptation display of described application interface, comprising: static interfaces size adaptation, static interfaces position self-adaptation, dynamic interface size adaptation and dynamic interface position self-adaptation;
Realize the self-adaptation display in JavaScript;
Application is rendered into interface by BAE engine.
2., for a screen graph adaptive system for mobile terminal, it is characterized in that, comprising:
Parameter acquisition module, for the device parameter of the display parameter and mobile terminal that obtain application interface, the classification of the display parameter of described application interface comprises: size parameter and location parameter, wherein, described parameter acquisition module, comprise: the first parameter acquisition module, the dom tree for each element by traversal applications interface obtains the display parameter of described application interface; Second parameter acquisition module, for obtaining the device parameter of described mobile terminal by context-aware mechanism;
Scaling determination module, for according to the display parameter of application interface obtained and the device parameter of mobile terminal, determines scaling; Described scaling comprises: the scaling of cross direction scaling, high direction scaling and word;
Self-adaptation display module, for revising the display parameter of described application interface according to described scaling, carry out the self-adaptation display of described application interface, comprise: setting is carried out to the composition submodule of Body object and makes application interface realize self-adaptation, use number percent " % " and " em " that the location parameter of described composition submodule is set: margin-left, margin-top, margin-right, margin-bottom; Use number percent " % " and " em " that the size parameter of described composition submodule is set: width, height;
Described self-adaptation display module is further used for: static interfaces size adaptation, static interfaces position self-adaptation, dynamic interface size adaptation and dynamic interface position self-adaptation.
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 CN102662616A (en) | 2012-09-12 |
| CN102662616B true CN102662616B (en) | 2015-12-16 |
Family
ID=46772118
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201210086395.2A Expired - Fee Related 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) |
Families Citing this family (43)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102902535A (en) * | 2012-09-18 | 2013-01-30 | 深圳市融创天下科技股份有限公司 | Picture self-adaption method, system and terminal equipment |
| US9390473B2 (en) | 2012-09-21 | 2016-07-12 | Google Inc. | Displaying applications on a fixed orientation display |
| CN103885755A (en) * | 2012-12-19 | 2014-06-25 | 腾讯科技（深圳）有限公司 | Method and device for implementing screen matching of owner-draw controls |
| CN104050947A (en) * | 2013-03-15 | 2014-09-17 | 联想(北京)有限公司 | Display control method and electronic device |
| CN104063233B (en) * | 2013-03-18 | 2017-12-29 | 联想(北京)有限公司 | Load method, storage device and the terminal device of HTML performing environments |
| CN104144357B (en) * | 2013-05-10 | 2017-08-04 | 中国电信股份有限公司 | Video broadcasting method and system |
| 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 |
| 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 |
| 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 |
| CN105447010B (en) * | 2014-08-12 | 2018-12-07 | 博雅网络游戏开发（深圳）有限公司 | text rendering method and system |
| CN104317968A (en) * | 2014-11-18 | 2015-01-28 | 苏州科达科技股份有限公司 | Page self-adaptive adjusting method and system |
| CN104503655B (en) | 2014-11-28 | 2017-12-08 | 晨星半导体股份有限公司 | application program interface display control method and device |
| CN105718228B (en) * | 2014-12-05 | 2019-07-23 | 金蝶软件（中国）有限公司 | The method and apparatus that dynamic content is shown |
| CN105791524B (en) * | 2014-12-24 | 2019-03-29 | 广州市动景计算机科技有限公司 | A kind of method and device adjusting page font |
| CN106687903A (en) * | 2014-12-29 | 2017-05-17 | 华为技术有限公司 | Method for reducing valid presentation region of screen and mobile terminal |
| CN104598131B (en) * | 2015-01-15 | 2018-07-24 | 小米科技有限责任公司 | Adjust the method and device of page display way |
| CN105045893B (en) * | 2015-07-31 | 2020-09-01 | 北京奇虎科技有限公司 | Method and device for adapting pictures in webpage |
| CN105282321A (en) * | 2015-08-28 | 2016-01-27 | 上海健保科技有限公司 | Adaption method of application software user interface and display device |
| CN105373427B (en) * | 2015-11-11 | 2019-12-03 | 麒麟合盛网络技术股份有限公司 | A kind of method and device of display application and functional switch |
| 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 |
| 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 |
| CN107357503B (en) * | 2017-07-06 | 2020-05-22 | 湖南云智迅联科技发展有限公司 | Self-adaptive display method and system for three-dimensional model of industrial equipment |
| CN108932050B (en) * | 2018-06-14 | 2021-03-30 | 珠海金山网络游戏科技有限公司 | Method for reducing heat productivity of mobile terminal during hand trip operation |
| CN109254818B (en) * | 2018-08-28 | 2021-11-23 | 北京影谱科技股份有限公司 | Pixel-level positioning method and device for different resolutions of browser |
| CN109343925B (en) * | 2018-09-25 | 2020-02-14 | 珠海格力电器股份有限公司 | User interface self-adaptive adjusting method and device and industrial control display terminal |
| CN109683895A (en) * | 2018-12-21 | 2019-04-26 | 上海哔哩哔哩科技有限公司 | The method and system of a variety of browser sizes of webpage fit based on CSS preprocessor |
| CN112055244B (en) * | 2020-09-04 | 2022-06-21 | 维沃移动通信有限公司 | Image acquisition method and device, server and electronic equipment |
| CN112181568A (en) * | 2020-09-27 | 2021-01-05 | 上海连尚网络科技有限公司 | Locally adapting screen method and apparatus |
| CN114443186A (en) * | 2020-11-02 | 2022-05-06 | 上海博泰悦臻网络技术服务有限公司 | Multi-resolution automatic adaptive display method, system, medium and terminal based on Flutter framework |
| CN112328353B (en) * | 2021-01-06 | 2021-04-27 | 腾讯科技（深圳）有限公司 | Display method and device of sub-application player, electronic equipment and storage medium |
| CN113626120A (en) * | 2021-08-04 | 2021-11-09 | 挂号网（杭州）科技有限公司 | Method and device for determining display page, electronic equipment and storage medium |
| CN116719569B (en) * | 2022-09-02 | 2024-05-24 | 荣耀终端有限公司 | Method and device for starting application |
| CN116051627B (en) * | 2023-02-02 | 2023-06-13 | 杭州比智科技有限公司 | Method and system for realizing graphic self-adaption based on svg and Lottie |
Citations (4)
| 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 |
| 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 |
Family Cites Families (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| KR101488726B1 (en) * | 2008-05-27 | 2015-02-06 | 삼성전자주식회사 | Display apparatus for displaying a widget window and display system including the display apparatus and method for displaying thereof |
| US9081471B2 (en) * | 2008-09-19 | 2015-07-14 | Oracle International Corporation | Providing modal window views for widgets on web pages |
-
2012
- 2012-03-28 CN CN201210086395.2A patent/CN102662616B/en not_active Expired - Fee Related
Patent Citations (4)
| 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 |
| 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 |
Also Published As
| Publication number | Publication date |
|---|---|
| CN102662616A (en) | 2012-09-12 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN102662616B (en) | For screen graph adaptive approach and the system of mobile terminal | |
| CN107239287B (en) | Webpage display method and device, electronic equipment and storage medium | |
| CN107066430B (en) | Picture processing method and device, server and client | |
| CN109254771B (en) | Monitoring page generation method and device | |
| CN106371844A (en) | Method and system for presenting webpage by native user interface assembly | |
| CN104820589B (en) | A kind of method and its device of dynamic adaptation webpage | |
| CN111694493B (en) | Webpage screenshot method, computer equipment and readable storage medium | |
| CN110377285A (en) | A kind of method, apparatus and computer equipment generating page skeleton screen | |
| Marriott et al. | Fast and efficient client-side adaptivity for SVG | |
| Li et al. | The design and implementation of responsive web page based on HTML5 and CSS3 | |
| CN103412748A (en) | Display control method, device and system for user interface of embedded platform | |
| KR20200104899A (en) | Digital component background rendering | |
| US20240007701A1 (en) | Continuing video playback when switching from a dynamic page to a non-dynamic page | |
| CN113486280A (en) | Page rendering display method, device, equipment, storage medium and program product | |
| CN104731815A (en) | Webpage element drawing method and device | |
| CN103176993A (en) | Content presentation device and content presentation method | |
| CN109240784A (en) | A kind of the chart rendering method and system of memory object | |
| CN112732252B (en) | Method and device for dynamically generating UI and electronic equipment | |
| CN107391148B (en) | View element saving method and device, electronic equipment and computer storage medium | |
| CN111857715B (en) | H5-based linked pull-down component selection method, device, equipment and storage medium | |
| CN115268904A (en) | User interface design file generation method, device, equipment and medium | |
| CN110275923B (en) | Management method and equipment of plug-in graphics | |
| CN111736831A (en) | Custom menu component development method based on HTML page of mobile terminal | |
| CN113343136B (en) | Method and device for displaying information | |
| CN113741891A (en) | Page processing method and device, electronic equipment and storage medium |
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 | ||
| CF01 | Termination of patent right due to non-payment of annual fee | ||
| CF01 | Termination of patent right due to non-payment of annual fee |
Granted publication date: 20151216 |