CN106155677A - A kind of method and system of interface display - Google Patents
A kind of method and system of interface display Download PDFInfo
- Publication number
- CN106155677A CN106155677A CN201510208503.2A CN201510208503A CN106155677A CN 106155677 A CN106155677 A CN 106155677A CN 201510208503 A CN201510208503 A CN 201510208503A CN 106155677 A CN106155677 A CN 106155677A
- Authority
- CN
- China
- Prior art keywords
- display
- viewing area
- interface
- region
- parameters
- 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
Landscapes
- Controls And Circuits For Display Device (AREA)
- Control Of Indicators Other Than Cathode Ray Tubes (AREA)
Abstract
The invention discloses the method and system of a kind of interface display, the method includes that by boundary division be the region of difference in functionality；Obtain the display parameters of the viewing area of current display setup；The display mode of the regional at described interface is adjusted according to described display parameters.Technical solution of the present invention is due to can be according to the display parameters of the viewing area of variety classes terminal, adjust the display mode of functional areas different on interface, thus preferably display interface content, provide the user more friendly display interface, improve the user's susceptibility using terminal.
Description
Technical field
The present invention relates to terminal demonstration technical field, particularly to the method and system of a kind of interface display.
Background technology
Along with Internet technology and the development of mobile terminal technology, increasing user by mobile terminal from
The Internet obtains various forms of information, and including video, audio frequency, picture, word etc., user can also be led to
Crossing mobile terminal and other users, to carry out information mutual.
But the development of mobile terminal technology also brings new problem, mobile terminal occurs in that multiple available
Resolution (includes that same mobile terminal has multiple different resolution and different mobile terminal respectively has one
Individual resolution), under different resolution, the picture clarity that the display device of mobile terminal shows is different.
Typically, the utmost sharpness of picture is associated with certain specified resolution, and this specified resolution it
Under other outer resolution, picture display may distortion.
In order to solve picture display problem on the mobile terminal of different resolution, the mode of prior art
It is: for the mobile terminal of different resolution one pictures of identical content to be made as adapts to each and differentiates
The plurality of pictures copy of rate (definition of picture is best under this resolution), in mobile terminal number of units backward
When sending request hope this picture of acquisition according to end, the resolution parameter that back-end data end is uploaded according to mobile terminal
To the picture copy that mobile terminal transmission is corresponding with this resolution, mobile terminal shows after receiving this copy
Show.Owing to this copy is that the resolution for the mobile terminal itself receiving picture makes, thus moving
During terminal demonstration, higher definition under square one, can be reached.
But, it is that the pictures preparation multiple resolution of adaptation are many that aforesaid way needs at back-end data end
Individual picture copy, adds the workload of server end.And, back-end data end is in order to pass to mobile terminal
Pass the picture duplicate of adequate resolution, in addition it is also necessary to mobile terminal provides resolution parameter, adds network traffics,
Occupy the network bandwidth.During additionally, picture is passed to mobile terminal by back-end data end, it is necessary to move
The judgement of terminal resolution, and the process resource-constrained of back-end data end, when there is a large amount of mobile terminal simultaneously
During request picture, back-end data end will be unable to the most correct response, reduces the effect of mobile terminal request picture
Rate.
Further, since user is often desirable to both watch video on an interface of mobile terminal, can carry out again
Interactive information, is accomplished by putting multiple functional area the most on an interface, but at different mobile terminal
On, due to size or the problem of resolution, a kind of fixing interface can produce different display effects.
Summary of the invention
Technical solution of the present invention provides the method and system of a kind of interface display, it is possible to according to the concrete feelings of terminal
Condition, the display of functional areas different on adjustment interface, thus preferably display interface content, improve and use
User's susceptibility of terminal.
Technical solution of the present invention provides a kind of method of interface display, comprises the following steps:
It is the region of difference in functionality by boundary division；
Obtain the display parameters of the viewing area of current display setup；
The display mode of the regional at described interface is adjusted according to described display parameters.
Further, the region of described difference in functionality includes video display area, picture viewing area, word
Viewing area and/or dialog box viewing area.
Further, the display parameters of the viewing area of described acquisition current display setup, comprise the following steps:
Obtain the kind of current display setup；
Obtain the display parameters of the viewing area of current display setup.
Further, the kind of described display device includes computer, mobile phone and/or personal digital terminal.
Further, the display parameters of described viewing area include length and width and the/resolution of viewing area.
Further, described display mode include display position, the direction of display, the font of display and/
Or the pixel of display.
Further, the position of the display of regional based on one of them functional area, other functional areas
Territory carries out position adjustment according to function of tonic chord region.
Further, the direction of display is transversely or longitudinally.
Technical solution of the present invention additionally provides the system of a kind of interface display, including division unit, collector unit,
Adjustment unit and display unit, wherein,
It is the region of difference in functionality that division unit is used for boundary division；
Collector unit is for obtaining the display parameters of the viewing area of current display setup；
Adjustment unit for adjusting the display mode of the regional at described interface according to described display parameters；
Display unit is used for showing described interface.
Further, adjustment unit is further used for based in interface functional area, other functional areas
Territory carries out position adjustment according to function of tonic chord region.
Technical solution of the present invention is owing to can adjust according to the display parameters of the viewing area of variety classes terminal
The display mode of functional areas different on interface, thus preferably display interface content, provide the user
More friendly display interface, improves the user's susceptibility using terminal.
Other features and advantages of the present invention will illustrate in the following description, and, partly from explanation
Book becomes apparent, or understands by implementing the present invention.The purpose of the present invention and other advantages can
Realize by structure specifically noted in the description write, claims and accompanying drawing and obtain
?.
Below by drawings and Examples, technical scheme is described in further detail.
Accompanying drawing explanation
Accompanying drawing is for providing a further understanding of the present invention, and constitutes a part for description, with this
Bright embodiment is used for explaining the present invention together, is not intended that limitation of the present invention.In the accompanying drawings:
Fig. 1 is the flow chart that the embodiment of the present invention one median surface shows；
Fig. 2 is the flow chart that the embodiment of the present invention two median surface shows；
Fig. 3 is the structural representation of the embodiment of the present invention three median surface display system.
Detailed description of the invention
Below in conjunction with accompanying drawing, the preferred embodiments of the present invention are illustrated, it will be appreciated that described herein
Preferred embodiment is merely to illustrate and explains the present invention, is not intended to limit the present invention.
Fig. 1 is the flow chart that the embodiment of the present invention one median surface shows.As it is shown in figure 1, this interface display
Flow process comprises the following steps:
Step 101, terminal need the user interface of display be divided into the region of difference in functionality.
Such as can include that video display area, picture viewing area, text importing region and/or dialog box are aobvious
Show region.
Wherein video display area is used for playing video file.
Picture viewing area is for showing the picture relevant with this video file, the poster of such as this video frequency program
Deng.
Text importing region is then the introduction showing the word relevant with this video file, such as this video frequency program
Deng.
Dialog box viewing area then may be used for the exchange between terminal use, shows that user is to this video frequency program
Evaluation.
Step 102, the kind of acquisition current display setup.
The mode that different types of display device shows is different, it is therefore necessary to first distinguish different display devices
Kind, such as include computer, mobile phone and/or personal digital terminal.
Step 103, obtain the display parameters of viewing area of current display setup.
The display parameters of viewing area include length and width and the/resolution of viewing area.
Step 104, adjust the display mode of regional at interface according to display parameters.
Display mode includes position, the direction of display, the font of display and/or the pixel of display of display.
Such as adjust video display area according to the display parameters of viewing area, picture viewing area, word show
Show the relative position between region and/or dialog box viewing area,
Wherein video display area can adjust the direction of display for transversely or longitudinally.
Fig. 2 is the flow chart that the embodiment of the present invention two median surface shows.As in figure 2 it is shown, another embodiment
In the flow process of interface display comprise the following steps:
Step 201, terminal need the user interface of display be divided into the region of difference in functionality.
Such as can include that video display area, picture viewing area, text importing region and dialog box show
Region.
Wherein video display area is used for playing video file.
Picture viewing area is for showing the picture relevant with this video file, the poster of such as this video frequency program
Deng.
Text importing region is then the introduction showing the word relevant with this video file, such as this video frequency program
Deng.
Dialog box viewing area then may be used for the exchange between terminal use, shows that user is to this video frequency program
Evaluation.
Step 202, the kind of acquisition current display setup.
The mode that different types of display device shows is different, it is therefore necessary to first distinguish different display devices
Kind, such as include computer, mobile phone and/or personal digital terminal.
Step 203, obtain the display parameters of viewing area of current display setup.
The display parameters of viewing area include length and width and the/resolution of viewing area.
Step 204, adjust the display mode of regional at interface according to display parameters.
Display mode includes position, the direction of display, the font of display and/or the pixel of display of display.
Such as adjust video display area according to the display parameters of viewing area, picture viewing area, word show
Show the relative position between region and dialog box viewing area,
Wherein video display area can adjust the direction of display for transversely or longitudinally.
Step 205, regional the position of display based on one of them functional area, other functional areas
Territory carries out position adjustment according to function of tonic chord region.
Such as in video display area, picture viewing area, text importing region and dialog box viewing area,
Can be with video display area for function of tonic chord region, first by the position of video display area, display direction, aobvious
The pixel shown determines, then picture viewing area, text importing region and dialog box viewing area are according to regarding
Frequently the situation of viewing area is adjusted arranging.
In order to realize above-mentioned flow process, the embodiment of the present invention additionally provides the system of a kind of interface display.
Fig. 3 is the structural representation of the embodiment of the present invention three median surface display system.As it is shown on figure 3, this boundary
The system that face shows includes division unit 301, collector unit 302, adjustment unit 303 and display unit 304.
Wherein, boundary division can be the region of difference in functionality by division unit.
Such as can include that video display area, picture viewing area, text importing region and dialog box show
Region.
Wherein video display area is used for playing video file.
Picture viewing area is for showing the picture relevant with this video file, the poster of such as this video frequency program
Deng.
Text importing region is then the introduction showing the word relevant with this video file, such as this video frequency program
Deng.
Dialog box viewing area then may be used for the exchange between terminal use, shows that user is to this video frequency program
Evaluation.
Collector unit obtains the display parameters of the viewing area of current display setup.
Farther include to obtain the display of the viewing area of the kind of current display setup and current display setup
Parameter.
The mode that different types of display device shows is different, it is therefore necessary to first distinguish different display devices
Kind, such as include computer, mobile phone and/or personal digital terminal.
The display parameters of viewing area include length and width and the/resolution of viewing area.
Adjustment unit adjusts the display mode of the regional at interface according to display parameters.
Display mode includes position, the direction of display, the font of display and/or the pixel of display of display.
Such as adjust video display area according to the display parameters of viewing area, picture viewing area, word show
Show the relative position between region and dialog box viewing area,
Wherein video display area can adjust the direction of display for transversely or longitudinally.
Further, adjustment unit is based in interface functional area, and other functional areas are according to main merit
Position adjustment can be carried out in region.
Such as in video display area, picture viewing area, text importing region and dialog box viewing area,
Can be with video display area for function of tonic chord region, first by the position of video display area, display direction, aobvious
The pixel shown determines, then picture viewing area, text importing region and dialog box viewing area are according to regarding
Frequently the situation of viewing area is adjusted arranging.
The terminal interface that display unit is adjusted for display.
Above-described embodiment is owing to can adjust interface according to the display parameters of the viewing area of variety classes terminal
The display mode of upper different functional area, thus preferably display interface content, provided the user more
Friendly display interface, improves the user's susceptibility using terminal.
Those skilled in the art are it should be appreciated that embodiments of the invention can be provided as method, system or meter
Calculation machine program product.Therefore, the present invention can use complete hardware embodiment, complete software implementation or knot
The form of the embodiment in terms of conjunction software and hardware.And, the present invention can use and wherein wrap one or more
Computer-usable storage medium containing computer usable program code (include but not limited to disk memory and
Optical memory etc.) form of the upper computer program implemented.
The present invention is with reference to method, equipment (system) and computer program product according to embodiments of the present invention
The flow chart of product and/or block diagram describe.It should be understood that can by computer program instructions flowchart and
/ or block diagram in each flow process and/or flow process in square frame and flow chart and/or block diagram and/
Or the combination of square frame.These computer program instructions can be provided to general purpose computer, special-purpose computer, embedding
The processor of formula datatron or other programmable data processing device is to produce a machine so that by calculating
The instruction that the processor of machine or other programmable data processing device performs produces for realizing at flow chart one
The device of the function specified in individual flow process or multiple flow process and/or one square frame of block diagram or multiple square frame.
These computer program instructions may be alternatively stored in and computer or the process of other programmable datas can be guided to set
In the standby computer-readable memory worked in a specific way so that be stored in this computer-readable memory
Instruction produce and include the manufacture of command device, this command device realizes in one flow process or multiple of flow chart
The function specified in flow process and/or one square frame of block diagram or multiple square frame.
These computer program instructions also can be loaded in computer or other programmable data processing device, makes
Sequence of operations step must be performed to produce computer implemented place on computer or other programmable devices
Reason, thus the instruction performed on computer or other programmable devices provides for realizing flow chart one
The step of the function specified in flow process or multiple flow process and/or one square frame of block diagram or multiple square frame.
Obviously, those skilled in the art can carry out various change and modification without deviating from this to the present invention
The spirit and scope of invention.So, if these amendments of the present invention and modification belong to the claims in the present invention
And within the scope of equivalent technologies, then the present invention is also intended to comprise these change and modification.
Claims (10)
1. the method for an interface display, it is characterised in that comprise the following steps:
It is the region of difference in functionality by boundary division；
Obtain the display parameters of the viewing area of current display setup；
The display mode of the regional at described interface is adjusted according to described display parameters.
Method the most according to claim 1, it is characterised in that the region of described difference in functionality includes
Video display area, picture viewing area, text importing region and/or dialog box viewing area.
Method the most according to claim 1, it is characterised in that described acquisition current display setup
The display parameters of viewing area, further include steps of
Obtain the kind of current display setup；
Obtain the display parameters of the viewing area of current display setup.
Method the most according to claim 3, it is characterised in that the kind of described display device includes
Computer, mobile phone and/or personal digital terminal.
Method the most according to claim 3, it is characterised in that the display parameters of described viewing area
Length and width and/resolution including viewing area.
6. according to the method described in any claim in claim 1-5, it is characterised in that described aobvious
The mode of showing includes position, the direction of display, the font of display and/or the pixel of display of display.
Method the most according to claim 6, it is characterised in that the position of the display of regional with
One of them functional area is main, and other functional areas carry out position adjustment according to function of tonic chord region.
Method the most according to claim 6, it is characterised in that the direction of display is laterally or to indulge
To.
9. the system of an interface display, it is characterised in that include division unit, collector unit, adjustment
Unit and display unit, wherein,
It is the region of difference in functionality that division unit is used for boundary division；
Collector unit is for obtaining the display parameters of the viewing area of current display setup；
Adjustment unit for adjusting the display mode of the regional at described interface according to described display parameters；
Display unit is used for showing described interface.
System the most according to claim 9, it is characterised in that adjustment unit is further used for boundary
In face, a functional area is main, and other functional areas carry out position adjustment according to function of tonic chord region.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201510208503.2A CN106155677A (en) | 2015-04-28 | 2015-04-28 | A kind of method and system of interface display |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201510208503.2A CN106155677A (en) | 2015-04-28 | 2015-04-28 | A kind of method and system of interface display |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN106155677A true CN106155677A (en) | 2016-11-23 |
Family
ID=57347341
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201510208503.2A Pending CN106155677A (en) | 2015-04-28 | 2015-04-28 | A kind of method and system of interface display |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN106155677A (en) |
Cited By (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN107256149A (en) * | 2017-05-26 | 2017-10-17 | 北京小米移动软件有限公司 | The update method and device of user interface |
| CN109151550A (en) * | 2018-09-20 | 2019-01-04 | 传线网络科技（上海）有限公司 | Video clip display methods and device |
| CN109918156A (en) * | 2017-12-13 | 2019-06-21 | 飞狐信息技术（天津）有限公司 | A kind of video clip processing method and system |
| CN111161555A (en) * | 2018-11-07 | 2020-05-15 | 北京嘀嘀无限科技发展有限公司 | Information collection method and system |
| CN111694972A (en) * | 2019-03-11 | 2020-09-22 | 新疆丝路大道信息科技有限责任公司 | Picture data management method and system for automobile leasing platform and electronic equipment |
Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101021765A (en) * | 2006-02-14 | 2007-08-22 | 三星电子株式会社 | Apparatus and method for managing layout of a window |
| CN101566909A (en) * | 2008-04-22 | 2009-10-28 | 鸿富锦精密工业（深圳）有限公司 | Multiwindow operation interface display method |
| CN102346646A (en) * | 2011-09-19 | 2012-02-08 | 百度在线网络技术（北京）有限公司 | Method and device for displaying contents on display screen of mobile terminal |
| CN102999253A (en) * | 2012-11-13 | 2013-03-27 | 北京奇艺世纪科技有限公司 | Window display method and system of application program and mobile terminal |
| EP2597556A1 (en) * | 2011-09-29 | 2013-05-29 | France Télécom | Method for displaying digital content on a screen |
| CN103336691A (en) * | 2013-06-29 | 2013-10-02 | 安科智慧城市技术（中国）有限公司 | Dynamic layout method and system based on Android |
| CN104011641A (en) * | 2012-12-27 | 2014-08-27 | 株式会社东芝 | Information processing device and display control method |
-
2015
- 2015-04-28 CN CN201510208503.2A patent/CN106155677A/en active Pending
Patent Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101021765A (en) * | 2006-02-14 | 2007-08-22 | 三星电子株式会社 | Apparatus and method for managing layout of a window |
| CN101566909A (en) * | 2008-04-22 | 2009-10-28 | 鸿富锦精密工业（深圳）有限公司 | Multiwindow operation interface display method |
| CN102346646A (en) * | 2011-09-19 | 2012-02-08 | 百度在线网络技术（北京）有限公司 | Method and device for displaying contents on display screen of mobile terminal |
| EP2597556A1 (en) * | 2011-09-29 | 2013-05-29 | France Télécom | Method for displaying digital content on a screen |
| CN102999253A (en) * | 2012-11-13 | 2013-03-27 | 北京奇艺世纪科技有限公司 | Window display method and system of application program and mobile terminal |
| CN104011641A (en) * | 2012-12-27 | 2014-08-27 | 株式会社东芝 | Information processing device and display control method |
| CN103336691A (en) * | 2013-06-29 | 2013-10-02 | 安科智慧城市技术（中国）有限公司 | Dynamic layout method and system based on Android |
Cited By (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN107256149A (en) * | 2017-05-26 | 2017-10-17 | 北京小米移动软件有限公司 | The update method and device of user interface |
| CN109918156A (en) * | 2017-12-13 | 2019-06-21 | 飞狐信息技术（天津）有限公司 | A kind of video clip processing method and system |
| CN109918156B (en) * | 2017-12-13 | 2022-05-27 | 飞狐信息技术（天津）有限公司 | Video interface processing method and system |
| CN109151550A (en) * | 2018-09-20 | 2019-01-04 | 传线网络科技（上海）有限公司 | Video clip display methods and device |
| CN111161555A (en) * | 2018-11-07 | 2020-05-15 | 北京嘀嘀无限科技发展有限公司 | Information collection method and system |
| CN111694972A (en) * | 2019-03-11 | 2020-09-22 | 新疆丝路大道信息科技有限责任公司 | Picture data management method and system for automobile leasing platform and electronic equipment |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US20180192044A1 (en) | Method and System for Providing A Viewport Division Scheme for Virtual Reality (VR) Video Streaming | |
| CN106155677A (en) | A kind of method and system of interface display | |
| CN107147939A (en) | Method and apparatus for adjusting net cast front cover | |
| CN104301769B (en) | Method, terminal device and the server of image is presented | |
| TW201426493A (en) | Method and apparatus for adapting custom control components to a screen | |
| CN102802054B (en) | Control method during a kind of multi-stream video is live and device | |
| CN112256223A (en) | Display fluency adjusting method and device and electronic equipment | |
| CN106303569A (en) | The transmission method of a kind of live video stream, main broadcaster's end equipment | |
| CN103702138A (en) | Method and system for self-adaptive appointed transcoding | |
| CN110263276A (en) | Message distributing method, device, equipment and storage medium | |
| CN104731855A (en) | Method and device for displaying image resources of WeChat friend circle | |
| CN104768034B (en) | A kind of method and device for distributing resource | |
| CN109495767A (en) | Method and apparatus for output information | |
| CN104113682A (en) | Image acquisition method and electronic equipment | |
| EP4171027A1 (en) | Method and apparatus for converting picture into video, and device and storage medium | |
| CN112261408B (en) | Image processing method and device for head-mounted display equipment and electronic equipment | |
| CN104717555A (en) | Video stream acquiring method and device | |
| CN104284099A (en) | Large-screen display method and system based on multi-channel input | |
| JP2023504092A (en) | Video playback page display method, apparatus, electronic equipment and medium | |
| CN109660852A (en) | Video previewing method, storage medium, equipment and system before recorded video publication | |
| CN105392028B (en) | A kind of transmission method and device of data | |
| CN104980817B (en) | A kind of video flowing takes out frame method and device | |
| CN103631577A (en) | Image display adjusting method and device | |
| CN111083518B (en) | Method, device, medium and electronic equipment for tracking live broadcast target | |
| CN109522429A (en) | Method and apparatus for generating information |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| RJ01 | Rejection of invention patent application after publication | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20161123 |