CN106959795A - A kind of icon shows method and device in live application - Google Patents
A kind of icon shows method and device in live application Download PDFInfo
- Publication number
- CN106959795A CN106959795A CN201710101076.7A CN201710101076A CN106959795A CN 106959795 A CN106959795 A CN 106959795A CN 201710101076 A CN201710101076 A CN 201710101076A CN 106959795 A CN106959795 A CN 106959795A
- Authority
- CN
- China
- Prior art keywords
- icon
- live application
- application interface
- layout pattern
- information
- 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
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/04817—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance using icons
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
- H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
- H04N21/47—End-user applications
- H04N21/485—End-user interface for client configuration
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
- H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
- H04N21/47—End-user applications
- H04N21/485—End-user interface for client configuration
- H04N21/4858—End-user interface for client configuration for modifying screen layout parameters, e.g. fonts, size of the windows
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
- H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
- H04N21/47—End-user applications
- H04N21/488—Data services, e.g. news ticker
- H04N21/4888—Data services, e.g. news ticker for displaying teletext characters
Abstract
The embodiments of the invention provide the icon shows method and device in a kind of live application.Wherein, the icon shows method in the live application comprises the following steps：Live application interface is shown, live application interface includes icon control；In response to the trigger action to icon control, icon handover request is sent to server；The icon handover information that the reception server is issued according to icon handover request；According to icon handover information, switch the layout pattern and/or size of the icon of live application interface current presentation, icon layout pattern and size in the icon list of user underaction when in use are showed so as to solve client, the technical problem for causing the experience of user poor.
Description
Technical field
The present invention relates to the icon shows method and device in icon shows field, more particularly to a kind of live application.
Background technology
In live application, direct broadcasting room or channel information are usually shown with list mode, so that user selects.The list is led to
Often it is made up of the icon of direct broadcasting room or channel.
In the prior art, server pre-sets the layout pattern and size of icon in icon list, is provided to
Client, user is showed by client.The icon list that this mode is shown underaction when in use, user experience compared with
Difference.
The content of the invention
The technical problems to be solved by the invention are to provide the icon shows method and device in a kind of live application, are led to
The layout pattern and/or size for the icon for switching live application interface current presentation are crossed, client is solved and shows user's
Icon layout pattern and size in icon list underaction, the technical problem for causing the experience of user poor when in use.
In order to solve the above problems, the embodiment of the present invention provides a kind of icon shows method in live application, including：
Live application interface is shown, the live application interface includes icon control；
In response to the trigger action to the icon control, icon handover request is sent to server；
Receive the icon handover information that the server is issued according to the icon handover request；
According to the icon handover information, switch the icon of the live application interface current presentation layout pattern and/
Or size.
Alternatively, the live application interface also includes navigation bar；
The icon control is carried out before trigger action, methods described also includes：
In response to the trigger action on the navigation bar, a floating layer is shown, the floating layer includes the icon control.
Alternatively, methods described also includes：In response to the trigger action to the icon control, the floating layer is hidden.
Alternatively, the icon handover information includes：Icon sizes configured information；
It is described that the size of the icon of the live application interface current presentation is switched according to the icon handover information, wrap
Include：
From local cache, the icon of the live application interface current presentation is obtained；
According to the icon sizes configured information, stretch or shrink the icon, with the icon after being stretched or being shunk；
By the icon of the live application interface current presentation, the icon after replacing with the stretching or shrinking.
Alternatively, the icon handover information includes：Layout pattern configured information；
The layout sample for switching the icon of the live application interface current presentation according to the icon handover information
Formula, including：
From local cache, the icon of the live application interface current presentation is obtained；
According to the layout pattern configured information, the layout pattern of the icon is changed, to obtain after change layout pattern
Icon；
By the icon of the live application interface current presentation, the icon after the change layout pattern is replaced with.
Alternatively, the icon includes picture main body and depends on the pictorial information of the picture main body；
It is described that the layout pattern of the icon is changed according to the layout pattern configured information, to obtain change layout sample
Icon after formula, including：
According to the layout pattern configured information, the content and/or the pictorial information of the pictorial information are changed in institute
State the position in picture main body.
Alternatively, the icon handover information includes：Target icon, the layout pattern and/or size of the target icon
Different from the icon of the live application interface current presentation；
The layout pattern for switching the icon of the live application interface current presentation according to the icon handover information
And/or size, including：
By the icon of the live application interface current presentation, the target icon is replaced with.
The embodiment of the present invention also provides the icon shows device in a kind of live application, including：
Showing interface module, for showing live application interface, the live application interface includes icon control；
Request sending module, in response to the trigger action to the icon control, icon switching to be sent to server
Request；
Information receiving module, letter is switched for receiving the icon that the server is issued according to the icon handover request
Breath；
Icon handover module, for according to the icon handover information, switching the live application interface current presentation
The layout pattern and/or size of icon.
Alternatively, the showing interface module, is additionally operable to show navigation bar on the live application interface；And,
In response to the trigger action on the navigation bar, a floating layer is shown, the floating layer includes the icon control.
Alternatively, described device also includes：Floating layer hidden module, in response to the triggering behaviour to the icon control
Make, hide the floating layer.
Compared with prior art, the embodiment of the present invention sets icon control on live application interface, and can respond
In the trigger action to icon control, icon handover request is sent to server；And the icon issued according to server switches
Information, switches the layout pattern and/or size of the icon of the live application interface current presentation.Due to that can be grasped by triggering
Make the layout pattern and/or size of flexibly switching icon, solve client and show icon cloth in the icon list of user
Office's pattern and size underaction when in use, the technical problem for causing the experience of user poor.
Brief description of the drawings
Technical scheme in order to illustrate more clearly the embodiments of the present invention, below will be to that will use needed for embodiment description
Accompanying drawing be briefly described, it should be apparent that, drawings in the following description are only some embodiments of the present invention, for this
For the those of ordinary skill of field, on the premise of not paying creative work, it can also obtain other according to these accompanying drawings
Accompanying drawing.
Fig. 1 shows the flow signal of the icon shows method in the live application according to one embodiment of the invention
Figure；
Fig. 2 shows the flow signal of the icon shows method in the live application according to further embodiment of this invention
Figure；
Fig. 3 shows the modular structure of the icon shows device in the live application according to further embodiment of this invention
Figure.
Fig. 4 shows the structure chart of the icon handover module according to further embodiment of this invention.
Fig. 5 shows the structure chart of the icon handover module according to another embodiment of the present invention.
Embodiment
To make the purpose, technical scheme and advantage of the embodiment of the present invention clearer, below in conjunction with the embodiment of the present invention
In accompanying drawing, the technical scheme in the embodiment of the present invention is clearly and completely described, it is clear that described embodiment is
A part of embodiment of the present invention, rather than whole embodiments.Based on the embodiment in the present invention, those of ordinary skill in the art
The every other embodiment obtained under the premise of creative work is not made, belongs to the scope of protection of the invention.
As shown in figure 1, be the schematic flow sheet of the icon shows method in the live application described in one embodiment of the invention,
Comprise the following steps：
S101：Live application interface is shown, live application interface includes icon control.
When user uses live application-browsing direct broadcasting room or channel information, live application generally shows a boundary to user
Face, the live application interface can be the direct broadcasting room list interface under any interface in live application, such as all kinds of channels,
It can be first interface of live application etc..Channel in live application includes but is not limited to：Sports show channel, various types of games are straight
Broadcast channel, outdoor direct broadcast band, star show direct broadcast band etc..Each direct broadcast band multiple direct broadcasting rooms included below, each live
Channel shows the icon of each direct broadcasting room below by direct broadcasting room list interface.
Live application interface includes one or more icon controls, such as big figure control and small figure control, or incite somebody to action the two
The size figure control united two into one.Wherein, big figure control and small figure control, or the size figure control united two into one are mainly used in
Adjust the size of icon.For example, large icons can be changed into by the icon in live application interface by clicking on big figure control；Click on small figure
Icon in live application interface can be changed into small icon by control.For the size figure control united two into one, if directly
The icon for broadcasting application interface current presentation is large icons, then the icon in live application interface can be become by clicking on size figure control
For small icon；, whereas if the icon of live application interface current presentation is small icon, clicking on size figure control can will be live
Icon in application interface is changed into large icons.It is, of course, also possible to the control of the layout pattern including icon can be changed, Huo Zhegai
The control for becoming the layout pattern of icon and the control for changing icon sizes are realized as a control.
In addition, icon control can be located at the optional position in live application interface.For example, icon control can be located at it is live
The positions such as the application interface upper left corner, the upper right corner.
S102：In response to the trigger action to icon control, icon handover request is sent to server.
S103：The icon handover information that the reception server is issued according to icon handover request.
When needing to change the layout pattern and/or size of icon, trigger action can be carried out to icon control, to trigger
Icon handover operation.The trigger action can include click, double-click, mouse-over, touch-control etc., every to trigger icon control
The operation of part is applied to the embodiment of the present invention.
Icon control is carried out after trigger action, client end response sends icon in the trigger action, to server and cut
Change request.For server, the icon handover request of client transmission can be received, client is determined according to icon handover request
End needs to switch the layout pattern and/or size of the icon on live application interface, then issues icon switching letter to client
Breath.The icon handover information is used to instruct client to enter the layout pattern and/or size of the icon on live application interface
Row switching.
S104：According to icon handover information, switch the layout pattern of the icon of live application interface current presentation and/or big
It is small.
Client is received after the icon handover information that server is issued, and can switch live answer according to icon handover information
With the layout pattern and/or size of the icon of interface current presentation.
Alternatively, in an application scenarios, in order to which the space availability ratio and displaying that improve live application interface are more
Live application message, can switch to small icon by the icon of current presentation；Or in order to more clearly demonstrate icon, will be current
The icon of displaying switches to large icons.Further, it is also possible to switch the layout pattern of the icon of current presentation.Preferably, there are two kinds
Layout pattern, and large icons and small icon are respectively suitable for, to be scientifically and rationally laid out to icon.
Compared with prior art, the icon shows method in a kind of live application that the present embodiment is provided, in live application
Icon control is set on interface, and can be in response to the trigger action to icon control, user end to server request icon
Handover information, so that client can be carried out according to icon handover information to the layout pattern and/or size of current interface icon
Switching.Thus, this method can neatly change the layout pattern and/or size of live application icon, effectively improve clear
Look at direct broadcasting room or channel when Consumer's Experience.
It is the flow signal that further embodiment of this invention puies forward the icon shows method in described live application referring to Fig. 2
Figure, the present embodiment is roughly the same with above-described embodiment, and difference between the two is：Icon control is hidden in the floating of navigation bar association
In layer.As shown in Fig. 2 the method that the present embodiment is provided comprises the following steps：
S201：Live application interface is shown, the live application interface includes navigation bar.
S202：In response to the trigger action on navigation bar, a floating layer is shown, the floating layer includes icon control.
Navigation bar can be located at top, lower section, left side and/or the right side of live application interface.In an optional application scenarios,
Navigation bar may include to be located at the navigation bar above and below live application interface.In the case of one kind, what the navigation bar of lower section was shown
Macrotaxonomy, then the subclassification under macrotaxonomy where the navigation bar of top is shown；In another case, the navigation bar of top
It is shown that the subclassification under macrotaxonomy, then macrotaxonomy where the navigation bar of lower section is shown.Navigation bar on interface is use
Family provides the prompt access for entering different direct broadcast bands or direct broadcasting room.
In response to the trigger action to navigation bar, succeeding channel or direct broadcasting room interface can be switched to from current interface.It is optional
Ground, to the trigger action of navigation bar in addition to it can be switched to succeeding channel or direct broadcasting room interface, also triggers one bag of display
Floating layer containing icon control, icon control, which is located in floating layer, can effectively save interface shape.Based on this, when need switch icon
Pattern layout and/or during size, trigger action can be carried out to icon control in floating layer, to trigger the pattern layout to icon
And/or the switching action of size.
, can also be in triggering navigation bar to enter after next interface in addition to above-mentioned embodiment, triggering navigation again
White space in bar or current live application interface, to show floating layer.The trigger action of navigation bar can be click on leading
Navigate bar on label, click on navigation bar on white space, in the enterprising line slip of navigation bar, mouse-over in the first-class side of navigation bar
Formula.
S203：In response to the trigger action to icon control, icon handover request is sent to server.
Trigger action is performed to the icon control in floating layer, in response to the trigger action, live application is sent to server
Icon handover request.
S204：In response to the trigger action to icon control, floating layer is hidden.
Icon control is carried out after trigger action, the floating layer at icon control and its place just loses effect, now hidden
Floating layer is hidden, so as to further save interface shape, floating layer can also be avoided to block interface information.
Preferably, floating layer can be automatic hidden, or in response to the associative operation to interface, for example click on floating layer or to
The operations such as upper slip floating layer, either click on the operation of label or the operation of switch labels etc. on navigation bar, and hide floating layer.
S205：The icon handover information that the reception server is issued according to icon handover request.
S206：According to icon handover information, switch the layout pattern of the icon of live application interface current presentation and/or big
It is small.
S205, S206 are identical with S103, S104 of above-described embodiment respectively, embodiment referring to above-described embodiment,
The present embodiment is repeated no more.
The present embodiment realizes a kind of dynamic bandwagon effect by the setting of floating layer；By icon control in floating layer,
And shown by trigger action or hide floating layer so that can be according to the display of autonomous control icon control the need for user
With hiding, interface shape is effectively saved.
In the prior art, the size and layout pattern of icon are pre-set by server, can not be changed.For example, main
Broadcast head portrait picture and remain the size pre-set, main broadcaster's pet name also keeps the size pre-set and positioned at the fixation of picture
Position.If the user feels that picture is too small or the pet name is too small, then picture or the pet name can not be become big；If the pet name has blocked figure
User part interested on piece, can not also remove the pet name.Using above-mentioned implementation of the invention or following embodiments, it can solve
Above mentioned problem.
In an optional embodiment, the icon handover information that server is issued includes：Icon sizes configured information, then may be used
According to the icon sizes configured information, to switch the size of the icon of live application interface current presentation.
Specifically, at S104, the icon of live application interface current presentation can be obtained from local cache.Icon
Data are stored in local cache, enabling directly obtained from local cache, it is to avoid cut caused by server request
Change the time it is longer the problem of.
Then, according to icon sizes configured information, stretching or contraction icon, with the icon after being stretched or being shunk.It is excellent
Selection of land, icon includes picture main body and depends on the pictorial information of the picture main body, and pictorial information includes thumbnail, Zhu Bowei
Put, the pet name, temperature and grade etc..Icon sizes configured information includes the instruction letter that the big configured information of icon change or icon diminish
Breath.Big configured information, equal proportion stretching picture and pictorial information can be become according to icon；Or, it can be diminished according to icon
Configured information, equal proportion shrinks picture and pictorial information.Based on this, not only picture becomes big, the figure such as pet name, temperature on picture
Piece information also becomes greatly.In addition to equal proportion stretching or the mode shunk, the width and/or height of icon can also be reset
Degree, is switched with the size for realizing icon.
Then, by the icon of live application interface current presentation, the icon after replacing with stretching or shrinking.Preferably, clearly
The icon of empty live application interface current presentation, the icon after stretching or contraction is filled into the corresponding positions of live application interface
Put.Preferably, in the process, local refreshing is only carried out to icon area, the other parts such as navigation bar at interface is not brushed then
Newly.
Switching except that can realize icon sizes, can also be switched over to the layout pattern of icon.In an optional reality
Apply in mode, the icon handover information that server is issued includes：Layout pattern configured information, then can be according to the layout pattern
Configured information, switches the layout pattern of the icon of live application interface current presentation.
Preferably, at S104, the icon of live application interface current presentation can from local cache, be obtained.Then,
According to layout pattern configured information, the layout pattern of icon is changed, to obtain the icon after change layout pattern.Preferably,
On the one hand, the layout pattern of change icon can change the content of pictorial information.For example during small icon, pictorial information includes master
Broadcast position, the pet name, temperature and grade.Because small icon position is limited, thumbnail is not shown.When small icon is switched to large icons
When, in addition to original pictorial information, thumbnail is also shown, the information more rich to show main broadcaster.Second aspect, more changes plan
Target layout pattern can also be position of the change pictorial information in picture main body.For example during small icon, in order to avoid blocking
Main broadcaster's head portrait on picture, the pet name, temperature and grade are located at the lower section of picture, laterally arrangement, and main broadcaster position is located at the right side of picture
Upper angle.When being switched to large icons, pictorial information is arranged at the lower section of picture by enough spaces due to having, and will be close
Claim longitudinally to be arranged on picture with temperature.So, it appears large icons is more clean, create an aesthetic feeling.
Then, by the icon of live application interface current presentation, the icon after change layout pattern is replaced with.
It should be noted that user can select switching icon sizes or layout pattern according to actual needs, can also
Both selections all switch.
Above-described embodiment is all the icon data according to current presentation, performs the switching of layout pattern and/or size.This
Outside, in an optional embodiment, icon handover information includes：Target icon, the layout pattern of the target icon and/or big
The small icon different from live application interface current presentation.Correspondingly, by the figure of the live application interface current presentation
Mark, replaces with the target icon.Preferably, can be to server request target icon.
Specifically, big configured information, to server request large icons, the big figure that the reception server is issued are become according to icon
Mark and replace the small icon of current presentation.Wherein, the definition of large icons is not less than the small icon of current presentation.Need explanation
It is that similar to aforesaid operations when large icons is switched into small icon, the definition of small icon is also not less than the big figure of current presentation
Mark, to strengthen the viewing experience of user.
As shown in figure 3, the embodiment of the present invention also provides the icon shows device 300 in a kind of live application, including：
Showing interface module 301, for showing live application interface, live application interface includes icon control.
When user uses live application-browsing direct broadcasting room or channel information, showing interface module 301 is generally to user's exhibition
Show an interface, the live application interface can be the direct broadcasting room list under any interface in live application, such as all kinds of channels
Interface or the first interface of live application etc..Channel in live application includes but is not limited to：It is sports show channel, each
Class game direct broadcast band, outdoor direct broadcast band, star show direct broadcast band etc..Each direct broadcast band multiple direct broadcasting rooms included below,
Each direct broadcast band shows the icon of each direct broadcasting room below by direct broadcasting room list interface.
Wherein, big figure control and small figure control, or the size figure control united two into one are mainly used in adjusting the big of icon
It is small.For example, large icons can be changed into by the icon in live application interface by clicking on big figure control；Clicking on small figure control can will be straight
The icon broadcast in application interface is changed into small icon.For the size figure control united two into one, if live application interface is worked as
The icon of preceding displaying is large icons, then small icon can be changed into by the icon in live application interface by clicking on size figure control；Instead
It, if the icon of live application interface current presentation is small icon, clicking on size figure control can be by live application interface
Icon be changed into large icons.It is, of course, also possible to the control of the layout pattern including icon can be changed, or change the cloth of icon
The control of office's pattern and the control of change icon sizes are realized as a control.
In addition, icon control can be located at the optional position in live application interface.For example, icon control can be located at it is live
The positions such as the application interface upper left corner, the upper right corner.
Request sending module 302, in response to the trigger action to icon control, sending icon switching to server please
Ask.
Information receiving module 303, the icon handover information issued for the reception server according to icon handover request.
When needing to change the layout pattern and/or size of icon, trigger action can be carried out to icon control, to trigger
Icon handover operation.Preferably, trigger action can include click, double-click, mouse-over, touch-control etc., every to trigger figure
The operation for marking control is applied to the embodiment of the present invention.
After trigger action is carried out to icon control, request sending module 302 is in response to the trigger action, to server
Send icon handover request.For server, the icon handover request of client transmission can be received, please according to icon switching
Seeking determination client needs to switch the layout pattern and/or size of the icon on live application interface, then receives mould to information
Block 303 issues icon handover information.The icon handover information is used to instruct client to the icon on live application interface
Layout pattern and/or size are switched over.
Icon handover module 304, for according to icon handover information, switching the icon of live application interface current presentation
Layout pattern and/or size.
Information receiving module 303 is received after the icon handover information that server is issued, and icon handover module 304 is according to figure
Handover information is marked, switches the layout pattern and/or size of the icon of live application interface current presentation.
Alternatively, in an application scenarios, in order to which the space availability ratio and displaying that improve live application interface are more
Live application message, can switch to small icon by the icon of current presentation；Or in order to more clearly demonstrate icon, will be current
The icon of displaying switches to large icons.Further, it is also possible to switch the layout pattern of the icon of current presentation.Preferably, there are two kinds
Layout pattern, and large icons and small icon are respectively suitable for, to be scientifically and rationally laid out to icon.
Compared with prior art, the icon shows device in the live application that the present embodiment is provided, can neatly change
The layout pattern and/or size of live application icon, effectively improve the Consumer's Experience when browsing direct broadcasting room or channel.
Alternatively, showing interface module 301 is additionally operable to show navigation bar on live application interface；And, in response to leading
The trigger action navigated on bar, shows a floating layer, and floating layer includes icon control.
Navigation bar can be located at top, lower section, left side and/or the right side of live application interface.In an optional application scenarios,
Navigation bar may include to be located at the navigation bar above and below live application interface, it is a kind of in the case of, what the navigation bar of lower section was shown
Macrotaxonomy, then the subclassification under macrotaxonomy where the navigation bar of top is shown；In another case, the navigation bar of top
It is shown that the subclassification under macrotaxonomy, then macrotaxonomy where the navigation bar of lower section is shown.Navigation bar on interface is use
Family provides the prompt access for entering different direct broadcast bands or direct broadcasting room.
Showing interface module 301 in response to the trigger action to navigation bar, can be switched to from current interface succeeding channel or
Direct broadcasting room interface.Alternatively, to the trigger action of navigation bar in addition to it can be switched to succeeding channel or direct broadcasting room interface, also
The floating layer that the display of showing interface module 301 one includes icon control can be triggered, icon control, which is located in floating layer, effectively to be saved
Interface shape.Based on this, when the pattern layout and/or size for needing to switch icon, icon control in floating layer can be touched
Hair operation, to trigger pattern layout and/or the switching action of size to icon.
, can also be in triggering navigation bar to enter after next interface in addition to above-mentioned embodiment, triggering navigation again
White space in bar or current live application interface, showing interface module 301 shows floating layer in response to the trigger action.
Label on navigation bar can be click on to the trigger action of navigation bar, it is the white space clicked on navigation bar, enterprising in navigation bar
Line slip, mouse-over are in the first-class mode of navigation bar.
Alternatively, the icon shows device in a kind of live application that further embodiment of this invention is provided, also includes：Floating layer
Hidden module, in response to the trigger action to icon control, hiding floating layer.
Icon control is carried out after trigger action, the floating layer at icon control and its place just loses effect, now floats
Layer hidden module hides floating layer, so as to further save interface shape, floating layer can also be avoided to block interface information.
Preferably, floating layer hidden module can be automatic hidden floating layer, or in response to the associative operation to interface, for example
The operation such as floating layer or upward sliding floating layer is clicked on, the operation of label or the operation of switch labels etc. on navigation bar is either clicked on,
And hide floating layer.
The present embodiment realizes a kind of dynamic bandwagon effect by the setting of floating layer；By icon control in floating layer,
And shown by trigger action or hide floating layer so that can be according to the display of autonomous control icon control the need for user
With hiding, interface shape is effectively saved.
Alternatively, referring to Fig. 4, icon handover module 304 includes icon sizes switch unit 401 and icon layout pattern
At least one in switch unit 402.
Alternatively, icon handover information includes：Icon sizes configured information.Correspondingly, icon sizes switch unit 401,
For according to icon sizes configured information, switching the size of the icon of live application interface current presentation.
Preferably, icon sizes switch unit 401 can obtain live application interface current presentation from local cache
Icon；According to icon sizes configured information, stretching or contraction icon, with the icon after being stretched or being shunk；By live application
The icon of interface current presentation, the icon after replacing with stretching or shrinking.
Wherein, the data of icon are stored in local cache, enabling directly obtained from local cache, it is to avoid
The problem of switching time is longer caused by server request.
Wherein, icon includes picture main body and depends on the pictorial information of the picture main body, and pictorial information includes breviary
Figure, main broadcaster position, the pet name, temperature and grade etc..Icon sizes configured information includes the big configured information of icon change or icon becomes
Small configured information.Preferably, icon sizes switch unit 401 can become big configured information, equal proportion stretching according to icon
Picture and pictorial information；Or, the configured information that can be diminished according to icon, equal proportion shrinks picture and pictorial information.It is based on
This, not only picture becomes big, and the pictorial information such as pet name, temperature on picture also becomes greatly.The side for stretching or shrinking except equal proportion
Outside formula, icon sizes switch unit 401 can also reset the width and/or height of icon, be cut with the size for realizing icon
Change.
Preferably, icon sizes switch unit 401 by the icon of live application interface current presentation, replace with stretching or
During icon after contraction, the icon of live application interface current presentation can be emptied, the icon after stretching or contraction is filled into
The relevant position of live application interface.Preferably, in the process, icon sizes switch unit 401 can be only to icon area
Local refreshing is carried out, the other parts such as navigation bar at interface does not refresh then.
Switching except that can realize icon sizes, can also be switched over to the layout pattern of icon.In an optional reality
Apply in mode, icon handover information includes：Layout pattern configured information.Correspondingly, icon layout pattern switch unit 402, is used
According to the layout pattern configured information, switch the layout pattern of the icon of live application interface current presentation.
Preferably, icon layout pattern switch unit 402 can obtain live application interface and currently open up from local cache
The icon shown；According to layout pattern configured information, the layout pattern of icon is changed, to obtain the icon after change layout pattern；
By the icon of live application interface current presentation, the icon after change layout pattern is replaced with.
Preferably, in a first aspect, icon layout pattern switch unit 402 can change the content of pictorial information.For example it is small
During icon, pictorial information includes main broadcaster position, the pet name, temperature and grade.Because small icon position is limited, thumbnail is not shown.
When small icon is switched to large icons in addition to original pictorial information, thumbnail is also shown, to show that main broadcaster is more rich
Information.Second aspect, icon layout pattern switch unit 402 can change position of the pictorial information in picture main body.For example
During small icon, in order to avoid blocking main broadcaster's head portrait on picture, the pet name, temperature and grade are located at the lower section of picture, laterally arrangement,
Main broadcaster position is located at the upper right corner of picture.When being switched to large icons, due to having, enough spaces, pictorial information is arranged at
The lower section of picture, and the pet name and temperature are longitudinally arranged on picture.So, it appears large icons is more clean, create an aesthetic feeling.
It should be noted that user can select switching icon sizes or layout pattern according to actual needs, can also
Both selections all switch.
Above-described embodiment is all the icon data according to current presentation, performs the switching of layout pattern and/or size.This
Outside, in an optional embodiment, icon handover information includes：Target icon, the layout pattern of the target icon and/or big
The small icon different from live application interface current presentation.Correspondingly, referring to Fig. 5, icon handover module 304 can include target
Icon switch unit 403.The target icon switch unit 403, for by described in the live application interface current presentation
Icon, replaces with the target icon.Preferably, target icon switch unit 403 can be to server request target icon.
Specifically, target icon switch unit 403 becomes big configured information according to icon, to server request large icons,
Large icons that the reception server is issued and the small icon for replacing current presentation.Wherein, the definition of large icons is not less than current exhibition
The small icon shown.It should be noted that, the definition of small icon similar to aforesaid operations when large icons is switched into small icon
It is not less than the large icons of current presentation, to strengthen the viewing experience of user.
Algorithm and display be not inherently related to any certain computer, virtual system or miscellaneous equipment provided herein.
Various general-purpose systems, such as IOS, Android, can also be used together with based on teaching in this.As described above, this is constructed
Structure required by class system is obvious.In addition, the present invention is not also directed to any certain programmed language.It should be understood that
The content of invention described herein can be realized using various programming languages, and the description done above to language-specific is
In order to disclose the preferred forms of the present invention.
In the specification that this place is provided, numerous specific details are set forth.It is to be appreciated, however, that the implementation of the present invention
Example can be put into practice in the case of these no details.In some instances, known method, structure is not been shown in detail
And technology, so as not to obscure the understanding of this description.
It should be noted that the present invention will be described rather than limits the invention for above-described embodiment, and ability
Field technique personnel can design alternative embodiment without departing from the scope of the appended claims.In the claims,
Any reference symbol between bracket should not be configured to limitations on claims.Word "comprising" is not excluded the presence of not
Element listed in the claims or step.Word "a" or "an" before element does not exclude the presence of multiple such
Element.The present invention can be by means of including the hardware of some different elements and coming real by means of properly programmed computer
It is existing.In if the unit claim of equipment for drying is listed, several in these devices can be by same hardware branch
To embody.The use of word first, second, and third does not indicate that any order.These words can be explained and run after fame
Claim.
Claims (10)
1. a kind of icon shows method in live application, it is characterised in that including：
Live application interface is shown, the live application interface includes icon control；
In response to the trigger action to the icon control, icon handover request is sent to server；
Receive the icon handover information that the server is issued according to the icon handover request；
According to the icon handover information, switch the layout pattern of the icon of the live application interface current presentation and/or big
It is small.
2. according to the method described in claim 1, it is characterised in that the live application interface also includes navigation bar；
The icon control is carried out before trigger action, methods described also includes：
In response to the trigger action on the navigation bar, a floating layer is shown, the floating layer includes the icon control.
3. method according to claim 2, it is characterised in that methods described also includes：
In response to the trigger action to the icon control, the floating layer is hidden.
4. according to the method described in claim 1, it is characterised in that the icon handover information includes：Icon sizes indicate letter
Breath；
It is described that the size of the icon of the live application interface current presentation is switched according to the icon handover information, including：
From local cache, the icon of the live application interface current presentation is obtained；
According to the icon sizes configured information, stretch or shrink the icon, with the icon after being stretched or being shunk；
By the icon of the live application interface current presentation, the icon after replacing with the stretching or shrinking.
5. the method according to claim any one of 1-4, it is characterised in that the icon handover information includes：It is laid out sample
Formula configured information；
It is described that the layout pattern of the icon of the live application interface current presentation is switched according to the icon handover information, wrap
Include：
From local cache, the icon of the live application interface current presentation is obtained；
According to the layout pattern configured information, the layout pattern of the icon is changed, to obtain the figure after change layout pattern
Mark；
By the icon of the live application interface current presentation, the icon after the change layout pattern is replaced with.
6. method according to claim 5, it is characterised in that the icon includes picture main body and depends on the picture
The pictorial information of main body；
It is described that the layout pattern of the icon is changed according to the layout pattern configured information, to obtain after change layout pattern
Icon, including：
According to the layout pattern configured information, the content and/or the pictorial information of the pictorial information are changed in the figure
Position in piece main body.
7. the method according to claim any one of 1-3, it is characterised in that the icon handover information includes：Target figure
Mark, the layout pattern of the target icon and/or the icon of different sizes in the live application interface current presentation；
It is described according to the icon handover information, switch the icon of the live application interface current presentation layout pattern and/
Or size, including：
By the icon of the live application interface current presentation, the target icon is replaced with.
8. the icon shows device in a kind of live application, it is characterised in that including：
Showing interface module, for showing live application interface, the live application interface includes icon control；
Request sending module, in response to the trigger action to the icon control, icon handover request to be sent to server；
Information receiving module, for receiving the icon handover information that the server is issued according to the icon handover request；
Icon handover module, for according to the icon handover information, switching the icon of the live application interface current presentation
Layout pattern and/or size.
9. device according to claim 8, it is characterised in that
The showing interface module, is additionally operable to show navigation bar on the live application interface；And,
In response to the trigger action on the navigation bar, a floating layer is shown, the floating layer includes the icon control.
10. device according to claim 9, it is characterised in that also include：
Floating layer hidden module, in response to the trigger action to the icon control, hiding the floating layer.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201710101076.7A CN106959795A (en) | 2017-02-23 | 2017-02-23 | A kind of icon shows method and device in live application |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201710101076.7A CN106959795A (en) | 2017-02-23 | 2017-02-23 | A kind of icon shows method and device in live application |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN106959795A true CN106959795A (en) | 2017-07-18 |
Family
ID=59480982
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201710101076.7A Pending CN106959795A (en) | 2017-02-23 | 2017-02-23 | A kind of icon shows method and device in live application |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN106959795A (en) |
Cited By (10)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN109388498A (en) * | 2018-09-30 | 2019-02-26 | 武汉斗鱼网络科技有限公司 | A kind of processing method of mutual exclusion, device, equipment and medium |
| CN109660853A (en) * | 2017-10-10 | 2019-04-19 | 腾讯科技（北京）有限公司 | Interactive approach, apparatus and system in net cast |
| CN110764670A (en) * | 2019-11-06 | 2020-02-07 | 网易（杭州）网络有限公司 | Method and device for processing name information of virtual object, medium and electronic equipment |
| CN111093084A (en) * | 2019-12-27 | 2020-05-01 | 贵阳朗玛信息技术股份有限公司 | Method and device for making application scene in live broadcast |
| WO2020143795A1 (en) * | 2019-01-12 | 2020-07-16 | 北京字节跳动网络技术有限公司 | Method, device and apparatus for displaying information on video, and storage medium |
| CN111435999A (en) * | 2019-01-12 | 2020-07-21 | 北京字节跳动网络技术有限公司 | Method, device, equipment and storage medium for displaying information on video |
| CN113970989A (en) * | 2020-07-22 | 2022-01-25 | 宝能汽车集团有限公司 | Icon display method, icon display device and vehicle |
| WO2022165664A1 (en) * | 2021-02-03 | 2022-08-11 | 百果园技术(新加坡)有限公司 | Live broadcast interface display method and apparatus, terminal, server, and storage medium |
| WO2022205772A1 (en) * | 2021-03-31 | 2022-10-06 | 北京达佳互联信息技术有限公司 | Method and apparatus for displaying page element of live-streaming room |
| US11526269B2 (en) | 2019-01-12 | 2022-12-13 | Shanghai marine diesel engine research institute | Video playing control method and apparatus, device, and storage medium |
Citations (11)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103678646A (en) * | 2013-12-20 | 2014-03-26 | 乐视网信息技术（北京）股份有限公司 | Method and device for presenting pages |
| CN104077040A (en) * | 2013-03-28 | 2014-10-01 | 腾讯科技（深圳）有限公司 | Big picture switching method and device on wap page and touch screen equipment |
| CN104391724A (en) * | 2014-12-05 | 2015-03-04 | 广州三星通信技术研究有限公司 | Method and device for reconfiguring positions of icons |
| CN105528141A (en) * | 2015-12-04 | 2016-04-27 | 魅族科技（中国）有限公司 | Icon management method and terminal |
| CN105630273A (en) * | 2014-10-31 | 2016-06-01 | Tcl集团股份有限公司 | Multi-icon display method and device |
| US20160162157A1 (en) * | 2014-12-05 | 2016-06-09 | Samsung Electronics Co., Ltd. | Method and apparatus for relocating an icon |
| CN105867931A (en) * | 2016-04-07 | 2016-08-17 | 北京橙鑫数据科技有限公司 | Method and device of changing information display interface |
| CN105912449A (en) * | 2015-10-30 | 2016-08-31 | 乐视移动智能信息技术（北京）有限公司 | Method and device for dynamically reminding direct broadcast content |
| CN106055243A (en) * | 2016-05-23 | 2016-10-26 | 北京金山安全软件有限公司 | Application icon processing method and device and electronic equipment |
| CN106155503A (en) * | 2015-03-26 | 2016-11-23 | 北京壹人壹本信息科技有限公司 | A kind of icon page fast switch over method, system and terminal |
| CN106293307A (en) * | 2015-05-18 | 2017-01-04 | 中兴通讯股份有限公司 | Icon method to set up and device |
-
2017
- 2017-02-23 CN CN201710101076.7A patent/CN106959795A/en active Pending
Patent Citations (11)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104077040A (en) * | 2013-03-28 | 2014-10-01 | 腾讯科技（深圳）有限公司 | Big picture switching method and device on wap page and touch screen equipment |
| CN103678646A (en) * | 2013-12-20 | 2014-03-26 | 乐视网信息技术（北京）股份有限公司 | Method and device for presenting pages |
| CN105630273A (en) * | 2014-10-31 | 2016-06-01 | Tcl集团股份有限公司 | Multi-icon display method and device |
| CN104391724A (en) * | 2014-12-05 | 2015-03-04 | 广州三星通信技术研究有限公司 | Method and device for reconfiguring positions of icons |
| US20160162157A1 (en) * | 2014-12-05 | 2016-06-09 | Samsung Electronics Co., Ltd. | Method and apparatus for relocating an icon |
| CN106155503A (en) * | 2015-03-26 | 2016-11-23 | 北京壹人壹本信息科技有限公司 | A kind of icon page fast switch over method, system and terminal |
| CN106293307A (en) * | 2015-05-18 | 2017-01-04 | 中兴通讯股份有限公司 | Icon method to set up and device |
| CN105912449A (en) * | 2015-10-30 | 2016-08-31 | 乐视移动智能信息技术（北京）有限公司 | Method and device for dynamically reminding direct broadcast content |
| CN105528141A (en) * | 2015-12-04 | 2016-04-27 | 魅族科技（中国）有限公司 | Icon management method and terminal |
| CN105867931A (en) * | 2016-04-07 | 2016-08-17 | 北京橙鑫数据科技有限公司 | Method and device of changing information display interface |
| CN106055243A (en) * | 2016-05-23 | 2016-10-26 | 北京金山安全软件有限公司 | Application icon processing method and device and electronic equipment |
Cited By (14)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN109660853A (en) * | 2017-10-10 | 2019-04-19 | 腾讯科技（北京）有限公司 | Interactive approach, apparatus and system in net cast |
| CN109388498B (en) * | 2018-09-30 | 2020-05-12 | 武汉斗鱼网络科技有限公司 | Mutual exclusion processing method, device, equipment and medium |
| CN109388498A (en) * | 2018-09-30 | 2019-02-26 | 武汉斗鱼网络科技有限公司 | A kind of processing method of mutual exclusion, device, equipment and medium |
| CN111435999B (en) * | 2019-01-12 | 2022-06-17 | 北京字节跳动网络技术有限公司 | Method, device, equipment and storage medium for displaying information on video |
| WO2020143795A1 (en) * | 2019-01-12 | 2020-07-16 | 北京字节跳动网络技术有限公司 | Method, device and apparatus for displaying information on video, and storage medium |
| CN111435999A (en) * | 2019-01-12 | 2020-07-21 | 北京字节跳动网络技术有限公司 | Method, device, equipment and storage medium for displaying information on video |
| US11526269B2 (en) | 2019-01-12 | 2022-12-13 | Shanghai marine diesel engine research institute | Video playing control method and apparatus, device, and storage medium |
| US11550457B2 (en) | 2019-01-12 | 2023-01-10 | Beijing Bytedance Network Technology Co., Ltd. | Method, device, apparatus and storage medium of displaying information on video |
| CN110764670B (en) * | 2019-11-06 | 2021-04-23 | 网易（杭州）网络有限公司 | Method and device for processing name information of virtual object, medium and electronic equipment |
| CN110764670A (en) * | 2019-11-06 | 2020-02-07 | 网易（杭州）网络有限公司 | Method and device for processing name information of virtual object, medium and electronic equipment |
| CN111093084A (en) * | 2019-12-27 | 2020-05-01 | 贵阳朗玛信息技术股份有限公司 | Method and device for making application scene in live broadcast |
| CN113970989A (en) * | 2020-07-22 | 2022-01-25 | 宝能汽车集团有限公司 | Icon display method, icon display device and vehicle |
| WO2022165664A1 (en) * | 2021-02-03 | 2022-08-11 | 百果园技术(新加坡)有限公司 | Live broadcast interface display method and apparatus, terminal, server, and storage medium |
| WO2022205772A1 (en) * | 2021-03-31 | 2022-10-06 | 北京达佳互联信息技术有限公司 | Method and apparatus for displaying page element of live-streaming room |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN106959795A (en) | A kind of icon shows method and device in live application | |
| US6166736A (en) | Method and apparatus for simultaneously resizing and relocating windows within a graphical display | |
| US20060041847A1 (en) | Paged graphical user interface | |
| CN105868418B (en) | A kind of image display method and device | |
| CN106020473A (en) | Interface operation method and system | |
| CN103678646A (en) | Method and device for presenting pages | |
| CN104267854B (en) | The control method and device of touch screen terminal | |
| US20120254780A1 (en) | Predictive tiling | |
| CN105868250A (en) | Page label management method and device of browser | |
| CN109640026A (en) | A kind of high-resolution signal source spell wall display methods, device and equipment | |
| CN103902722B (en) | Webpage display methods and terminal based on B/S frameworks | |
| EP1015961A1 (en) | Method and apparatus for simultaneously resizing and relocating windows within a graphical display | |
| CN107087236A (en) | A kind of live information methods of exhibiting and device | |
| CN104978107B (en) | For providing the device and method of graphic user interface in a vehicle | |
| US7010761B2 (en) | Controller selectable hyperlinks | |
| CN106649413A (en) | Grouping method and device for webpage tabs | |
| CN105760156A (en) | Main menu navigation method based on Android system | |
| CN103648040A (en) | Fast switching method and apparatus for application program option of intelligent television | |
| CN114095741A (en) | Page display method and device, electronic equipment and storage medium | |
| CN102541624A (en) | Virtual desktop fusion method between desktop virtualized customer side and virtual desktop | |
| CN107391152A (en) | A kind of method for realizing focus chart carousel animation effect on Mac | |
| CN103593348A (en) | Method and device for displaying browser label | |
| CN104423779A (en) | Interactive display implementation method and device | |
| CN109117053B (en) | Dynamic display method, device and equipment for interface content | |
| US20160012859A1 (en) | System and method for generating and using spatial and temporal metadata |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | 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 |
Application publication date: 20170718 |
|
| RJ01 | Rejection of invention patent application after publication |