[content of the invention]
In order to overcome prior art median surface information to show irrational problem, this
Invention provides a kind of display systems and the method for rational interface information.
The scheme that the present invention solves technical problem is to provide a kind of interface information
Display systems, it is applied between server and the client of user, its feature
It is: client includes: display module, for client by it from server
The information analysis receiving processes and is shown according to the type correspondence respectively of information
Diverse location on client display interface;Scrolling module, being used for client will
The partial information shown on its display interface zooms in and out and by scaled letter
Breath is retained on display interface.
The yet another aspect that the present invention solves technical problem is to provide a kind of interface letter
The methods of exhibiting of breath, it is applied between server and the client of user, its
Be characterised by: comprise the following steps: step S1: client by it from server
The information analysis receiving processes and is shown according to the type correspondence respectively of information
Diverse location on client display interface;Step S2: client is shown
The partial information shown on interface zooms in and out and retains scaled information
On display interface.
Preferably, the display interface of client includes title bar and show area,
In step S2, when upward sliding client end interface, the synchronizing information of title bar
Scroll up and scaled.
Preferably, in step s 2, when slide downward client display interface,
The downward scrolling of synchronizing information of title bar and scaling up, the information of title bar
All the time it is retained on interface.
Preferably, the interface of client farther includes a function bar, in step
In S2, when user is at upward sliding client end interface, function bar blanking is in aobvious
Show in interface.
Preferably, in step sl, the information height of original state title bar accounts for
The 15%~50% of display interface height.
Preferably, in step s 2, scroll up when the information of title bar and contract
Little to minimum of a value when, its height account for the 1%~10% of display interface height.
Preferably, during the scrolling of interface, the scaled height of title bar with
The scaled height in show area is equal.
Preferably, during the scrolling of interface, the width of show area is constant, its
Highly increase to be up to the 90%~99% of display interface height.
Compared with prior art, the displaying of first embodiment of the invention interface information
The methods of exhibiting of system and the second embodiment interface information passes through scrolling module will
The information of title bar carries out size control, when user upward sliding interface, and exhibition
While showing that the information in district moves up, the synchronizing information of title bar moves up
And zoom in and out and be finally retained on interface, the displaying side of this interface information
The information of title bar is dynamically presented on user at the moment by method, and will not be with showing
The information in district scrolls up and makes the information of title bar not be hidden and can be with
When see.When title bar scrolls up and is gradually reduced, the height of show area
Being gradually increased, when user is when client upward sliding operates, sliding block will
This instruction send to display module, at this moment display module by function bar blanking in boundary
In face, the space making show area exhibition information is some larger, and show area is at interface
On displaying scope can reach maximize.
[detailed description of the invention]
In order to make the purpose of the present invention, technical scheme and advantage are more clear bright
In vain, below in conjunction with accompanying drawing and embodiment, the present invention is carried out further in detail
Explanation.It should be appreciated that specific embodiment described herein only in order to explain
The present invention, is not intended to limit the present invention.
Referring to Fig. 1, the display systems 1 of interface information of the present invention is applied to service
Between the client 13 of device 11 and user, logical between client 13 and server 20
Cross communication network and carry out two-way communication, this communication network can be internet, one
Individual or multiple in-house network, LAN (LAN), wide area network (WLAN), deposit
Storage LAN (SAN) etc., or it is appropriately combined, its communication protocol can be by should
With program development, business arbitrarily selects.Server 11 includes information module 111 and sends out
Send module 112:
Information module 111, is used for storing the various network information.
Sending module 112, sends extremely for the information storing information module 111
Client 13.
When client 13 is for touch panel device, the inside of this client 13 includes
Receiver module the 131st, display module the 132nd, sliding block 133 and scrolling module 134:
Sending module 112 is sended over by receiver module 131 for client 13
Information be received.
Display module 132, for receive receiver module 131 from server 11
Information analysis processes and is shown in client according to the type correspondence respectively of information
Diverse location on 13 display interfaces.
Sliding block 133, for analyzing and processing the slide to interface for the user.
Scrolling module 134, for client 13 by displaying on its display interface
Partial information zooms in and out and is retained in scaled information on display interface.
Referring to Fig. 2, the content that the interface of client 13 is shown is from top to bottom
Include successively:
Title bar 135, be used for showing article title and/or ad content and/or
Other important informations, as in friend-making software, this title bar 135 is used for showing
The personal information of user.
Show area 136, for showing the content related to title bar 135, as
In friend-making software, photo that this show area 136 uploads for showing user and/
Or the latest tendency of user and/or other Word messages.
Function bar 137, for showing the feature list at interface, its height is aobvious
Show the 5%~15% of interfacial level.
Instruction hurdle 138, for indicating the scrolling situation at interface.
Instruction includes an instruction block 1381 on the right of hurdle 138, and this instruction block 1381 is used
Position in instruction interface scrolling.
Further referring to Fig. 3, the work of the display systems 1 of interface information of the present invention
It as principle is:
Server 11 sends the network information.The information module 111 of server 11 will
In it, the network information of storage is sent to client 13 by sending module 112.
Client 13 shows interface information.The receiver module 131 of client 13 connects
Shown by display module 132 after receiving the network information that server 11 sends
Showing on interface, display module 132 is shown respectively according to the type of information
At title bar 135 in interface and 136s, show area, now title bar 135
Information height accounts for the 15%~50% of display interface height, and optimum value is 30%, this
Original state for display interface.
User's sliding interface, function bar 137 blanking.User client 13 to
During upper slide, sliding block 133 sends this instruction to display module
132, at this moment display module 133 is by function bar 137 blanking in interface;Simultaneously
Sliding block 133 sends the upward sliding operational order of user to scrolling module
134, scrolling module 134 feeds back to display module 132 after being analyzed processing.
Interface scrolling.With user's upward sliding interface, display module 132 connects
After receiving the feedback message of scrolling module 132, the information of title bar 135 in interface
Moving up, the height of whole title bar 135 is gradually reduced, show area 136
Moving up with its synchronization, at this moment the height of show area 136 is gradually increased, and disappears
Hidden function bar 137 region expands to a part for show area 136,
The letter that the information having shown that in show area 136 is not demonstrated while moving up
Breath displays below interface.When show area 136 takes, have shown that
Information can be as the appearance of show area 136 following information blanking is in show area
Above 136.During the scrolling of interface, height that title bar 135 moves up
Spending equal with the height that show area 136 moves up, the width of show area 136 is not
Becoming, the information of title bar 135 is scaled down, i.e. the reducing of its width
Ratio and height to reduce ratio identical.Title bar 135 can be maintained in boundary
On face, when the information of title bar 135 scrolls up and narrows down to minimum of a value,
Its height accounts for the 1%~10% of display interface height, and optimum value is 5%, show area
136 increase to account for display interface height due to its height that reduces of title bar 135
75%~94%, owing to the function bar 137 of blanking expands to the one of show area 136
Part, this part makes the height of show area 136 add again display interface height
5%~15%, on the whole, the height of show area 136 increases to display interface
The 90%~99% of height, the instruction block 1381 on instruction hurdle 138 indicates interface scrolling
Position.
In like manner, when the information of user show area to be played back 136, in client
13 carry out slide downward operation, the at this moment information of title bar 135 and show area 136
Synchronization moves down, and during the scrolling of interface, title bar 135 moves down
Height equal with the height that show area 136 moves down, the width of show area 136
Spending constant, the information of title bar 135 is that equal proportion is amplified, i.e. its width
Magnification ratio is identical with the magnification ratio of height, when title bar 135 information to
Lower scrolling and when being amplified to maximum, its height accounts for whole interfacial level
15%~50%.
As one deformation, when client 13 is for needing with mouse control interface
During hardware device (such as computer), the instruction hurdle 138 on the right of interface is used for
Family carries out slide to the information shown on interface, and instruction block 1381 is user
Carry out control point during upper and lower scrolling to the information on interface, its position can be upper and lower
Mobile.When user pulls downward on instruction block 1381, the information on interface is upwards
Mobile;When user pulls up instruction block 1381, the information on interface is downward
Mobile, the scrolling situation at interface and the scrolling situation phase of touch-screen client 13
With.
In showing interface, title bar the 135th, show area 136 and function bar 137
Position interchangeable, after title bar 135 is scaled on interface retain position
It is not construed as limiting.
Refer to Fig. 4, the methods of exhibiting of second embodiment of the invention interface information
2, it is applied between server 11 and the client 13 of user, following methods
In the structure mentioned refer to the displaying of first embodiment of the invention interface information
The view of system 1 and numbering, it comprises the following steps:
Step S1: server 11 sends the network information.The information mould of server 11
The network information storing in it is sent to visitor by block 111 by sending module 112
Family end 13.
Step S2: client 13 shows interface information.The reception mould of client 13
Block 131 passes through display module after receiving the network information that server 11 sends
132 are shown on interface, and display module 132 is according to the type difference of information
At the title bar 135 being shown in interface and show area 136, now title
The information height on hurdle 135 accounts for the 15%~50% of display interface height, and optimum value is
30%, this original state being display interface.
Step S3: user's sliding interface, function bar 137 blanking.User is visitor
During the operation of family end 13 upward sliding, this instruction is sent extremely aobvious by sliding block 133
Showing module 132, at this moment display module 133 is by function bar 137 blanking in interface;
Sliding block 133 sends the upward sliding operational order of user to scrolling simultaneously
Module 134, scrolling module 134 feeds back to display module after being analyzed processing
132。
Step S4: interface scrolling.Display module 132 receives scrolling module 132
Feedback message after, in interface, the information of title bar 135 slides up with user
Arena face and synchronize to scroll up, the synchronizing information of show area 136 moves up,
The letter that the information having shown that in show area 136 is not demonstrated while moving up
Breath displays below show area 136.When show area 136 takes, open up
The information shown can be as the appearance of show area 136 following information blanking is in displaying
Above district 136.During the scrolling of interface, title bar 135 moves up
Height is equal with the height that show area 136 moves up, the width of show area 136
Constant, the information of title bar 135 is scaled down, i.e. the contracting of its width
Small scale and height to reduce ratio identical.Title bar 135 can be maintained in
On interface, when the information of title bar 135 scrolls up and narrows down to minimum of a value,
Its height accounts for the 1%~10% of display interface height, and optimum value is 5%, show area
136 increase to account for display interface height due to its height that reduces of title bar 135
75%~94%, owing to the function bar 137 of blanking expands to the one of show area 136
Part, this part makes the height of show area 136 add again display interface height
5%~15%, on the whole, the height of show area 136 increases to display interface
The 90%~99% of height, the instruction block 1381 on instruction hurdle 138 indicates interface scrolling
Position.In like manner, when the information of user show area to be played back 136, visitor
Family end 13 carries out slide downward operation, at this moment title bar 135 and show area 136
The downward scrolling of synchronizing information, during the scrolling of interface, title bar 135 to
The height of lower movement is equal with the height that show area 136 moves down, show area
The width of 136 is constant, the information of title bar 135 be equal proportion amplify, i.e. its
The magnification ratio of width is identical with the magnification ratio of height, when title bar 135
The downward scrolling of information and when being amplified to maximum, its height accounts for whole interfacial level
15%~50%, optimum value is 30%.
The display systems 1 and second of first embodiment of the invention interface information is implemented
The friend-making software that the methods of exhibiting 2 of example interface information is applied in mobile phone A PP
When, interface is followed successively by from top to bottom: title bar the 135th, show area 136 and work(
Energy hurdle 137, the title bar 135 in interface shows the personal information of user, shows
District 136 show the latest tendency of photo that user uploads and/or user and/or its
His Word message, function bar 137 shows the feature list of this friend-making software, when
During cellphone subscriber upward sliding interface, function bar 137 blanking in interface, with
Cellphone subscriber's upward sliding interface, the personal information of user is retained in interface
On, its overall scaled down entirety move up, the photo that user uploads
And/or latest tendency and/or other Word messages of user also synchronize upwards to move
Move and keep width constant, the personal information of its height moving up and user
The height moving up is equal.Photo that user uploads and/or user up-to-date
Dynamic and/or when other Word messages take show area 136, the information having shown that
Can be as the appearance of show area 136 following information blanking is in show area 136
Above, when the personal information whole height of user accounts for the 1%~10% of interfacial level
When, it is retained in above interface, and size and location is no longer as user slides up
Arena face and change.When the information of user show area to be played back 136, its to
Lower slider interface, at this moment the personal information whole height of user downwardly extends and it
Width amplifies with height equal proportion, and the synchronizing information of show area 136 moves down,
While its height reduces, width is constant, during the scrolling of interface, and show area
136 height moving down are equal with the height that title bar 135 moves down, when
The downward scrolling of information of title bar 135 and be amplified to its height to account for display interface high
Degree 15%~50% when, it is retained in above interface, size and location no longer with
User's slide downward interface and change.
Compared with prior art, the displaying of first embodiment of the invention interface information
The methods of exhibiting 2 of system 1 and the second embodiment interface information passes through scrolling module
The information of title bar 135 is carried out size control, when user slides up arena by 134
During face, while the information of show area 136 moves up, the letter of title bar 135
Breath synchronization moves up and zooms in and out and is finally retained on interface, this boundary
The information of title bar 135 is dynamically presented on user by the methods of exhibiting 2 of surface information
At the moment, and will not scroll up with the information of show area 136 and make title bar
The information of 135 is not hidden and can see at any time.When title bar 135 scrolls up
When moving and be gradually reduced, the height of show area 136 is gradually increased, when user exists
During the operation of client 13 upward sliding, this instruction is sent extremely by sliding block 133
Display module 132, at this moment display module 133 by function bar 137 blanking in interface
In, the space making show area 136 exhibition information is some larger, show area 136
Displaying scope on interface can reach to maximize.
The foregoing is only presently preferred embodiments of the present invention, not in order to limit
The present invention processed, all any modifications made within the principle of the present invention, equivalent
Replace and improvement etc. all should comprise within protection scope of the present invention.