CN107168630A - A kind of terminal device, page control device and page control method - Google Patents
A kind of terminal device, page control device and page control method Download PDFInfo
- Publication number
- CN107168630A CN107168630A CN201610127305.8A CN201610127305A CN107168630A CN 107168630 A CN107168630 A CN 107168630A CN 201610127305 A CN201610127305 A CN 201610127305A CN 107168630 A CN107168630 A CN 107168630A
- Authority
- CN
- China
- Prior art keywords
- area
- page
- touch operation
- response
- equivalent
- 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
- 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
- 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/04847—Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
-
- 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
Landscapes
- Engineering & Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The present invention discloses a kind of terminal device, page control device and page control method.The terminal device includes：The content of the page shown on touching display screen is stored in memory, touching display screen and processor, the memory；In response to the predetermined trigger action of the page of the user on the touching display screen, the computing device shows second area, the operation for making the touch operation on the second area equivalent with the corresponding touch operation on the first area independently of the page；In response to the touch operation of the second area, the content that the computing device is shown to the first area carries out the operation with the corresponding touch operation identical control in response to the first area.The scheme that the present invention is provided, can avoid blocking mobile content, lift viewing experience when controlling content of pages movement.
Description
Technical field
The present invention relates to mobile internet technical field, and in particular to a kind of terminal device, the page
Control device and page control method.
Background technology
At present, with the continuous popularization and development of intelligent mobile terminal and browser technology, use
Browser of mobile terminal accesses internet and is increasingly becoming a trend.Moreover, with HTML5
(Hyper Text Markup Language 5, HyperText Markup Language the 5th edition) technology
Progressive and popularization, Webpage content displaying on mobile terminals is also further diversified.Webpage
Content of pages can typically include text information, pictorial information, audio-frequency information, video information etc.,
Interacting for the page and user can be realized by HTML5 technologies, pole is brought to Consumer's Experience
Big lifting.
The displaying of current many content of pages, usually used scheme is to show complete in a screen
Portion's content, is similar to the effect of " picture+character introduction " of application, the advantage is that user
The image content of care completely shows, and when user's rolling word viewing character introduction,
Due to overall page height it is identical with mobile phone screen, therefore no matter user how scroll through pages, page
The focus Pictures location in face brings fabulous reading experience to user all without changing.
But, current this content of pages type-setting mode is also defective, i.e. scrollable field is only
There is word content region, but the general Area comparison in word content region is small, and in word content
When region rolls word content by gesture operation, finger meeting shield portions word content, therefore
Viewing experience can be influenceed.
The content of the invention
In order to solve the above technical problems, the present invention provides a kind of terminal device, page control device
And page control method, it can avoid blocking mobile content when controlling content of pages movement, carry
Rise viewing experience.
According to an aspect of the present invention there is provided a kind of terminal device, including：Memory, touch
Formula display screen and processor,
The content of the page shown on touching display screen is stored in the memory；
In response to the predetermined trigger action of the page of the user on the touching display screen, the place
Manage device and perform and show second area independently of the page, make touch operation on the second area with
The equivalent operation of corresponding touch operation on the first area；
In response to the touch operation of the second area, the computing device is aobvious to the first area
The content shown carries out the operation with the corresponding touch operation identical control in response to the first area.
It is preferred that, the processor response is performed by by institute in the touch operation of the second area
State second area touch coordinate be converted to first area described in the equivalent coordinate pair of the first area show
The content shown carries out the operation with the corresponding touch operation identical control in response to the first area.
According to another aspect of the present invention there is provided a kind of page control device, including：
First processing module, in response to predetermined trigger action, to be shown independently of the page
Two regions, make the touch operation on the second area and the corresponding touch operation on the first area
It is equivalent；
Second processing module, for the touch operation in response to the second area, to firstth area
The content that domain is shown is carried out and the corresponding touch operation identical control in response to the first area.
It is preferred that, the first processing module includes：
Receiving submodule, for receiving the trigger action in page first area；
Display sub-module, for the touching in page first area received in response to the receiving submodule
Hair operation, second area is shown independently of the page, make touch operation on the second area with
Corresponding touch operation on the first area is equivalent, wherein the second area is can drag second
Region, or for fixed position second area and the fixed position be located at the first area outside.
It is preferred that, the first processing module includes：
Receiving submodule, for receiving trigger action；
Condition confirms submodule, for determining that the trigger action that the receiving submodule is received is position
Slide in the slidable first area, or in the slidable first area
The affiliated page height of slide and the first area be less than or equal to screen height；
Display sub-module, the result for confirming submodule according to the condition, independently of the page
Face shows second area, make touch operation on the second area with it is corresponding on the first area
Touch operation is equivalent.
It is preferred that, the Second processing module includes：
Receiving submodule, for receiving touch operation；
Condition confirms submodule, for determining that the touch operation that the receiving submodule is received is position
Slide in the slidable second area；
Control process submodule, the result for confirming submodule according to the condition, to described first
The content that region is shown is carried out and the corresponding touch operation identical control in response to the first area.
It is preferred that, the control process submodule includes：
Coordinate Conversion submodule, for the touch coordinate of the second area to be converted into firstth area
The equivalent coordinate in domain；
Synchronization process submodule, for according to the equivalent seat after Coordinate Conversion submodule conversion
Mark, the content shown to the first area grasped with the corresponding touch in response to the first area
Make identical control.
It is preferred that, the Coordinate Conversion submodule is by the touch point coordinates of the second area or touch
Geometric locus is converted to the equivalent coordinate or equivalent geometric locus of the first area；The synchronization process
Submodule is to be based on the equivalent coordinate or equivalent geometric locus, the content shown to the first area
Carry out page control operation.
According to another aspect of the present invention there is provided a kind of page control method, for controlling in the page
Content in first area shows, including：
In response to predetermined trigger action, second area is shown independently of the page, makes described second
Touch operation on region and the corresponding touch operation on the first area are equivalent；
In response to the touch operation of the second area, the content shown to the first area carry out with
In response to the corresponding touch operation identical control of the first area.
It is preferred that, the predetermined trigger action includes：The predetermined of first area touches in the page
Hair operation.
It is preferred that, the second area is the second area that can be dragged；Or, the second area is solid
The second area put is positioned, wherein the fixed position is located at outside the first area.
It is preferred that, the predetermined trigger action includes：In the slidable first area
Slide；Or, the slide in the slidable first area and the first area
Affiliated page height is less than or equal to screen height.
It is preferred that, the touch operation of the second area includes：Positioned at the slidable second area
In slide.
It is preferred that, the slide includes：Scroll up, or, it is mobile to the left or to the right.
It is preferred that, the content shown to the first area is carried out and in response to the first area
Corresponding touch operation identical control include：
By the equivalent coordinate pair institute that the touch coordinate of the second area is converted to the first area
State content progress and the corresponding touch operation identical in response to the first area that first area is shown
Control.
It is preferred that, it is described by the way that the touch coordinate of the second area is converted into the first area
The content that first area described in equivalent coordinate pair is shown touched with response to the corresponding of the first area
Touching operation identical control includes：
It is the first area by touch point coordinates or the touch track Curve transform of the second area
Equivalent coordinate or equivalent geometric locus, based on the equivalent coordinate or equivalent geometric locus, to described
The content that one region is shown carries out page control operation.
It can be found that the technical scheme of the embodiment of the present invention, when browsing the content of pages of webpage,
According to predetermined trigger action, second area can be shown independently of the page, made on the second area
Touch operation and the corresponding touch operation on the first area of the page it is equivalent, then enter in second area
During row touch operation, it is possible in response to the touch operation of second area, first area is shown in
Hold and controlled with the corresponding touch operation identical in response to first area, because second area can be with
Outside page first area, therefore the touch operation control page first by second area can be realized
The movement of region content, it is to avoid blocked during the content of page first area by finger, lifts viewing experience.
Further, the second area that the embodiment of the present invention is shown be able to can be dragged, and also may be used
To be fixed, if fixed second area, it need to only be located at outside page first area just
It can avoid blocking, if can drag, it may be displayed within page first area, then
Other positions are dragged to, or are directly displayed at outside page first area.
Further, the embodiment of the present invention, can be in trigger action in order to more accurately be responded
It is the slide being located in the slidable first area, or positioned at slidable firstth area
When the affiliated page height of slide and the first area in domain is less than or equal to screen height,
Second area is shown independently of the page.
Further, the embodiment of the present invention go for it is a variety of touch slide scenes, for example to
Go up or scroll down through, or, it is mobile etc. to the left or to the right.
Brief description of the drawings
By the way that disclosure illustrative embodiments are described in more detail with reference to accompanying drawing, this public affairs
Above-mentioned and other purpose, the feature and advantage opened will be apparent, wherein, in this public affairs
Open in illustrative embodiments, identical reference number typically represents same parts.
Fig. 1 is a kind of schematic block diagram of terminal device according to an embodiment of the invention；
Fig. 2 is a kind of schematic block of page control device according to an embodiment of the invention
Figure；
Fig. 3 is a kind of the another schematic of page control device according to an embodiment of the invention
Block diagram；
Fig. 4 is a kind of schematic stream of page control method according to an embodiment of the invention
Cheng Tu；
Fig. 5 is a kind of another signal of page control method according to an embodiment of the invention
Property flow chart；
Fig. 6 is independently of the page in a kind of page control method according to an embodiment of the invention
The retaining zone schematic diagram of display.
Embodiment
The preferred embodiment of the disclosure is more fully described below with reference to accompanying drawings.Although accompanying drawing
In show the preferred embodiment of the disclosure, however, it is to be appreciated that can be real in a variety of manners
The existing disclosure by embodiments set forth herein without that should be limited.It is opposite that there is provided these implementations
Mode be in order that the disclosure is more thorough and complete, and can be complete by the scope of the present disclosure
Ground conveys to those skilled in the art.
The present invention provides a kind of terminal device, can avoid blocking shifting when controlling content of pages movement
Dynamic content, lifts viewing experience.
Fig. 1 is a kind of schematic block diagram of terminal device according to an embodiment of the invention.
As shown in figure 1, terminal device 10 can include：Memory 11, touching display screen 12
With processor 13.
The content of the page shown on touching display screen is stored in memory 11；
In response to the predetermined trigger action of the page of the user on touching display screen 12, processor
13 perform independently of page display second area, make in the touch operation and first area on second area
The equivalent operation of corresponding touch operation；
In response to the touch operation of second area, processor 13 is performed to be entered to the content that first area is shown
The operation that row is controlled with the corresponding touch operation identical in response to first area.
Wherein, processor 13 is performed by by second area in response to the touch operation of second area
Touch coordinate be converted to the content that the equivalent coordinate pair first area of first area shows and carry out and response
The operation that corresponding touch operation identical in first area is controlled.
Processor 13 in terminal device 10, can be used as an independent apparatus structure, the independence
Apparatus structure be properly termed as page control device, the page control device can include multiple submodules
Block, hereafter the page control device structure will be described in detail.
Fig. 2 is a kind of schematic block of page control device according to an embodiment of the invention
Figure.
As shown in Fig. 2 a kind of page control device 20 can include：First processing module 21,
Second processing module 22.
First processing module 21, in response to predetermined trigger action, second to be shown independently of the page
Region, makes the touch operation on second area and the corresponding touch operation on first area equivalent.
Second processing module 22, for the touch operation in response to second area, shows to first area
Content carry out with response to first area corresponding touch operation identical control.
It can be found that the technical scheme of the embodiment of the present invention, when browsing the content of pages of webpage,
According to predetermined trigger action, second area can be shown independently of the page, made on the second area
Touch operation and the corresponding touch operation on the first area of the page it is equivalent, then enter in second area
During row touch operation, it is possible in response to the touch operation of second area, first area is shown in
Hold and controlled with the corresponding touch operation identical in response to first area, because second area can be with
Outside page first area, therefore the touch operation control page first by second area can be realized
The movement of region content, it is to avoid blocked during the content of page first area by finger, lifts viewing experience.
Fig. 3 is a kind of the another schematic of page control device according to an embodiment of the invention
Block diagram.
As shown in figure 3, a kind of page control device 20 can include：First processing module 21,
Second processing module 22, the function of two modules can be found in described by Fig. 2, and here is omitted.
Further, the first processing module 21 can include：Receiving submodule 211, display
Submodule 212.
Receiving submodule 211, for receiving the trigger action in page first area.
Display sub-module 212, in response to receiving submodule 211 receive in page first area
Trigger action, independently of the page show second area, make the touch operation and first on second area
Corresponding touch operation on region is equivalent, and wherein second area is the second area that can be dragged, or is solid
Position the second area put and fixed position is located at outside first area.
The second area that the embodiment of the present invention is shown can be dragged or fixed,
If fixed second area, need to only be located at outside page first area can just avoid blocking,
If can drag, it may be displayed within page first area, then drag to other positions
, or be directly displayed at outside page first area.
Or, the first processing module 21 can include：Receiving submodule 211, condition are true
Recognize submodule 213, display sub-module 212.
Receiving submodule 211, for receiving trigger action.
Condition confirm submodule 213, for determine receiving submodule receive trigger action be positioned at
Slide in slidable first area, or the slide in slidable first area
And the affiliated page height in first area is less than or equal to screen height.
Display sub-module 212, the result for confirming submodule 213 according to condition, independently of page
Face shows second area, makes the touch operation on second area and the corresponding touch operation on first area
It is equivalent.
Wherein, the Second processing module 22 includes：Receiving submodule 221, condition confirm son
Module 222, control process submodule 223.
Receiving submodule 221, for receiving touch operation.
Condition confirms submodule 222, for determining the touch operation that receiving submodule 221 is received
For the slide in slidable second area.
Control process submodule 223, the result for confirming submodule 222 according to condition, to first
The content that region is shown is carried out and the corresponding touch operation identical control in response to first area.
Wherein, the control process submodule 223 includes：Coordinate Conversion submodule 2231, synchronization
Handle submodule 2232.
Coordinate Conversion submodule 2231, for the touch coordinate of second area to be converted into firstth area
The equivalent coordinate in domain.
Synchronization process submodule 2232, for according to equivalent after the conversion of Coordinate Conversion submodule 2231
Coordinate, the content shown to first area carries out identical with the corresponding touch operation in response to first area
Control.
Wherein, Coordinate Conversion submodule 2231 is that the touch point coordinates or touch track of second area is bent
Line is converted to the equivalent coordinate or equivalent geometric locus of first area；Synchronization process submodule 2232 is base
In equivalent coordinate or equivalent geometric locus, the content shown to first area carries out page control operation.
Fig. 4 is a kind of schematic stream of page control method according to an embodiment of the invention
Cheng Tu.
As shown in figure 4, in step 401, the first processing module response of page control device
In predetermined trigger action, second area is shown independently of the page, is made on the second area
Touch operation and the corresponding touch operation on the first area are equivalent.
Above-mentioned page control device, can be located in browser, control browsing for the page.
In the step, predetermined trigger action can include：First area is predetermined in the page
Trigger action.In the step, second area can be the second area that can be dragged；Or, second area
For the second area of fixed position, wherein fixed position is located at outside first area.
That is, the second area of display can be can dragging or fixed, if
It is fixed second area, need to only be located at outside page first area can just avoid blocking, if
It can drag, may be displayed within page first area, then drag to other positions,
Or be directly displayed at outside page first area.
In the step, predetermined trigger action can also include：In slidable first area
Slide；Or, the affiliated page of slide and first area in slidable first area
Highly it is less than or equal to screen height.
In step 402, the Second processing module of page control device is in response to the second area
Touch operation, the content that is shown to the first area carries out and pair in response to the first area
Touch operation identical is answered to control.
Wherein, the touch operation of second area can include：In the slidable second area
Slide.Slide can include：Scroll up, or, it is mobile to the left or to the right,
That is, scheme of the embodiment of the present invention goes for several scenes, it is included in page scroll and browses
Deng.
Wherein, the content shown to first area is carried out and the corresponding touch operation in response to first area
Identical control can include：By the way that the touch coordinate of second area is converted into the equivalent of first area
The content that coordinate pair first area is shown is carried out and the corresponding touch operation identical in response to first area
Control, for example, being described the by the touch point coordinates or touch track Curve transform of the second area
The equivalent coordinate or equivalent geometric locus in one region, based on the equivalent coordinate or equivalent geometric locus,
The content shown to the first area carries out page control operation.
It can be found that the technical scheme of the embodiment of the present invention, when browsing the content of pages of webpage,
According to predetermined trigger action, second area can be shown independently of the page, made on the second area
Touch operation and the corresponding touch operation on the first area of the page it is equivalent, then enter in second area
During row touch operation, it is possible in response to the touch operation of second area, first area is shown in
Hold and controlled with the corresponding touch operation identical in response to first area, because second area can be with
Outside page first area, therefore the touch operation control page first by second area can be realized
The movement of region content, it is to avoid blocked during the content of page first area by finger, lifts viewing experience.
Fig. 5 is a kind of another signal of page control method according to an embodiment of the invention
Property flow chart.
The technical scheme of the embodiment of the present invention is described in more detail relative to Fig. 4 by Fig. 5.The implementation
Example can generate a second area such as retaining zone that can be dragged independently of the page and be shown
Show, the retaining zone can be floated on the first area such as scrollable field of the page, or
The other positions of the page are floated on, all rolling operations of the retaining zone can be synchronized to and can roll
Region.
As shown in figure 5, in step 501, the first processing module of page control device is received
Predetermined trigger action in page first area.
The page first area can be the slidably region in the page, be, for example, can scroll-up/down can
Scroll zones, or the transitional zone that can be moved left and right.This slidably region can be such as word content
Region.
It should be noted that, the step is that occur to illustrate but do not limit in first area with trigger action
Can be the other positions in the page in this.
The trigger action can be the rolling operation of scroll-up/down, or the translation moved left and right.This
Embodiment is to be illustrated by scrollable field of page first area but be not limited to this.
In step 502, first processing module is aobvious independently of the page in response to predetermined trigger action
Show second area, make the touch operation on second area and the corresponding touch operation on the first area
It is equivalent.
Predetermined trigger action described in the embodiment of the present invention, can include：Positioned at slidable first
Slide in region；Or, the slide in slidable first area and first area
Affiliated page height is less than or equal to screen height.It should be noted that, can also except slide
It is that other are operated such as clicking operation.
Illustrate below so that first area is scrollable field, trigger action is slide as an example to triggering
The deterministic process of operation but it is not limited to this：
Receive after slide, whether the region where first determining whether the slide received is to roll
Dynamic region, if not being scrollable field, without response；Scrollable field, is determined whether in this way
Whether the height of the affiliated page of scrollable field is less than or equal to screen height, such as not less than or equal to screen
Curtain height, without response, is such as less than or equal to screen height, then generates and float independently of the page
Rotatable retaining zone on page upper strata.
If page height be more than screen height, scrollable area is overseas do slide when, now may be used
It can be accomplished by rolling full page.If now still generating the retaining zone of floating, then all
The retaining zone that slide may all be floated is received for responding scrollable field, and at this moment the page can
It can not just can slide.Therefore screen can be less than or equal in the height of the affiliated page of scrollable field high
When spending, the retaining zone that generation is floated is shown.
It should be noted that, above-mentioned described rotatable retaining zone, is the region generated by browser
Rather than the region of the page itself.Rolling operation produced by rotatable retaining zone will be synchronous
In scrollable field in the page, the rolling of the content of the scrollable field in the drive page.
The retaining zone of step generation can be found in shown in Fig. 6, and Fig. 6 is one according to the present invention
The retaining zone schematic diagram shown in a kind of page control method of embodiment independently of the page.Show in figure
The second area shown i.e. retaining zone 601 can be can dragging or fixed, if
Fixed second area, need to only be located at outside page first area can just avoid blocking, if
It can drag, may be displayed within page first area, then drag to other positions,
Or be directly displayed at outside page first area.
In step 503, the Second processing module of page control device is received in secondth area
The touch operation in domain.
The touch operation of second area can include：Slide in slidable second area.
Slide can include：Scroll up, or, it is mobile etc. to the left or to the right.
In step 504, Second processing module in response to the second area touch operation, it is right
The content that the first area is shown carries out identical with the corresponding touch operation in response to the first area
Control.
The step can be by the way that the touch coordinate of second area to be converted to the equivalent coordinate pair of first area
The content that first area is shown controlled with the corresponding touch operation identical in response to first area,
For example, being the first area by the touch point coordinates or touch track Curve transform of the second area
Equivalent coordinate or equivalent geometric locus, based on the equivalent coordinate or equivalent geometric locus, to described
The content that first area is shown carries out page control operation.
Herein below is illustrated but is not limited to by taking rolling operation as an example by the touch operation of the step
This.
Receive after rolling operation, first determine whether whether the rolling event received occurs in synchronization zone
Domain, if occurred in retaining zone, without response；Occur in this way in retaining zone, then
The rolling event coordinates of retaining zone are converted into actual scroll zones coordinate (i.e. by retaining zone
The touch coordinate of (second area) is converted to the equivalent coordinate of scrollable field (first area)) after,
Rolling event is transmitted again to be responded.
Assuming that the absolute coordinate x0 of the scrollable field of Webpage, y0 is (relative to full page
Absolute coordinate), the retaining zone of generation records coordinate x0, the y0 of scrollable field, and together
After step region is dragged by user, the coordinate of retaining zone is x1, y1, retaining zone it is wide a height of
W, h, then it is above-mentioned that the rolling event coordinates of retaining zone are converted into actual scroll zones coordinate again
The process of transmission rolling event includes：
1) user's scroll through pages are detected, rolling event is generated.
2) confirm that the coordinate (ex, ey) of rolling event meets following condition：x1<ex<x1
+ w and y1<ey<Y1+h, then it is assumed that roll event and occur in retaining zone.
3) by the coordinate that the Coordinate Conversion of the event of rolling is scroll zones, i.e. ex1=x0+ex, ey0
=y0+ey.
4) transmission includes the rolling event of the coordinate after conversion.
So, the coordinate after being changed in rolling event of the scrollable field according to transmission, will be rolled
The position in region is synchronized, i.e., be x in the horizontal direction by the absolute coordinate x0 of scrollable field
Axle move ex, by y0 vertical direction be y-axis movement.It can be found that due to when rolling
Scroll zones are not produced and blocked, therefore the viewing experience of user can be made more preferable.
Illustrated further below by an Application Example.
Assuming that user opens a page, the page contains scrollable field, when detecting user
Finger falls in scrollable field, then browser generates a retaining zone independently of the page again,
User does not influence the position of scroll through pages when retaining zone can be dragged to operation, then follow-up
Rolling operation of the user in retaining zone, it will be directly synchronized in scrollable field, you can
The content of scroll zones can be followed and rolled in the rolling operation of retaining zone, thus will not be
Scroll zones are produced during rolling and blocked.
It should be noted that, the predetermined trigger action described in the embodiment of the present invention can also be example
As the specific action of ad-hoc location/specific duration/ad hoc fashion, or some of mobile terminal are pressed
Specific operation of key etc., by these specific actions or specific operation, specifies a second area,
Make the operation of second area corresponding with the operation of first area.Moreover, the operation in two regions
It can also differ, for example, can be to click on some position in second area to produce in first area
The effect slided to some region.In addition, operation in the second area is except slide,
It can also be such as page turning, closing, cancelling text importing.
In summary, the technical scheme of the embodiment of the present invention, when browsing the content of pages of webpage,
According to predetermined trigger action, second area can be shown independently of the page, make secondth area
Touch operation on domain and the corresponding touch operation on the first area of the page are equivalent, then
When two regions carry out touch operation, it is possible in response to the touch operation of second area, to first
The content that region is shown controlled with the corresponding touch operation identical in response to first area,
Because second area can be outside page first area, therefore it can realize by second area
The movement of touch operation control page first area content, it is to avoid during the content of page first area
Blocked by finger, lift viewing experience.
Further, the second area that the embodiment of the present invention is shown be able to can be dragged, and also may be used
To be fixed, if fixed second area, it need to only be located at outside page first area just
It can avoid blocking, if can drag, it may be displayed within page first area, then
Other positions are dragged to, or are directly displayed at outside page first area.
Technique according to the invention scheme above is described in detail by reference to accompanying drawing.
In addition, the method according to the invention is also implemented as a kind of computer program, the calculating
Machine program includes the computer for being used to perform the above steps limited in the above method of the invention
Code instructions.Or, the method according to the invention is also implemented as a kind of computer journey
Sequence product, the computer program product includes computer-readable medium, in computer-readable Jie
The computer journey for the above-mentioned functions limited in the above method for performing the present invention that are stored with matter
Sequence.Those skilled in the art will also understand is that, various with reference to described by disclosure herein are shown
Example property logical block, module, circuit and algorithm steps may be implemented as electronic hardware, computer
The combination of software or both.
Flow chart and block diagram in accompanying drawing show according to the present invention multiple embodiments system and
Architectural framework in the cards, function and the operation of method.At this point, flow chart or block diagram
In each square frame can represent a part for a module, program segment or code, the module,
A part for program segment or code comprising it is one or more be used for realize as defined in logic function can
Execute instruction.It should also be noted that in some realizations as replacement, being marked in square frame
Function can also be with different from the order marked in accompanying drawing generation.For example, two continuous sides
Frame can essentially be performed substantially in parallel, and they can also be performed in the opposite order sometimes,
This is depending on involved function.It is also noted that each side in block diagram and/or flow chart
The combination of frame and the square frame in block diagram and/or flow chart, can with perform as defined in function or
The special hardware based system of operation is realized, or can use specialized hardware and computer
The combination of instruction is realized.
Be described above various embodiments of the present invention, described above be it is exemplary, not
Exhaustive, and it is also not necessarily limited to disclosed each embodiment.Without departing from illustrated each reality
In the case of the scope and spirit for applying example, permitted for those skilled in the art
Many modifications and changes will be apparent from.The selection of term used herein, it is intended to best
The principle, practical application or the improvement to the technology in market of each embodiment are explained, or makes this
Other those of ordinary skill of technical field are understood that each embodiment disclosed herein.
Claims (16)
1. a kind of terminal device, it is characterised in that including：Memory, touching display screen and place
Manage device,
The content of the page shown on touching display screen is stored in the memory；
In response to the predetermined trigger action of the page of the user on the touching display screen, the place
Manage device and perform and show second area independently of the page, make touch operation on the second area with
The equivalent operation of corresponding touch operation on the first area；
In response to the touch operation of the second area, the computing device is aobvious to the first area
The content shown carries out the operation with the corresponding touch operation identical control in response to the first area.
2. terminal device according to claim 1, it is characterised in that：
The processor response is performed and passed through secondth area in the touch operation of the second area
The touch coordinate in domain be converted to the equivalent coordinate pair of the first area described in the content that shows of first area
Carry out the operation with the corresponding touch operation identical control in response to the first area.
3. a kind of page control device, it is characterised in that including：
First processing module, in response to predetermined trigger action, to be shown independently of the page
Two regions, make the touch operation on the second area and the corresponding touch operation on the first area
It is equivalent；
Second processing module, for the touch operation in response to the second area, to firstth area
The content that domain is shown is carried out and the corresponding touch operation identical control in response to the first area.
4. device according to claim 3, it is characterised in that the first processing module
Including：
Receiving submodule, for receiving the trigger action in page first area；
Display sub-module, for the touching in page first area received in response to the receiving submodule
Hair operation, second area is shown independently of the page, make touch operation on the second area with
Corresponding touch operation on the first area is equivalent, wherein the second area is can drag second
Region, or for fixed position second area and the fixed position be located at the first area outside.
5. device according to claim 3, it is characterised in that the first processing module
Including：
Receiving submodule, for receiving trigger action；
Condition confirms submodule, for determining that the trigger action that the receiving submodule is received is position
Slide in the slidable first area, or in the slidable first area
The affiliated page height of slide and the first area be less than or equal to screen height；
Display sub-module, the result for confirming submodule according to the condition, independently of the page
Face shows second area, make touch operation on the second area with it is corresponding on the first area
Touch operation is equivalent.
6. device according to claim 3, it is characterised in that the Second processing module
Including：
Receiving submodule, for receiving touch operation；
Condition confirms submodule, for determining that the touch operation that the receiving submodule is received is position
Slide in the slidable second area；
Control process submodule, the result for confirming submodule according to the condition, to described first
The content that region is shown is carried out and the corresponding touch operation identical control in response to the first area.
7. device according to claim 6, it is characterised in that the control process submodule
Block includes：
Coordinate Conversion submodule, for the touch coordinate of the second area to be converted into firstth area
The equivalent coordinate in domain；
Synchronization process submodule, for according to the equivalent seat after Coordinate Conversion submodule conversion
Mark, the content shown to the first area grasped with the corresponding touch in response to the first area
Make identical control.
8. device according to claim 7, it is characterised in that：
The Coordinate Conversion submodule is by the touch point coordinates or touch track curve of the second area
Be converted to the equivalent coordinate or equivalent geometric locus of the first area；
The synchronization process submodule is to be based on the equivalent coordinate or equivalent geometric locus, to described the
The content that one region is shown carries out page control operation.
9. a kind of page control method, for controlling the content in the page in first area to show, it is special
Levy and be, including：
In response to predetermined trigger action, second area is shown independently of the page, makes described second
Touch operation on region and the corresponding touch operation on the first area are equivalent；
In response to the touch operation of the second area, the content shown to the first area carry out with
In response to the corresponding touch operation identical control of the first area.
10. method according to claim 9, it is characterised in that：
The predetermined trigger action includes：The predetermined trigger action of first area in the page.
11. method according to claim 9, it is characterised in that：
The second area is the second area that can be dragged；Or,
The second area is the second area of fixed position, wherein the fixed position is located at described the
Outside one region.
12. method according to claim 9, it is characterised in that the predetermined trigger action
Including：
Slide in the slidable first area；Or,
The affiliated page of slide and the first area in the slidable first area is high
Degree is less than or equal to screen height.
13. method according to claim 9, it is characterised in that the touch of the second area
Operation includes：Slide in the slidable second area.
14. the method according to claim 12 or 13, it is characterised in that the slide
Including：Scroll up, or, it is mobile to the left or to the right.
15. method according to claim 9, it is characterised in that described to the first area
The content of display include with the corresponding touch operation identical control in response to the first area：
By the equivalent coordinate pair institute that the touch coordinate of the second area is converted to the first area
State content progress and the corresponding touch operation identical in response to the first area that first area is shown
Control.
16. method according to claim 15, it is characterised in that described by by described second
The touch coordinate in region be converted to the equivalent coordinate pair of the first area described in first area show it is interior
Hold and include with the corresponding touch operation identical control in response to the first area：
It is the first area by touch point coordinates or the touch track Curve transform of the second area
Equivalent coordinate or equivalent geometric locus, based on the equivalent coordinate or equivalent geometric locus, to described
The content that one region is shown carries out page control operation.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201610127305.8A CN107168630B (en) | 2016-03-07 | 2016-03-07 | Terminal device, page control device and page control method |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201610127305.8A CN107168630B (en) | 2016-03-07 | 2016-03-07 | Terminal device, page control device and page control method |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN107168630A true CN107168630A (en) | 2017-09-15 |
| CN107168630B CN107168630B (en) | 2020-05-05 |
Family
ID=59849198
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201610127305.8A Active CN107168630B (en) | 2016-03-07 | 2016-03-07 | Terminal device, page control device and page control method |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN107168630B (en) |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN109947328A (en) * | 2019-03-21 | 2019-06-28 | 珠海格力电器股份有限公司 | Multi-parameter display methods, device and air-conditioner set monitoring device |
| CN114115675A (en) * | 2020-08-31 | 2022-03-01 | 华为终端有限公司 | Page sliding processing method and related device |
Citations (9)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20050168488A1 (en) * | 2004-02-03 | 2005-08-04 | Montague Roland W. | Combination tool that zooms in, zooms out, pans, rotates, draws, or manipulates during a drag |
| US20050210399A1 (en) * | 2004-03-18 | 2005-09-22 | Microsoft Corporation | Method and system for improved viewing and navigation of content |
| CN102346662A (en) * | 2010-07-30 | 2012-02-08 | 比亚迪股份有限公司 | Mobile terminal (MT) and method for realizing scrolling of user interface thereof |
| CN102819394A (en) * | 2012-07-27 | 2012-12-12 | 东莞宇龙通信科技有限公司 | Terminal and terminal operating method |
| CN102915201A (en) * | 2012-09-17 | 2013-02-06 | 广东欧珀移动通信有限公司 | One-hand operation method of large-screen touch screen mobile phone |
| CN103500057A (en) * | 2013-10-08 | 2014-01-08 | 百度在线网络技术（北京）有限公司 | Mobile terminal and control method and device thereof |
| CN103677556A (en) * | 2012-09-24 | 2014-03-26 | 北京三星通信技术研究有限公司 | Method and device for locating application program quickly |
| CN103955339A (en) * | 2014-04-25 | 2014-07-30 | 华为技术有限公司 | Terminal operation method and terminal equipment |
| CN105320432A (en) * | 2015-10-30 | 2016-02-10 | 百度在线网络技术（北京）有限公司 | Scroll bar display method and apparatus |
-
2016
- 2016-03-07 CN CN201610127305.8A patent/CN107168630B/en active Active
Patent Citations (9)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20050168488A1 (en) * | 2004-02-03 | 2005-08-04 | Montague Roland W. | Combination tool that zooms in, zooms out, pans, rotates, draws, or manipulates during a drag |
| US20050210399A1 (en) * | 2004-03-18 | 2005-09-22 | Microsoft Corporation | Method and system for improved viewing and navigation of content |
| CN102346662A (en) * | 2010-07-30 | 2012-02-08 | 比亚迪股份有限公司 | Mobile terminal (MT) and method for realizing scrolling of user interface thereof |
| CN102819394A (en) * | 2012-07-27 | 2012-12-12 | 东莞宇龙通信科技有限公司 | Terminal and terminal operating method |
| CN102915201A (en) * | 2012-09-17 | 2013-02-06 | 广东欧珀移动通信有限公司 | One-hand operation method of large-screen touch screen mobile phone |
| CN103677556A (en) * | 2012-09-24 | 2014-03-26 | 北京三星通信技术研究有限公司 | Method and device for locating application program quickly |
| CN103500057A (en) * | 2013-10-08 | 2014-01-08 | 百度在线网络技术（北京）有限公司 | Mobile terminal and control method and device thereof |
| CN103955339A (en) * | 2014-04-25 | 2014-07-30 | 华为技术有限公司 | Terminal operation method and terminal equipment |
| CN105320432A (en) * | 2015-10-30 | 2016-02-10 | 百度在线网络技术（北京）有限公司 | Scroll bar display method and apparatus |
Cited By (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN109947328A (en) * | 2019-03-21 | 2019-06-28 | 珠海格力电器股份有限公司 | Multi-parameter display methods, device and air-conditioner set monitoring device |
| CN109947328B (en) * | 2019-03-21 | 2020-12-08 | 珠海格力电器股份有限公司 | Multi-parameter display method and device and air conditioning unit monitoring equipment |
| CN114115675A (en) * | 2020-08-31 | 2022-03-01 | 华为终端有限公司 | Page sliding processing method and related device |
Also Published As
| Publication number | Publication date |
|---|---|
| CN107168630B (en) | 2020-05-05 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN102662566A (en) | Magnifying display method and terminal for screen content | |
| US20150339018A1 (en) | User terminal device and method for providing information thereof | |
| CN106502659B (en) | A kind of layout method and system of mobile device webpage single-page | |
| CN104145236A (en) | Method and apparatus for moving contents in terminal | |
| US20140108993A1 (en) | Gesture keyboard with gesture cancellation | |
| KR102368044B1 (en) | User terminal device and method for controlling the user terminal device thereof | |
| CN107632773A (en) | For obtaining the method and device of information | |
| CN102378958A (en) | Information input device and information input method | |
| KR20160033547A (en) | Apparatus and method for styling a content | |
| US20140123036A1 (en) | Touch screen display process | |
| CN113536173B (en) | Page processing method and device, electronic equipment and readable storage medium | |
| CN111580903A (en) | Real-time voting method, device, terminal equipment and storage medium | |
| CN103914228B (en) | A kind of operating method of mobile terminal and its touch-screen | |
| CN106325490A (en) | Method for controlling electronic device and associated electronic device | |
| CN107678637A (en) | Method, equipment, browser and the electronic equipment of handoff options card | |
| CN107168630A (en) | A kind of terminal device, page control device and page control method | |
| US20160132478A1 (en) | Method of displaying memo and device therefor | |
| JP6311425B2 (en) | Display control program, display control apparatus, and display control method | |
| CN105760064A (en) | Method Of Displaying Content And Electronic Device Implementing Same | |
| WO2017097142A1 (en) | Interface operation processing method and apparatus, and a smart terminal | |
| CN109766530B (en) | Method and device for generating chart frame, storage medium and electronic equipment | |
| CN107015726A (en) | A kind of multidate information methods of exhibiting and device | |
| KR20140132938A (en) | Method for displaying web page and device thereof | |
| CN106527858A (en) | Window movement method and device | |
| JP2018077921A (en) | Display control program and display controller |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant | ||
| TR01 | Transfer of patent right | ||
| TR01 | Transfer of patent right |
Effective date of registration: 20200713 Address after: 310052 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 B radio square 14 storey tower Patentee before: Guangzhou Dongjing Computer Technology Co.,Ltd. |
|
| TR01 | Transfer of patent right | ||
| TR01 | Transfer of patent right |
Effective date of registration: 20220615 Address after: 510520 Room 303, Room 305, room 307, Room 308, No. 38, Gaopu Road, Tianhe District, Guangzhou City, Guangdong Province Patentee after: Guangzhou Dongjing Computer Technology Co.,Ltd. Address before: 310052 room 508, 5th floor, building 4, No. 699 Wangshang Road, Changhe street, Binjiang District, Hangzhou City, Zhejiang Province Patentee before: Alibaba (China) Co.,Ltd. |
|
| TR01 | Transfer of patent right | ||
| TR01 | Transfer of patent right |
Effective date of registration: 20220829 Address after: 310052 room 554, floor 5, building 3, No. 969, Wenyi West Road, Wuchang Street, Yuhang District, Hangzhou City, Zhejiang Province Patentee after: Alibaba (China) Co.,Ltd. Address before: 510520 Room 303, Room 305, room 307, Room 308, No. 38, Gaopu Road, Tianhe District, Guangzhou City, Guangdong Province Patentee before: Guangzhou Dongjing Computer Technology Co.,Ltd. |