CN105930024B - interactive interface display method, device and user terminal - Google Patents
interactive interface display method, device and user terminal Download PDFInfo
- Publication number
- CN105930024B CN105930024B CN201610213636.3A CN201610213636A CN105930024B CN 105930024 B CN105930024 B CN 105930024B CN 201610213636 A CN201610213636 A CN 201610213636A CN 105930024 B CN105930024 B CN 105930024B
- Authority
- CN
- China
- Prior art keywords
- user terminal
- display interface
- bar
- interface
- terminal display
- 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.)
- Active
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/04812—Interaction techniques based on cursor appearance or behaviour, e.g. being affected by the presence of displayed objects
-
- 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/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
-
- 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/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
- G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
- G06F3/04883—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures for inputting data by handwriting, e.g. gesture or text
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Software Systems (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The embodiment of the present invention provides a kind of interactive interface display method, device and user terminal.The method includes：Whether the top for monitoring the content bar of client interactive interface reaches the top of user terminal display interface；It arrived the top of user terminal display interface at the top of the content bar for monitoring client interactive interface, and receive the first predetermined operation for acting on client interactive interface, then title bar is shown in the top of user terminal display interface.For the method when the top of content bar does not reach the top of user terminal display interface, title bar is hiding in advance, in attention content bar that for users can be more absorbed content, can also expand showing interface space, so that user experience is further promoted.
Description
Technical field
The present invention relates to computer mobile communication technology fields, in particular to a kind of interactive interface display method, dress
It sets and user terminal.
Background technique
Currently, almost all of client interactive interface has content bar and title bar, for example, in clients such as readers
In, content bar is mainly used for showing the essential information and content of book, and title bar can be address field, and the chain of resource is inputted for user
It is grounded location (uniform resource locator), title bar is also possible to search column, and the relevant information etc. of e-book is inputted for user.But
What user was more concerned about sometimes is content bar rather than title bar, and title bar is in the slightly smaller user terminal of screen (such as mobile phone)
On also can occupied space, cause showing interface region too small.
Summary of the invention
In view of this, the embodiment of the present invention be designed to provide a kind of interactive interface display method and device to solve on
State problem.
To achieve the goals above, technical solution used in the embodiment of the present invention is as follows：
In a first aspect, the embodiment of the invention provides a kind of interactive interface display method, the method includes：Monitor client
Hold whether the top of the content bar of interactive interface reaches the top of user terminal display interface, the client interactive interface includes
Hiding title bar and the content bar in advance；It arrived at the top of the content bar for monitoring the client interactive interface
The top of user terminal display interface, and receive the first predetermined operation for acting on client interactive interface, then by the mark
Topic column is shown in the top of the user terminal display interface.
Second aspect, the embodiment of the invention provides a kind of interactive interface display device, described device includes：First monitoring
Whether module reaches the top of user terminal display interface for monitoring the top of content bar of client interactive interface, described
Client interactive interface includes title bar hiding in advance and the content bar；Display module monitors the visitor for working as
It arrived the top of user terminal display interface at the top of the content bar of family end interactive interface, and receive and act on client friendship
The title bar, then is shown in the top of the user terminal display interface by first predetermined operation at mutual interface.
The third aspect, the embodiment of the invention provides a kind of user terminal, the user terminal includes：The user terminal
Including processor and memory, the memory is couple to the processor, and the memory store instruction works as described instruction
The user terminal is set to execute following operation when being executed by the processor：Monitor the top of the content bar of client interactive interface
Whether the top of user terminal display interface is reached, and the client interactive interface includes hiding in advance title bar and described
Content bar；It arrived the top of user terminal display interface at the top of the content bar for monitoring the client interactive interface,
And receive the first predetermined operation for acting on client interactive interface, then the title bar is shown in the user terminal and shown
Show the top at interface.
Compared with prior art, interactive interface display method provided in an embodiment of the present invention, device and user terminal, pass through
The top for monitoring the content bar of client interactive interface whether has arrived at the top of user terminal display interface and monitoring is made
For the first predetermined operation of client interactive interface, controls the display of title bar or hide.It is not arrived at the top of content bar
When up to the top of user terminal display interface, title bar is hiding in advance, attention content that for users can be more absorbed
Content in column can also expand showing interface space, so that user experience is further promoted.
To enable the above objects, features and advantages of the present invention to be clearer and more comprehensible, preferred embodiment is cited below particularly, and cooperate
Appended attached drawing, is described in detail below.
Detailed description of the invention
In order to illustrate the technical solution of the embodiments of the present invention more clearly, below will be to needed in the embodiment attached
Figure is briefly described, it should be understood that the following drawings illustrates only certain embodiments of the present invention, therefore is not construed as pair
The restriction of range for those of ordinary skill in the art without creative efforts, can also be according to this
A little attached drawings obtain other relevant attached drawings.
Fig. 1 is the structural schematic diagram of user terminal provided in an embodiment of the present invention.
Fig. 2 is a kind of flow chart of interactive interface display method provided in an embodiment of the present invention.
Fig. 3 is the first of a kind of user terminal interactive interface of interactive interface display method provided in an embodiment of the present invention to show
It is intended to.
Fig. 4 is the second of a kind of user terminal interactive interface of interactive interface display method provided in an embodiment of the present invention to show
It is intended to.
Fig. 5 is that a kind of third of the user terminal interactive interface of interactive interface display method provided in an embodiment of the present invention is shown
It is intended to.
Fig. 6 is the 4th of a kind of user terminal interactive interface of interactive interface display method provided in an embodiment of the present invention to show
It is intended to.
Fig. 7 is the 5th of a kind of user terminal interactive interface of interactive interface display method provided in an embodiment of the present invention to show
It is intended to.
Fig. 8 is the 6th of a kind of user terminal interactive interface of interactive interface display method provided in an embodiment of the present invention to show
It is intended to.
Fig. 9 is the 7th of a kind of user terminal interactive interface of interactive interface display method provided in an embodiment of the present invention to show
It is intended to.
Figure 10 is the 8 of the user terminal interactive interface of a kind of interactive interface display method provided in an embodiment of the present invention
Schematic diagram.
Figure 11 is a kind of structural block diagram of interactive interface display device provided in an embodiment of the present invention.
Specific embodiment
Below in conjunction with attached drawing in the embodiment of the present invention, technical solution in the embodiment of the present invention carries out clear, complete
Ground description, it is clear that described embodiments are only a part of the embodiments of the present invention, instead of all the embodiments.Usually exist
The component of the embodiment of the present invention described and illustrated in attached drawing can be arranged and be designed with a variety of different configurations herein.Cause
This, is not intended to limit claimed invention to the detailed description of the embodiment of the present invention provided in the accompanying drawings below
Range, but it is merely representative of selected embodiment of the invention.Based on the embodiment of the present invention, those skilled in the art are not doing
Every other embodiment obtained under the premise of creative work out, shall fall within the protection scope of the present invention.
It should be noted that：Similar label and letter indicate similar terms in following attached drawing, therefore, once a certain Xiang Yi
It is defined in a attached drawing, does not then need that it is further defined and explained in subsequent attached drawing.Meanwhile of the invention
In description, term " first ", " second " etc. are only used for distinguishing description, are not understood to indicate or imply relative importance.
Fig. 1 shows a kind of structural block diagram of user terminal 100 that can be applied in the embodiment of the present invention.As shown in Figure 1,
User terminal 100 includes memory 102, storage control 104, one or more (one is only shown in figure) processors 106, outer
If interface 108, radio-frequency module 110, audio-frequency module 112, Touch Screen 114 etc..These components are total by one or more communication
Line/signal wire 116 mutually communicates.
Memory 102 can be used for storing software program and module, such as the interactive interface display side in the embodiment of the present invention
Method and the corresponding program instruction/module of device, processor 106 by the software program that is stored in memory 102 of operation with
And module, thereby executing various function application and data processing, such as interactive interface display method provided in an embodiment of the present invention.
Memory 102 may include high speed random access memory, may also include nonvolatile memory, such as one or more magnetic
Property storage device, flash memory or other non-volatile solid state memories.Processor 106 and other possible components are to storage
The access of device 102 can carry out under the control of storage control 104.
Various input/output devices are couple processor 106 and memory 102 by Peripheral Interface 108.In some implementations
In example, Peripheral Interface 108, processor 106 and storage control 104 can be realized in one single chip.In some other reality
In example, they can be realized by independent chip respectively.
Radio-frequency module 110 is used to receive and transmit electromagnetic wave, realizes the mutual conversion of electromagnetic wave and electric signal, thus with
Communication network or other equipment are communicated.
Audio-frequency module 112 provides a user audio interface, may include one or more microphones, one or more raises
Sound device and voicefrequency circuit.
Touch Screen 114 provides an output and input interface simultaneously between user terminal 100 and user.Specifically,
Touch Screen 114 shows video output to user, and the content of these videos output may include text, figure, video and its any
Combination.
It is appreciated that structure shown in FIG. 1 is only to illustrate, user terminal 100 may also include it is more than shown in Fig. 1 or
Less component, or with the configuration different from shown in Fig. 1.Each component shown in Fig. 1 can using hardware, software or its
Combination is realized.
In the embodiment of the present invention, client is installed in user terminal 100, which can be browser can also be with
It is third-party application software (such as reader), it is corresponding with server (Server) end, service, such as electronics are provided for user
Book reading service, for playing local document or e-book.
Fig. 2 shows a kind of flow charts for interactive interface display method that one embodiment of the invention provides, referring to Fig. 2,
The present embodiment describes the process flow of client, and client specifically can be reader, the method includes：
Whether step S201, the top for monitoring the content bar of client interactive interface reach the top of user terminal display interface
Portion, the client interactive interface include title bar hiding in advance and the content bar；
Wherein, whether the top of the content bar of the monitoring client interactive interface reaches the top of user terminal display interface
There are many embodiments in portion, and different systems can use different monitoring modes.Following two are provided in this present embodiment
Kind monitoring mode is illustrated, it is to be understood that a specific embodiment of the invention is not limited thereto.
For the user terminal based on android system, client can be by calling function getScrollY ()
The offset that content bar generates in a first direction relative to user terminal display interface is obtained, the first direction can be
It is parallel to the direction extended from the top of the user terminal display interface to bottom, when the value that function returns is 0, indicates institute
Stating offset is 0, i.e., the top of content bar does not shift for the top of user terminal display interface at this time,
Therefore it may determine that and have arrived at user terminal display interface at the top of the content bar of the monitoring client interactive interface
Top.
For the user terminal based on Windows system, client can be obtained by function scrollTop ()
The height that Current Content column is hidden by user terminal display interface indicates that the hiding height is when the value that function returns is 0
0, therefore may determine that and have arrived at user terminal display interface at the top of the content bar for monitoring client interactive interface
Top.
It is understood that when the client interactive interface is not in the original state of title bar default hidden,
Wherein, the original state be active client interactive interface content bar at the top of have arrived at user terminal display interface
The state at top needs to first determine whether that Current Content column is in pull-up or lower shifting state, therefore in step in this case
Before rapid S201, the method can also include：Monitoring acts on the interface operation of client interactive interface.Wherein, monitoring is made
Interface operation for client interactive interface, which monitors, acts on whether the operation of client interactive interface is pulling operation,
That is interface operation is pulling operation.After monitoring that the interface operation occurs, then monitor the client interactive interface
Content bar at the top of have arrived at the top of user terminal display interface.It is understood that when client interaction circle
Face original state when, there is no need to judge again Current Content column be in pull-up or lower shifting state.
Step S202 arrived user terminal at the top of the content bar for monitoring the client interactive interface and show boundary
When the top in face, monitoring acts on the first predetermined operation of client interactive interface；
There are many embodiments for monitoring the first predetermined operation for acting on client interactive interface, in the present embodiment
In provide the first predetermined operation of following two and be illustrated, it is to be understood that a specific embodiment of the invention is simultaneously
It is not limited.
In a specific embodiment, when the screen of user terminal is to touch screen, the monitoring acts on client
End interactive interface the first predetermined operation may include：Monitoring acts on the gesture operation of the content bar, the gesture operation
Including：With the sliding trace formed after the continuous contact and continuous contact of the user terminal display interface, the sliding rail
Mark originates in the position close to the top of the user terminal display interface, terminates at far from the user terminal display interface
The position at top.
In another embodiment specific implementation mode, described to monitor the first predetermined operation for acting on client interactive interface, packet
It includes：The content bar is monitored to produce on the first direction of the user terminal display interface at the first moment with the second moment respectively
Raw offset, the first direction are parallel to the direction extended from the top of the user terminal display interface to bottom；Root
According to the comparison result of the offset and default bias threshold value, judge the content bar in the moving direction of the first direction；
When the moving direction is the top far from the user terminal display interface, then it is assumed that monitor the described first predetermined behaviour
Make.In this specific embodiment, the first predetermined operation needs not be touch control operation, and offset, which can be, operates shape by other
What formula generated, such as keyboard input or voice input.
For example, client can monitor the touch event of content bar for the user terminal based on android system
OnTouchEvent, when client receives when pressing event ACTION_DOWN of user, the first moment of record is in a first direction
Ordinate Y1.When receiving operation (ACTION_MOVE) at user's pulling interface, recorded for the second moment in first party
To ordinate Y2, the content bar is respectively at the first moment and the second moment in the perpendicular of the user terminal display interface at this time
The offset that histogram generates upwards is (Y2-Y1), at this time if Y2-Y1 is greater than default bias threshold value, that is, thinks content bar the
One direction moves down, if Y2-Y1 is less than default bias threshold value, that is, thinks that content bar moves up in a first direction, Y2-
Y1 is equal to default bias threshold value, then it is assumed that there is no movements for content bar.
For the user terminal based on Windows system, scroll () event monitoring is can be set in client, record
The height Y1 that content bar is hidden at the first moment, when constantly changing with content bar, by monitoring scroll () event,
The height Y2 that record content bar is hidden at the second moment, the content bar is at the first moment and the second moment in the use at this time
The offset generated on the first direction of family terminal display interface is (Y2-Y1), if (Y2-Y1) thinks content bar greater than 0
It moves down in a first direction, if (Y2-Y1) less than 0, that is, thinks that content bar moves up in a first direction, if (Y2-
Y1) it is equal to 0, then it is assumed that there is no movements for content bar.
The title bar is shown in the user terminal and shown by step S203 when monitoring first predetermined operation
Show the top at interface；
Wherein, the title bar can be suspended in above the content bar, and the title bar can also be with the content bar
In same plane.
It is understood that the embodiment that the title bar is shown in the top of the user terminal display interface is had
It is a variety of, such as the title bar is disposably fully displayed to the top of user terminal display interface, it is also possible to the mark
Topic column is shown several times, until the title bar is all shown in the top of the user terminal display interface, but is not limited to
Embodiment mentioned above.
Preferably, the title bar is continuously displayed several times, shows a part of the title bar every time, until described
Title bar is all shown in the top of the user terminal display interface.For example, the height of the available title bar, it is assumed that
Height is H, shows the fixed height of title bar every time, until the title bar is all shown in the user terminal and shows boundary
Face.It is noted that being obtained according to continuous experiment, the fixed height optimal value is H/30.Title bar from completely hide
It is preferably 200ms or so to the total duration all shown.By showing certain altitude every time, until all showing this
The mode of dynamic hidden further improves user experience so that the visual effect of user experience is that animation is shown.
Step S204 hides the title bar when the display time of the title bar being more than scheduled duration again.
When implementing, scheduled duration for example be can be set into two seconds, that is to say, that when title bar shows that the time is more than two seconds
Afterwards, client can hide title bar automatically, so that the experience of user is further promoted.It is understood that scheduled duration can be with
Flexible setting, specific numerical value do not constitute the implementation of the embodiment of the present invention and limit.
Preferably, the title bar is hidden several times, hides a part of the title bar every time, until the title
Column Hide All is in the user terminal display interface.Title bar is shown to completely hiding total durations from whole
200ms or so.In this step, title bar is shown several times in the implementation and step S203 that title bar is hidden several times
Implementation is reverse process, and details are not described herein.
Further, this method can also include：In the scheduled duration, monitoring acts on client interaction circle
Second predetermined operation in face hides the title bar when monitoring second predetermined operation again.Described second is predetermined
Operate pre-set operation such as can be the operation for clicking screen or pull up the operation of content bar.
When being applied to touch apparatus to interactive interface display method provided by the invention below by a specific example
Process be described in more detail.
For being equipped with the client of the user terminal of android system, it is assumed that active client interactive interface is in mark
The original state of column default hidden is inscribed, as shown in Figure 3, that is to say, that the top of the content bar of active client interactive interface is
The top for reaching user terminal display interface, can monitor the touch event onTouchEvent of content bar at this time, work as client
Receive when pressing event ACTION_DOWN of user, the ordinate Y1 of the first moment of record in a first direction, when receiving use
When family pulls operation (ACTION_MOVE) at interface, the ordinate Y2 of the second moment of record in a first direction is described at this time
The offset that content bar generates on the vertical direction of the user terminal display interface at the first moment and the second moment respectively
Think that content bar moves down in a first direction at this time if Y2-Y1 is greater than default bias threshold value for (Y2-Y1).
It please refers to Fig. 4 to 6, Fig. 4 and Fig. 5 and respectively illustrates and be shown partially in the user terminal in different moments title bar
The case where top of display interface, Fig. 6 show the top that the title bar is all shown in the user terminal display interface
The case where.The top of user terminal display interface is had arrived at the top of the content bar of client interactive interface and is monitored
When the operation moved down, the title bar is shown into (as shown in Figure 4 and Figure 5) several times, until the title bar is all aobvious
Show at the top of the user terminal display interface.At this point, the user terminal display interface that user sees is as described in Figure 6, user
It can see content bar and title bar, it is to be understood that the title bar can be suspended in above the content bar, can also
To be in same plane with the content bar.
Fig. 7 to Fig. 9 is please referred to, Fig. 7 and Fig. 8, which are respectively illustrated, is hidden in user's end in different moments title bar part
The case where holding the top of display interface, Fig. 9 show the top that the title bar is hidden in the user terminal display interface completely
The case where portion.When the display time of the title bar be more than scheduled duration when, by the title bar several times hide (such as Fig. 7 and
Shown in Fig. 8), until the title bar Hide All is in the user terminal display interface (as shown in Figure 9).
Further, as shown in Figure 10, when the display time of the title bar being less than scheduled duration, user is received
When pulling operation (ACTION_MOVE) at interface, the ordinate Y3 of record third moment in a first direction is described at this time interior
Hold column is in the offset that the second moment generated on the vertical direction of the user terminal display interface with the third moment respectively
(Y3-Y2), think that content bar moves up in a first direction, at this point, asking if Y3-Y2 is less than default bias threshold value at this time
Refering to Fig. 7 to Fig. 9, the title bar is hidden several times, until the title bar Hide All is shown in the user terminal
Interface.
It is understood that when client interactive interface is not in the original state of title bar default hidden, at this time
First determine whether the direction that content bar moves in a first direction, it is further to supervise when judging that the content bar moves down
Whether the top for surveying the content bar of client interactive interface reaches the top of user terminal display interface.
Interactive interface display method provided in an embodiment of the present invention, the top of the content bar by monitoring client interactive interface
Whether portion has arrived at the top of user terminal display interface and monitoring acts on the first of client interactive interface and makes a reservation for behaviour
Make, control the display of title bar or hides.When the top of content bar does not reach the top of user terminal display interface, title
Column is hiding in advance, in attention content bar that for users can be more absorbed content, can also expand showing interface sky
Between.After scheduled duration, title bar is hidden automatically, other operations is carried out again without user, so that user experience is further
It is promoted.
Figure 11 is please referred to, is the functional block diagram of interactive interface display device 200 provided in an embodiment of the present invention.Institute
Stating interactive interface display device 200 includes the first monitoring modular 201, display module 202 and hidden module 203.
First monitoring modular 201, for monitoring whether the top of content bar of client interactive interface reaches user
The top of terminal display interface, the client interactive interface include title bar hiding in advance and the content bar；
The display module 202, for arrived use at the top of the content bar for monitoring the client interactive interface
When the top of family terminal display interface, monitoring acts on the first predetermined operation of client interactive interface；
Wherein, the display module 202 monitors the embodiment for acting on the first predetermined operation of client interactive interface
There are many, the first predetermined operation of following two is provided in this present embodiment and is illustrated, it is to be understood that the present invention
Specific embodiment be not limited thereto.
It is understood that the display module 202 is specifically used for when user terminal is touch apparatus：Monitoring effect
In the gesture operation of the content bar, the gesture operation includes：With the continuous contact of the user terminal display interface and
The sliding trace formed after continuous contact, the sliding trace originate in the position close to the top of the user terminal display interface
It sets, terminates at the position at the top far from the user terminal display interface.
Display module 202 specifically can be also used for：The content bar is monitored respectively at the first moment and the second moment in institute
The offset generated on the first direction of user terminal display interface is stated, the first direction is parallel to be shown by the user terminal
Show the direction that the top at interface extends to bottom；According to the comparison result of the offset and default bias threshold value, described in judgement
Moving direction of the content bar in the first direction；When the moving direction is the top far from the user terminal display interface
When, then it is assumed that monitor first predetermined operation.
The display module 202, for the title bar being shown in described when monitoring first predetermined operation
The top of user terminal display interface；
Wherein, the top that the title bar is shown in the user terminal display interface, including：By the title
Column is shown several times, until the title bar is all shown in the top of the user terminal display interface.
The hidden module 203, for when the display time of the title bar be more than scheduled duration when, by the title bar
It hides again.
Wherein, described to hide the title bar again, including：The title bar is hidden several times, until the mark
Column Hide All is inscribed in the user terminal display interface.
Further, the display module 202 is also used to：In the scheduled duration, monitoring acts on the client
Second predetermined operation of interactive interface；The hidden module 203 is also used to when monitoring second predetermined operation, will be described
Title bar is hidden again.
Above each module can be by software code realization, at this point, above-mentioned each module can be stored in user terminal 100
In memory 102.Above each module can equally be realized by hardware such as IC chip.
It should be noted that all the embodiments in this specification are described in a progressive manner, each embodiment weight
Point explanation is the difference from other embodiments, and the same or similar parts between the embodiments can be referred to each other.
The technical effect of interactive interface display device provided by the embodiment of the present invention, realization principle and generation and aforementioned
Embodiment of the method is identical, and to briefly describe, Installation practice part does not refer to place, can refer to corresponding in preceding method embodiment
Content.
In several embodiments provided herein, it should be understood that disclosed device and method can also pass through
Other modes are realized.The apparatus embodiments described above are merely exemplary, for example, flow chart and block diagram in attached drawing
Show the device of multiple embodiments according to the present invention, the architectural framework in the cards of method and computer program product,
Function and operation.In this regard, each box in flowchart or block diagram can represent the one of a module, section or code
Part, a part of the module, section or code, which includes that one or more is for implementing the specified logical function, to be held
Row instruction.It should also be noted that function marked in the box can also be to be different from some implementations as replacement
The sequence marked in attached drawing occurs.For example, two continuous boxes can actually be basically executed in parallel, they are sometimes
It can execute in the opposite order, this depends on the function involved.It is also noted that every in block diagram and or flow chart
The combination of box in a box and block diagram and or flow chart can use the dedicated base for executing defined function or movement
It realizes, or can realize using a combination of dedicated hardware and computer instructions in the system of hardware.
In addition, each functional module in each embodiment of the present invention can integrate one independent portion of formation together
Point, it is also possible to modules individualism, an independent part can also be integrated to form with two or more modules.
It, can be with if the function is realized and when sold or used as an independent product in the form of software function module
It is stored in a computer readable storage medium.Based on this understanding, technical solution of the present invention is substantially in other words
The part of the part that contributes to existing technology or the technical solution can be embodied in the form of software products, the meter
Calculation machine software product is stored in a storage medium, including some instructions are used so that a computer equipment (can be a
People's computer, server or network equipment etc.) it performs all or part of the steps of the method described in the various embodiments of the present invention.
And storage medium above-mentioned includes：USB flash disk, mobile hard disk, read-only memory (ROM, Read-Only Memory), arbitrary access are deposited
The various media that can store program code such as reservoir (RAM, Random Access Memory), magnetic or disk.It needs
Illustrate, herein, relational terms such as first and second and the like be used merely to by an entity or operation with
Another entity or operation distinguish, and without necessarily requiring or implying between these entities or operation, there are any this realities
The relationship or sequence on border.Moreover, the terms "include", "comprise" or its any other variant are intended to the packet of nonexcludability
Contain, so that the process, method, article or equipment for including a series of elements not only includes those elements, but also including
Other elements that are not explicitly listed, or further include for elements inherent to such a process, method, article, or device.
In the absence of more restrictions, the element limited by sentence "including a ...", it is not excluded that including the element
Process, method, article or equipment in there is also other identical elements.
The foregoing is only a preferred embodiment of the present invention, is not intended to restrict the invention, for the skill of this field
For art personnel, the invention may be variously modified and varied.All within the spirits and principles of the present invention, made any to repair
Change, equivalent replacement, improvement etc., should all be included in the protection scope of the present invention.It should be noted that：Similar label and letter exist
Similar terms are indicated in following attached drawing, therefore, once being defined in a certain Xiang Yi attached drawing, are then not required in subsequent attached drawing
It is further defined and explained.
The above description is merely a specific embodiment, but scope of protection of the present invention is not limited thereto, any
Those familiar with the art in the technical scope disclosed by the present invention, can easily think of the change or the replacement, and should all contain
Lid is within protection scope of the present invention.Therefore, the protection scope of the present invention shall be subject to the protection scope of the claims.
Claims (15)
1. a kind of interactive interface display method, which is characterized in that the method includes：
Whether the top for monitoring the content bar of client interactive interface reaches the top of user terminal display interface, the client
Interactive interface includes title bar hiding in advance and the content bar；
When arrived the top of user terminal display interface at the top of the content bar for monitoring the client interactive interface, prison
Survey the first predetermined operation for acting on client interactive interface；
When monitoring first predetermined operation, the title bar is shown in the top of the user terminal display interface；
Whether the top of the content bar of the monitoring client interactive interface reaches the top of user terminal display interface, including：
For the user terminal of android system, client by call function getScrollY come obtain content bar relative to
The offset that user terminal display interface generates in a first direction, the first direction are parallel to be shown by the user terminal
Show the direction that the top at interface extends to bottom, when the value that the function getScrollY is returned is 0, indicates the offset
It is 0, shows that there is no offsets relative to the top of user terminal display interface for the top of content bar at this time, and then judge institute
State the top that user terminal display interface is had arrived at the top of the content bar of monitoring client interactive interface；Or
For the user terminal of Windows system, client obtains Current Content column by function scrollTop by user's end
The height for holding display interface hiding indicates that the hiding height is 0 when the value that the function scrollTop is returned is 0, into
And judge the top that user terminal display interface is had arrived at the top of the content bar for monitoring client interactive interface.
2. the method according to claim 1, wherein described monitor acts on the first pre- of client interactive interface
Fixed operation, including：
Monitoring acts on the gesture operation of the content bar, and the gesture operation includes：With the user terminal display interface
The sliding trace formed after continuous contact and continuous contact, the sliding trace, which originates in, shows boundary close to the user terminal
The position at the top in face terminates at the position at the top far from the user terminal display interface.
3. the method according to claim 1, wherein described monitor acts on the first pre- of client interactive interface
Fixed operation, including：
The content bar is monitored respectively at the first moment and the second moment on the first direction of the user terminal display interface
The offset of generation, the first direction are parallel to the direction extended from the top of the user terminal display interface to bottom；
According to the comparison result of the offset and default bias threshold value, judge the content bar in the movement of the first direction
Direction；
When the moving direction is the top far from the user terminal display interface, then it is assumed that monitor that described first is predetermined
Operation.
4. the method according to claim 1, wherein the method also includes：
When the display time of the title bar being more than scheduled duration, the title bar is hidden again.
5. the title bar be shown in the user terminal showing the method according to claim 1, wherein described
Show the top at interface, including：
The title bar is shown several times, shows a part of the title bar every time until the title bar is all shown in
The top of the user terminal display interface.
6. the method according to claim 1, wherein described hide the title bar again, including：
The title bar is hidden several times, hides a part of the title bar every time until the title bar Hide All exists
The user terminal display interface.
7. the method according to claim 1, wherein the method also includes：
In the scheduled duration, monitoring acts on the second predetermined operation of the client interactive interface, described when monitoring
When the second predetermined operation, the title bar is hidden again.
8. a kind of interactive interface display device, which is characterized in that described device includes：
First monitoring modular, for monitoring whether the top of content bar of client interactive interface reaches user terminal display interface
Top, the client interactive interface includes title bar hiding in advance and the content bar；
Display module shows boundary for arrived user terminal at the top of the content bar for monitoring the client interactive interface
When the top in face, monitoring acts on the first predetermined operation of client interactive interface, when monitoring first predetermined operation,
The title bar is shown in the top of the user terminal display interface；
First monitoring modular includes：
First detection unit, for the user terminal for android system, client by call function getScrollY come
The offset that content bar generates in a first direction relative to user terminal display interface is obtained, the first direction is parallel to
The direction extended from the top of the user terminal display interface to bottom, when the value that the function getScrollY is returned is 0
When, indicate that the offset is 0, show the top of content bar at this time relative to user terminal display interface top there is no
Offset, and then judge to have arrived at user terminal display interface at the top of the content bar for monitoring client interactive interface
Top；Or
Second detection unit, for the user terminal for Windows system, client is obtained by function scrollTop
The height that Current Content column is hidden by user terminal display interface is indicated when the value that the function scrollTop is returned is 0
The hiding height is 0, and then judges to have arrived at user's end at the top of the content bar for monitoring client interactive interface
Hold the top of display interface.
9. device according to claim 8, which is characterized in that the display module is specifically used for：
Monitoring acts on the gesture operation of the content bar, and the gesture operation includes：With the user terminal display interface
The sliding trace formed after continuous contact and continuous contact, the sliding trace, which originates in, shows boundary close to the user terminal
The position at the top in face terminates at the position at the top far from the user terminal display interface.
10. device according to claim 8, which is characterized in that the display module is specifically used for：
The content bar is monitored respectively at the first moment and the second moment on the first direction of the user terminal display interface
The offset of generation, the first direction are parallel to the direction extended from the top of the user terminal display interface to bottom；
According to the comparison result of the offset and default bias threshold value, judge the content bar in the movement of the first direction
Direction；
When the moving direction is the top far from the user terminal display interface, then it is assumed that monitor that described first is predetermined
Operation.
11. device according to claim 8, which is characterized in that the display module is specifically also used to：
The title bar is shown several times, until the title bar is all shown in the top of the user terminal display interface
Portion.
12. device according to claim 8, which is characterized in that further include hidden module, for showing when the title bar
When showing that the time is more than scheduled duration, the title bar is hidden again.
13. device according to claim 12, which is characterized in that the hidden module is specifically used for：
The title bar is hidden several times, until the title bar Hide All is in the user terminal display interface.
14. device according to claim 12, which is characterized in that the display module is also used to：In the scheduled duration
Interior, monitoring acts on the second predetermined operation of the client interactive interface；The hidden module is also used to described when monitoring
When the second predetermined operation, the title bar is hidden again.
15. a kind of user terminal, which is characterized in that the user terminal includes processor and memory, the memory coupling
It is connected to the processor, the memory store instruction makes the user terminal when executed by the processor
Execute following operation：
Whether the top for monitoring the content bar of client interactive interface reaches the top of user terminal display interface, the client
Interactive interface includes title bar hiding in advance and the content bar；
When arrived the top of user terminal display interface at the top of the content bar for monitoring the client interactive interface, prison
Survey the first predetermined operation for acting on client interactive interface；
When monitoring first predetermined operation, the title bar is shown in the top of the user terminal display interface；
Whether the top of the content bar of the monitoring client interactive interface reaches the top of user terminal display interface, including：
For the user terminal of android system, client by call function getScrollY come obtain content bar relative to
The offset that user terminal display interface generates in a first direction, the first direction are parallel to be shown by the user terminal
Show the direction that the top at interface extends to bottom, when the value that the function getScrollY is returned is 0, indicates the offset
It is 0, shows that there is no offsets relative to the top of user terminal display interface for the top of content bar at this time, and then judge institute
State the top that user terminal display interface is had arrived at the top of the content bar of monitoring client interactive interface；Or
For the user terminal of Windows system, client obtains Current Content column by function scrollTop by user's end
The height for holding display interface hiding indicates that the hiding height is 0 when the value that the function scrollTop is returned is 0, into
And judge the top that user terminal display interface is had arrived at the top of the content bar for monitoring client interactive interface.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201610213636.3A CN105930024B (en) | 2016-04-06 | 2016-04-06 | interactive interface display method, device and user terminal |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201610213636.3A CN105930024B (en) | 2016-04-06 | 2016-04-06 | interactive interface display method, device and user terminal |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN105930024A CN105930024A (en) | 2016-09-07 |
| CN105930024B true CN105930024B (en) | 2018-11-16 |
Family
ID=56840512
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201610213636.3A Active CN105930024B (en) | 2016-04-06 | 2016-04-06 | interactive interface display method, device and user terminal |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN105930024B (en) |
Families Citing this family (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN106502497B (en) * | 2016-10-20 | 2019-12-31 | 合一网络技术(北京)有限公司 | Interactive bar transformation method and device |
| CN107247536B (en) * | 2017-06-02 | 2019-11-12 | 武汉斗鱼网络科技有限公司 | Method of adjustment, storage medium, electronic equipment and the system of interfacial clarity is broadcast live |
| CN108052360A (en) * | 2017-10-19 | 2018-05-18 | 福建中金在线信息科技有限公司 | Changing method, device and the electronic equipment of title bar background |
| CN109450993B (en) * | 2018-10-24 | 2021-11-02 | 上海尚往网络科技有限公司 | Method and apparatus for presenting information |
Family Cites Families (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103793436B (en) * | 2012-11-02 | 2019-04-02 | 腾讯科技（深圳）有限公司 | The method and browser of browsing pages |
| CN104346028B (en) * | 2013-07-31 | 2019-02-26 | 腾讯科技（深圳）有限公司 | Address field display methods, device and mobile terminal |
-
2016
- 2016-04-06 CN CN201610213636.3A patent/CN105930024B/en active Active
Also Published As
| Publication number | Publication date |
|---|---|
| CN105930024A (en) | 2016-09-07 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN105930024B (en) | interactive interface display method, device and user terminal | |
| CN104811816B (en) | A kind of is the method, apparatus and system that the object in video pictures plays barrage label | |
| CN105426404A (en) | Music information recommendation method and apparatus, and terminal | |
| US7542845B2 (en) | Information navigation interface | |
| CN108280119A (en) | Page generation method, device and user terminal | |
| US20150193061A1 (en) | User's computing experience based on the user's computing activity | |
| CN105635519B (en) | Method for processing video frequency, apparatus and system | |
| CN104077038A (en) | Method and device for providing menu interface | |
| CN102246132A (en) | Method and apparatus for providing a predictive model for drawing using touch screen devices | |
| CN103197911A (en) | Method, system and device for providing speech input | |
| Ng et al. | Notify-and-interact: A beacon-smartphone interaction for user engagement in galleries | |
| CN105989144A (en) | Notification message management method, apparatus and system as well as terminal device | |
| CN106662969A (en) | Method of processing content and electronic device thereof | |
| CN106131707A (en) | Barrage information processing method and processing means | |
| CN104461243A (en) | Method for displaying and managing notifications on mobile terminal and mobile terminal | |
| CN104822077A (en) | Client operating method and client | |
| CN106980482A (en) | A kind of information displaying method and the first electronic equipment | |
| CN110532983A (en) | Method for processing video frequency, device, medium and equipment | |
| CN108347533A (en) | A kind of message display and answering method and terminal | |
| CN106100984A (en) | A kind of instant communication information based reminding method and mobile terminal | |
| CN103955330A (en) | Information displaying method and device | |
| CN102945628A (en) | Accident consequence information acquiring method, device and training system | |
| CN107885413A (en) | Icon alignment schemes and device | |
| CN109068010A (en) | voice content recording method and device | |
| CN103186324A (en) | Image editing system and image editing method |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant | ||
| TR01 | Transfer of patent right |
Effective date of registration: 20200526 Address after: 310051 room 508, floor 5, building 4, No. 699, Wangshang Road, Changhe street, Binjiang District, Hangzhou City, Zhejiang Province Patentee after: Alibaba (China) Co.,Ltd. Address before: 510627 Guangdong city of Guangzhou province Whampoa Tianhe District Road No. 163 Xiping Yun Lu Yun Ping radio square B tower 13 floor 03 unit self Patentee before: GUANGZHOU ALIBABA LITERATURE INFORMATION TECHNOLOGY Co.,Ltd. |
|
| TR01 | Transfer of patent right |