CN106445972A - Page display method and apparatus - Google Patents
Page display method and apparatus Download PDFInfo
- Publication number
- CN106445972A CN106445972A CN201510491301.3A CN201510491301A CN106445972A CN 106445972 A CN106445972 A CN 106445972A CN 201510491301 A CN201510491301 A CN 201510491301A CN 106445972 A CN106445972 A CN 106445972A
- Authority
- CN
- China
- Prior art keywords
- navigation bar
- display interface
- user
- browsing
- concern
- 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.)
- Granted
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
-
- 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
- G06F3/0485—Scrolling or panning
-
- 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
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Databases & Information Systems (AREA)
- Data Mining & Analysis (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The present application provides a page display method and apparatus. The method may comprises: when a user browses a display interface of a mobile device, acquiring a browsing operation behavior of the user; and when a navigation bar is contained in the display interface, adjusting a display position of the navigation bar in the display interface according to the browsing operation behavior. By method and apparatus provided by the technical scheme of the present invention, it is possible to prevent the navigation bar from obstructing the browsing content of the user in the interface, thereby helping improvement of browsing experience of the user.
Description
Technical field
The application is related to field of terminal technology, more particularly, to page display method and device.
Background technology
The mobile devices such as smart mobile phone, tablet device have been applied to the day of people more and more widely
In often life, work, user can realize the various functions such as page browsing by these mobile devices.
Content of the invention
In view of this, the application provides a kind of page display method and device, can avoid navigation bar to boundary
User's browsing content in face causes to block, and contributes to lifting the viewing experience of user.
For achieving the above object, the application provides technical scheme as follows：
First aspect according to the application it is proposed that a kind of page display method, including：
When user browses, gather the browse operation row of described user to the display interface of mobile device
For；
When comprising navigation bar in described display interface, described navigation is adjusted according to described browse operation behavior
Display location in described display interface for the hurdle.
Second aspect according to the application it is proposed that a kind of page display device, including：
Collecting unit, when user browses to the display interface of mobile device, gathers described user's
Browse operation behavior；
Adjustment unit, when comprising navigation bar in described display interface, adjusts according to described browse operation behavior
Display location in described display interface for the whole described navigation bar.
From above technical scheme, the application passes through to gather the browse operation behavior of user, and right accordingly
Navigation bar in display interface carries out dynamic position adjustment, and navigation bar can be avoided display content to be caused hide
Gear, especially in the case of the screen size of mobile device is less, the page contributing to reducing user turns over
Dynamic number of times, lifting user's viewing experience.
Brief description
Fig. 1-2 is terminal interface schematic diagram when user in correlation technique browses；
Fig. 3 is a kind of flow chart of the page display method according to the application one exemplary embodiment；
Fig. 4-5 is the schematic diagram executing page browsing according to a kind of user of the application one exemplary embodiment；
Fig. 6 is the flow chart of another kind of page display method according to the application one exemplary embodiment；
Fig. 7-11 is that terminal interface when being browsed according to a kind of user of the application one exemplary embodiment shows
It is intended to；
Figure 12 is the structural representation of a kind of electronic equipment according to the application one exemplary embodiment；
Figure 13 is a kind of block diagram of the page display device according to the application one exemplary embodiment.
Specific embodiment
User can browse webpage by the browser in mobile device it is also possible to set by opening movement
APP for middle installation to browse corresponding application interface.Carry out interface in user by mobile device to browse
When, a lot of interfaces all can comprise " navigation bar ", and this navigation bar is different to be actually needed in interface and shows
The browsing content of user, is mainly used in providing a user with the quick choosing that some function such as searched for, sort
?.
For purposes of illustration only, the terminal interface schematic diagram when user that Fig. 1-2 shows in correlation technique browses,
In this schematic diagram taking the display interface of certain electric business APP showing on mobile device as a example.As Fig. 1-2 institute
Show, in the display interface of mobile device, including navigation bar and two parts of browsing content display area.
In the related, either user's scroll through pages upward in FIG, or in fig. 2 to
The scrolls beneath page, navigation bar is always positioned at the top of display interface；In other words, the setting position of navigation bar
Put and user does not have any relation between the browse operation behavior of browsing content display area.
However, the browse operation behavior of user can lead to the difference of browse state, and under different viewing state
Still to navigation bar using identical set location it is clear that the actual demand of user can not be adapted to.
For example, when user's scroll through pages downwards in fig. 2, new content of pages can enter from the top down
Enter browsing content display area, thus causing following technical problems：
(1) based on the concern to new content, the region-of-interest of user is located at the top half of display interface,
But because navigation bar is located at display interface top, lead to user to have to offset downward region-of-interest；But
It is that when scrolling down through the page, finger can cause certain blocking to user to the latter half.
Therefore, the region-of-interest of user in navigation bar the occupancy to display interface top, and finger under
The occupancy of half part is so that the indication range of region-of-interest " is extruded " by upper and lower both direction, sternly simultaneously
Ghost image rings viewing experience and the reading efficiency of user.
(2) simultaneously as the finger of user is located at the latter half of display interface, and navigation bar is located at and shows
Showing interface top, therefore if the user desired that operating to navigation bar, needing to make finger from display interface
Lower section is mobile to cause, to top, the displacement grown very much, and easily cause user cannot be stably singlehanded
Holding mobile devices.
Therefore, the application, by the control of the set location to navigation bar, can solve in correlation technique
Above-mentioned technical problem.It is that the application is further described, the following example is provided：
Fig. 3 is a kind of flow chart of the page display method according to the application one exemplary embodiment, such as schemes
Shown in 3, the method is applied in mobile device, may comprise steps of：
Step 302, when user browses to the display interface of mobile device, gathers described user's
Browse operation behavior.
In this example it is shown that interface can be passed through for the arbitrary interface in mobile device, such as user
The webpage that browser is opened, or be installed on the application interface of the APP in mobile device etc..Show as one
Example property embodiment, mobile device can be to the skill of all display interface application the application comprising navigation bar
Art scheme.As another exemplary embodiment, mobile device can comprise navigation bar only for part
The technical scheme of display interface application the application, the application-specific interface of such as certain APP.
Step 304, when comprising navigation bar in described display interface, adjusts according to described browse operation behavior
Display location in described display interface for the whole described navigation bar.
In the present embodiment, by gathering the browse operation behavior of user, and accordingly in display interface
Navigation bar carries out dynamic position adjustment, can avoid navigation bar that display content is caused to block, especially exist
In the case of the screen size of mobile device is less, contribute to reducing page flip number of times, the lifting of user
User's viewing experience.
In the present embodiment, can determine that the non-of user browses pass according to the browse operation behavior collecting
Note direction, and navigation bar is placed in display interface corresponding to this non-edge browsing concern direction.
Wherein, the browse operation behavior of user there may be a variety of forms, as long as user can be embodied
The operation behavior browsing intention, all can be as " browse operation behavior " herein, below to wherein
Several possible forms carry out citing and introduce：
As illustrative embodiments, it is provided with multiple physical button on the mobile apparatus, user passes through
Press different physical button, it is possible to achieve the rolling to display interface controls, thus browse showing accordingly
Show content.As shown in figure 4, the left side of mobile device is provided with upper and lower two buttons, when user presses
During the button being below, the display interface of mobile device can scroll down through；Similarly, when user presses
Under be in top button when, the display interface of mobile device can scroll up.
As another exemplary embodiment, mobile device can obtain user by such as front-facing camera etc.
Direction of visual lines, and speculate that user browses position, direction of view etc. on display interface.As Fig. 5 institute
Show, the page scroll direction of display interface can be controlled by obtaining the moving direction of user's sight line, than
As when user's sight line on display interface when browsing position and quickly moving from the top down, display circle can be made
Face is realized scrolling down through.
As another exemplary embodiment, similar to the mode shown in Fig. 1-2, can be existed according to user
Slip gesture in the touch display screen of mobile device, controls corresponding page scroll direction, herein no longer
Repeat.
Certainly, above numerous embodiments, are only used for the browse operation behavior of user is illustrated, this
Application is not limited to this.
As seen from the above embodiment, the application, by the browse operation behavior to user, can accurately be known
Non- browsing in display interface for the user pays close attention to direction.Meanwhile, non-browse pass by being arranged at navigation bar
Note direction, can make the interface zone browsing on concern direction be used to show the browsing content of user's concern,
Avoid navigation bar that these contents are caused to block, especially in the less situation of screen size of mobile device
Under, contribute to reducing page flip number of times, lifting user's viewing experience of user.
For ease of the understanding to technical scheme, and by the technical scheme of the application and correlation technique
Between comparison, below with " user's directly touch operation in the touch display screen of mobile device " make
For browse operation behavior, following examples are described.Wherein, Fig. 6 is according to the application one example
Property embodiment another kind of page display method flow chart, as shown in fig. 6, the method be applied to move
In equipment, may comprise steps of：
Step 602, when mobile device detects user display interface is browsed, collection is clear accordingly
Look at operation behavior.
For different set-up modes in display interface for the navigation bar, corresponding processing procedure there is also difference,
Introduce separately below to the non-different acquisition modes browsing concern direction.
Embodiment one
Step 604A, when the orientation of navigation bar and the rotating direction of display interface are vertical, obtain and uses
The rolling operation direction to display interface for the family.
As Figure 7-8, as an exemplary embodiment, the orientation of navigation bar is horizontal direction to ratio,
I.e. the display location relation between navigation bar and browsing content display area is " upper and lower relation ".
Step 606A, rolling operation direction is defined as non-browsing and pays close attention to direction.
In the present embodiment, as shown in fig. 7, when navigation bar orientation be horizontal direction when, if use
The rolling operation direction at family is that then the new content in browsing content display area is entered from bottom to top straight up
Enter in display interface, and the region-of-interest of corresponding user is located at below display interface, that is, new content is continuous
The position occurring, and the non-concern direction that browses is rolling operation direction, i.e. direction straight up.
On the one hand, because navigation bar is located at the top of display interface, and the finger of user also is located at showing boundary
The top half in face, thus all region-of-interest will not be impacted, user can be made to realize efficiently browsing
And reading.On the other hand, the distance between finger of navigation bar and user is very short, and user need not be to finger
Carry out the movement of distance, you can easily and quickly navigation bar is triggered.
Similar with the embodiment shown in Fig. 7, in the embodiment shown in fig. 8, as the row of navigation bar
When column direction is horizontal direction, if the rolling operation direction of user is straight down, browsing content is shown
New content in region enters in display interface from top to bottom, and the region-of-interest of corresponding user is located at and shows
Show above interface, the position that is, new content continuously emerges, and the non-concern direction that browses is rolling operation direction,
I.e. vertically downward direction.Now, by navigation bar is arranged at display interface bottom, navigation bar and handss
Refer to all region-of-interest will not be impacted, and because navigation bar and finger are respectively positioned on the lower section of display interface,
It is thus able to move by the finger in short distance, realize the quick triggering to navigation bar.
Embodiment two
Step 604B, when the orientation of navigation bar and the rotating direction of display interface are parallel, collection is used
Operating position on display interface for the family.
As shown in figs. 9-10, as another exemplary embodiment, the orientation of navigation bar is vertically square to ratio
To that is, the display location relation between navigation bar and browsing content display area is " left-right relation ".
In the present embodiment, when user passes through finger or pointer etc. in the touch display screen of mobile device
The detection of this touch display screen when the operation such as carrying out clicking on, drag, can be passed through, collect the behaviour of user
Make position.
Step 606B, when operating position be located at display interface along the perpendicular bisector of rotating direction either side when,
Either side is defined as non-browsing with respect to the direction of opposite side and pays close attention to direction.
In the present embodiment, as shown in figs. 9-10, the rotating direction of display interface is above-below direction, then
Perpendicular bisector on this this rotating direction, i.e. the perpendicular bisector of the horizontal side of display screen.By obtaining perpendicular bisector,
Display screen can be divided into two parts in left and right, and the part according to belonging to the operating position of user, differentiate
The direction of the manipulator that user may adopt in practical operation, thus by navigation bar located at most suitable position
Put.
As shown in figure 9, when the operating position detecting is located at left part, because current movement sets
Standby size is increasing, thus user is hold by one hand and operates mobile device possibly via left hand, or
Person's right hand holding mobile devices and left hand is operated, then left hand is likely in operation to left side
Point display content cause a certain degree of block, and the region-of-interest of user is by the right side positioned at mobile device
Side part, then the non-concern direction that browses of user is the direction that left side is with respect to right side, and that is, level is to the left
Direction.
So, in order to reduce the impact of blocking on display content for the user's finger, avoid navigation bar to pass simultaneously
Note region " extruding ", can by navigation bar located at display interface left side edge；And due to navigation bar
It is respectively positioned on the left part of display interface with user's finger, the finger that this also allows for user only passes through short distance
Movement, you can complete the trigger action to navigation bar.
Similar with the embodiment shown in Fig. 9, in the embodiment shown in fig. 10, as the behaviour detecting
Make position be located at right part when, because current mobile device size is increasing, thus user very may be used
Can be to be hold by one hand by the right hand and operate mobile device, or left-handed mobile device and the right hand are carried out
Operation, then the right hand is likely to cause a certain degree of screening to the display content of right part in operation
Gear, and the region-of-interest of user is by the left part positioned at mobile device, then the non-of user browses concern side
To for right side with respect to left side direction, i.e. level direction to the right.Now, by arranging navigation bar
At the right edge of display interface, navigation bar and finger all will not impact to region-of-interest, and by
It is respectively positioned on the right part of display interface in navigation bar and finger it is thus possible to pass through the finger in short distance
Mobile, realize the quick triggering to navigation bar.
Step 608, navigation bar is arranged in display interface and corresponds to the non-side edge browsing concern direction.
Step 610, when user is detected to the trigger action of navigation bar, navigation bar is configured to compile
The state of collecting；And, the drag operation of the navigation bar to editable state for the user is detected.
Step 612, according to the drag operation of the navigation bar to editable state for the user detecting, will lead
The mobile extremely corresponding target in boat hurdle drags position.
In the present embodiment, by said process, navigation bar is carried out after the setting of display location, if used
Family is unsatisfied with to the display location of navigation bar, and the mode that can manually adjust is adjusted to meet
The actual demand of user.For example, in the embodiment shown in fig. 9, when operation user is detected
Position is in although user is likely to use left-handed operation during the left part of display interface, but actual
On mobile device size less or when user's palm is larger it is also possible to use right-hand operated, thus
User can be by by the right edge of navigation bar movement to display interface, thus lifting browse efficiency and making
With experience.
Wherein, user can embody the display location to navigation bar by the trigger action to navigation bar
Adjustment demand.For example, trigger action can press operation for user, to " setting to the length of navigation bar
Put " clicking operation of " position editor " option that provides in function etc.；Certainly, the application is not to this
Limited.
Step 614, record user browses custom.
In the present embodiment, target dragging position can be entered by mobile device with corresponding browsing environment information
Row associated storage；Then, if detect clear in real time with this browsing environment information match again later
Environment of looking at drags position it is possible to navigation bar is placed in corresponding target according to associated storage data.
Wherein, browsing environment information can be environmental information when generation trigger action and drag operation, than
The user browsing as the affiliated APP of display interface, the attitude (placing vertically or traverse) of mobile device, execution
Identity (identifying after such as being obtained by the photographic head of mobile device) etc., the application does not enter to this
Row limits.Browse custom by the target of navigation bar being dragged position as user, and to browsing custom
It is associated recording, follow-up navigation bar setting operation can be made all to meet this and browse custom, without user
Adjust again.
Additionally, in the technical scheme of the application, can also by different display modes are arranged to navigation bar,
To meet the optimal use demand of user.Wherein, the operative position on described display interface as described user
When putting unrelated with described navigation bar, described navigation bar is placed in described display interface with default breviary pattern
Corresponding to the described non-edge browsing concern direction；And, when described user is detected to default breviary
During the trigger action of the navigation bar under pattern, described navigation bar is recovered to default details pattern.
In this embodiment, when the operating position of user is unrelated with navigation bar, show that user wishes to clear
Content display region of looking at is browsed, thus by navigation bar is set to default breviary as shown in figure 11
Pattern, can reduce occupied area in display interface for the navigation bar as much as possible, and this part is taken
Region is used for the display to browsing content, thus contributing to lifting the browse efficiency of user.And work as and detect
When user is to the trigger action of the navigation bar under default breviary pattern, show that user wishes navigation bar is carried out
Operation, thus by restoring it into the default details pattern shown in Fig. 7-10, it is easy to user operation.
Figure 12 shows the schematic configuration diagram of the electronic equipment of the exemplary embodiment according to the application.Please
With reference to Figure 15, in hardware view, this electronic equipment includes processor, internal bus, network interface, interior
Deposit and nonvolatile memory, be certainly also possible that the hardware required for other business.Processor from
Read corresponding computer program in nonvolatile memory and then to run, on logic level in internal memory
Form page display device.Certainly, in addition to software realization mode, it is real that the application is not precluded from other
Existing mode, mode of such as logical device or software and hardware combining etc. is that is to say, that following handling process
Executive agent be not limited to each logical block or hardware or logical device.
Refer to Figure 13, in Software Implementation, this page display device can include collecting unit and
Adjustment unit.Wherein：
Collecting unit, when user browses to the display interface of mobile device, gathers described user's
Browse operation behavior；
Adjustment unit, when comprising navigation bar in described display interface, adjusts according to described browse operation behavior
Display location in described display interface for the whole described navigation bar.
Optionally, described adjustment unit specifically for：
According to described browse operation behavior, determine that the non-of described user browses concern direction；
Described navigation bar is placed in described display interface and corresponds to the described non-edge browsing concern direction.
Optionally, by following manner, described adjustment unit determines that described non-browsing pays close attention to direction：
When the orientation of described navigation bar is vertical with the rotating direction of described display interface, obtain described
The rolling operation direction to described display interface for the user；
Described rolling operation direction is defined as described non-browsing and pays close attention to direction.
Optionally, by following manner, described adjustment unit determines that described non-browsing pays close attention to direction：
When the orientation of described navigation bar is parallel with the rotating direction of described display interface, collection is described
Operating position on described display interface for the user；
When described operating position is located at the either side of the perpendicular bisector along described rotating direction for the described display interface,
Described either side is defined as described non-browsing with respect to the direction of opposite side and pays close attention to direction.
Optionally, also include：
State dispensing unit, when described user is detected to the trigger action of described navigation bar, will be described
Navigation bar is configured to editable state；
Position mobile unit, according to the dragging behaviour of the navigation bar to editable state for the described user detecting
Make, by mobile for described navigation bar to corresponding target dragging position.
Optionally, also include：
Memory element, described target is dragged position and is associated storing with corresponding browsing environment information；
Processing unit, when the displaying live view environment with described browsing environment information match is detected, root
According to associated storage data, described navigation bar is placed in described target and drags position.
Optionally, also include：
Mode adjustment unit, when operating position on described display interface for the described user and described navigation bar
When unrelated, described navigation bar is placed in described display interface corresponding to described non-clear with default breviary pattern
Look at concern direction edge；And, when described user is detected to the navigation bar under default breviary pattern
Trigger action when, described navigation bar is recovered to default details pattern.
One typical configure, computing device include one or more processors (CPU), input/
Output interface, network interface and internal memory.
Internal memory potentially includes the volatile memory in computer-readable medium, random access memory
(RAM) and/or the form such as Nonvolatile memory, such as read only memory (ROM) or flash memory (flash
RAM).Internal memory is the example of computer-readable medium.
Computer-readable medium includes permanent and non-permanent, removable and non-removable media can be by
Any method or technique is realizing information Store.Information can be computer-readable instruction, data structure,
The module of program or other data.The example of the storage medium of computer includes, but are not limited to phase transition internal memory
(PRAM), static RAM (SRAM), dynamic random access memory (DRAM),
Other kinds of random access memory (RAM), read only memory (ROM), electrically erasable
Read only memory (EEPROM), fast flash memory bank or other memory techniques, read-only optical disc read only memory
(CD-ROM), digital versatile disc (DVD) or other optical storage, magnetic cassette tape, tape magnetic
Disk storage or other magnetic storage apparatus or any other non-transmission medium, can be used for storage can be counted
The information that calculation equipment accesses.Define according to herein, computer-readable medium does not include temporary computer can
Read media (transitory media), the such as data signal of modulation and carrier wave.
Also, it should be noted term " inclusion ", "comprising" or its any other variant be intended to non-
The comprising of exclusiveness, so that include a series of process of key elements, method, commodity or equipment not only
Including those key elements, but also include other key elements being not expressly set out, or also include for this
Process, method, commodity or the intrinsic key element of equipment.In the absence of more restrictions, by language
The key element that sentence "including a ..." limits is it is not excluded that including the process of described key element, method, business
Also there is other identical element in product or equipment.
The foregoing is only the preferred embodiment of the application, not in order to limit the application, all this
Within the spirit of application and principle, any modification, equivalent substitution and improvement done etc., should be included in
Within the scope of the application protection.
Claims (14)
1. a kind of page display method is it is characterised in that include：
When user browses, gather the browse operation row of described user to the display interface of mobile device
For；
When comprising navigation bar in described display interface, described navigation is adjusted according to described browse operation behavior
Display location in described display interface for the hurdle.
2. method according to claim 1 it is characterised in that described according to described browse operation row
For adjusting display location in described display interface for the described navigation bar, including：
According to described browse operation behavior, determine that the non-of described user browses concern direction；
Described navigation bar is placed in described display interface and corresponds to the described non-edge browsing concern direction.
3. method according to claim 2 it is characterised in that described according to described browse operation row
For, determine that the non-of described user browses concern direction, including：
When the orientation of described navigation bar is vertical with the rotating direction of described display interface, obtain described
The rolling operation direction to described display interface for the user；
Described rolling operation direction is defined as described non-browsing and pays close attention to direction.
4. method according to claim 2 it is characterised in that described according to described browse operation row
For, determine that the non-of described user browses concern direction, including：
When the orientation of described navigation bar is parallel with the rotating direction of described display interface, collection is described
Operating position on described display interface for the user；
When described operating position is located at the either side of the perpendicular bisector along described rotating direction for the described display interface,
Described either side is defined as described non-browsing with respect to the direction of opposite side and pays close attention to direction.
5. method according to claim 1 is it is characterised in that also include：
When described user is detected to the trigger action of described navigation bar, described navigation bar is configured to can
Editing mode；
According to the drag operation of the navigation bar to editable state for the described user detecting, by described navigation
The mobile extremely corresponding target in hurdle drags position.
6. method according to claim 5 is it is characterised in that also include：
Described target is dragged position be associated storing with corresponding browsing environment information；
When the displaying live view environment with described browsing environment information match is detected, according to associated storage
Described navigation bar is placed in described target and drags position by data.
7. method according to claim 1 is it is characterised in that also include：
When operating position on described display interface for the described user is unrelated with described navigation bar, will be described
Navigation bar is placed in described display interface with default breviary pattern and corresponds to the described non-side browsing concern direction
At edge；
When described user is detected to the trigger action of the navigation bar under default breviary pattern, lead described
Boat hurdle recovers to default details pattern.
8. a kind of page display device is it is characterised in that include：
Collecting unit, when user browses to the display interface of mobile device, gathers described user's
Browse operation behavior；
Adjustment unit, when comprising navigation bar in described display interface, adjusts according to described browse operation behavior
Display location in described display interface for the whole described navigation bar.
9. device according to claim 8 it is characterised in that described adjustment unit specifically for：
According to described browse operation behavior, determine that the non-of described user browses concern direction；
Described navigation bar is placed in described display interface and corresponds to the described non-edge browsing concern direction.
10. device according to claim 9 is it is characterised in that described adjustment unit is by following
Mode determines that described non-browsing pays close attention to direction：
When the orientation of described navigation bar is vertical with the rotating direction of described display interface, obtain described
The rolling operation direction to described display interface for the user；
Described rolling operation direction is defined as described non-browsing and pays close attention to direction.
11. devices according to claim 9 are it is characterised in that described adjustment unit is by following
Mode determines that described non-browsing pays close attention to direction：
When the orientation of described navigation bar is parallel with the rotating direction of described display interface, collection is described
Operating position on described display interface for the user；
When described operating position is located at the either side of the perpendicular bisector along described rotating direction for the described display interface,
Described either side is defined as described non-browsing with respect to the direction of opposite side and pays close attention to direction.
12. devices according to claim 9 are it is characterised in that also include：
State dispensing unit, when described user is detected to the trigger action of described navigation bar, will be described
Navigation bar is configured to editable state；
Position mobile unit, according to the dragging behaviour of the navigation bar to editable state for the described user detecting
Make, by mobile for described navigation bar to corresponding target dragging position.
13. devices according to claim 12 are it is characterised in that also include：
Memory element, described target is dragged position and is associated storing with corresponding browsing environment information；
Processing unit, when the displaying live view environment with described browsing environment information match is detected, root
According to associated storage data, described navigation bar is placed in described target and drags position.
14. devices according to claim 9 are it is characterised in that also include：
Mode adjustment unit, when operating position on described display interface for the described user and described navigation bar
When unrelated, described navigation bar is placed in described display interface corresponding to described non-clear with default breviary pattern
Look at concern direction edge；And, when described user is detected to the navigation bar under default breviary pattern
Trigger action when, described navigation bar is recovered to default details pattern.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201510491301.3A CN106445972B (en) | 2015-08-11 | 2015-08-11 | Page display method and device |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201510491301.3A CN106445972B (en) | 2015-08-11 | 2015-08-11 | Page display method and device |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN106445972A true CN106445972A (en) | 2017-02-22 |
| CN106445972B CN106445972B (en) | 2020-01-14 |
Family
ID=58093214
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201510491301.3A Active CN106445972B (en) | 2015-08-11 | 2015-08-11 | Page display method and device |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN106445972B (en) |
Cited By (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN107145277A (en) * | 2017-06-30 | 2017-09-08 | 深圳传音通讯有限公司 | The switching handling method and mobile terminal of navigation bar position |
| CN107402962A (en) * | 2017-06-16 | 2017-11-28 | 口碑控股有限公司 | Page display method and device |
| CN109542291A (en) * | 2018-10-18 | 2019-03-29 | 深圳市创梦天地科技有限公司 | A kind of interface control method, relevant apparatus and equipment |
| CN110134887A (en) * | 2019-04-03 | 2019-08-16 | 深圳市中博科创信息技术有限公司 | A kind of webpage top navigation bar control method, device, equipment and storage medium |
| CN110765401A (en) * | 2019-10-24 | 2020-02-07 | 四川长虹电器股份有限公司 | Method and system for displaying webpage top navigation menu |
| CN111679873A (en) * | 2019-03-11 | 2020-09-18 | 阿里巴巴集团控股有限公司 | Application page and map page processing method, device and equipment |
| CN113835610A (en) * | 2021-09-30 | 2021-12-24 | 广州品唯软件有限公司 | Page display method and device for terminal application |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN1996285A (en) * | 2006-01-06 | 2007-07-11 | 胡擘 | Window system of page browser |
| CN102663055A (en) * | 2012-03-29 | 2012-09-12 | 优视科技有限公司 | Method, device and browser for realizing browser navigation |
| CN103246668A (en) * | 2012-02-08 | 2013-08-14 | 腾讯科技（深圳）有限公司 | Browser toolbar adjusting method and device |
| CN103678646A (en) * | 2013-12-20 | 2014-03-26 | 乐视网信息技术（北京）股份有限公司 | Method and device for presenting pages |
-
2015
- 2015-08-11 CN CN201510491301.3A patent/CN106445972B/en active Active
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN1996285A (en) * | 2006-01-06 | 2007-07-11 | 胡擘 | Window system of page browser |
| CN103246668A (en) * | 2012-02-08 | 2013-08-14 | 腾讯科技（深圳）有限公司 | Browser toolbar adjusting method and device |
| CN102663055A (en) * | 2012-03-29 | 2012-09-12 | 优视科技有限公司 | Method, device and browser for realizing browser navigation |
| CN103678646A (en) * | 2013-12-20 | 2014-03-26 | 乐视网信息技术（北京）股份有限公司 | Method and device for presenting pages |
Cited By (10)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN107402962A (en) * | 2017-06-16 | 2017-11-28 | 口碑控股有限公司 | Page display method and device |
| CN107402962B (en) * | 2017-06-16 | 2020-09-22 | 浙江口碑网络技术有限公司 | Page display method and device |
| CN107145277A (en) * | 2017-06-30 | 2017-09-08 | 深圳传音通讯有限公司 | The switching handling method and mobile terminal of navigation bar position |
| CN109542291A (en) * | 2018-10-18 | 2019-03-29 | 深圳市创梦天地科技有限公司 | A kind of interface control method, relevant apparatus and equipment |
| CN111679873A (en) * | 2019-03-11 | 2020-09-18 | 阿里巴巴集团控股有限公司 | Application page and map page processing method, device and equipment |
| CN111679873B (en) * | 2019-03-11 | 2023-06-27 | 阿里巴巴集团控股有限公司 | Processing method, device and equipment for application page and map page |
| CN110134887A (en) * | 2019-04-03 | 2019-08-16 | 深圳市中博科创信息技术有限公司 | A kind of webpage top navigation bar control method, device, equipment and storage medium |
| CN110765401A (en) * | 2019-10-24 | 2020-02-07 | 四川长虹电器股份有限公司 | Method and system for displaying webpage top navigation menu |
| CN113835610A (en) * | 2021-09-30 | 2021-12-24 | 广州品唯软件有限公司 | Page display method and device for terminal application |
| CN113835610B (en) * | 2021-09-30 | 2024-01-23 | 广州品唯软件有限公司 | Page display method and device for terminal application |
Also Published As
| Publication number | Publication date |
|---|---|
| CN106445972B (en) | 2020-01-14 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN106445972A (en) | Page display method and apparatus | |
| US20240094872A1 (en) | Navigating through documents in a document viewing application | |
| US10705707B2 (en) | User interface for editing a value in place | |
| CN107168614B (en) | Application for viewing images | |
| US9417779B2 (en) | Scrollable area multi-scale viewing | |
| EP2483770B1 (en) | Dynamic image presentation | |
| TWI515635B (en) | Electronic device with touch screen and method of moving icons on the touch screen | |
| CN105144071A (en) | Device, method, and graphical user interface for managing concurrently open software applications | |
| CN106201234A (en) | The inspection method of content of pages and device | |
| WO2013112354A1 (en) | Confident item selection using direct manipulation | |
| CN109643560B (en) | Apparatus and method for displaying video and comments | |
| CN104156140A (en) | Method and device for editing characters quickly with gravity sensor | |
| CN105487775A (en) | Touch screen control method and mobile terminal | |
| CN105094582A (en) | Information positioning method and information positioning apparatus | |
| CN102722308B (en) | Display method and electronic device | |
| CN104252499B (en) | The method and electronic display unit of page division | |
| CN107450809A (en) | Page interaction, device and electric terminal | |
| US11409432B2 (en) | Pen command for ink editing | |
| KR101997121B1 (en) | Method for line up contents of media equipment, apparatus thereof, and medium storing program source thereof | |
| CN106445358A (en) | Slide control method and terminal device | |
| TWI486869B (en) | Method and mobile device for processing form web information | |
| EP3029560A1 (en) | A user interface interaction system and 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 |