CN107168630B - Terminal device, page control device and page control method - Google Patents
Terminal device, page control device and page control method Download PDFInfo
- Publication number
- CN107168630B CN107168630B CN201610127305.8A CN201610127305A CN107168630B CN 107168630 B CN107168630 B CN 107168630B CN 201610127305 A CN201610127305 A CN 201610127305A CN 107168630 B CN107168630 B CN 107168630B
- Authority
- CN
- China
- Prior art keywords
- area
- page
- touch
- equivalent
- response
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
Images
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 invention discloses a terminal device, a page control device and a page control method. The terminal device includes: the device comprises a memory, a touch display screen and a processor, wherein the memory stores the content of a page displayed on the touch display screen; in response to a preset trigger operation of a page on the touch display screen by a user, the processor executes an operation of displaying a second area independently of the page and enabling a touch operation on the second area to be equivalent to a corresponding touch operation on the first area; in response to the touch operation of the second area, the processor performs an operation of performing the same control on the content displayed in the first area as in response to the corresponding touch operation of the first area. According to the scheme provided by the invention, the mobile content can be prevented from being shielded when the page content is controlled to move, and the browsing experience is improved.
Description
Technical Field
The invention relates to the technical field of mobile internet, in particular to a terminal device, a page control device and a page control method.
Background
At present, with the continuous popularization and development of intelligent mobile terminals and browser technologies, it is gradually becoming a trend to access the internet by using a mobile terminal browser. Furthermore, with the advancement and popularization of HTML5(Hyper Text Markup Language, fifth edition) technology, the display of web page content on mobile terminals is becoming increasingly diversified. The webpage content generally can comprise text information, picture information, audio information, video information and the like, the interaction between the webpage and the user can be realized through the HTML5 technology, and the user experience is greatly improved.
At present, the commonly used scheme for displaying the contents of a plurality of pages is to display all contents in one screen, which is similar to the effect of 'picture + text introduction' of application, and the method has the advantages that the picture contents concerned by a user are completely displayed, and when the user scrolls the text introduction, the height of the whole page is the same as that of a mobile phone screen, so that the position of a picture focused on the page cannot be changed no matter how the user scrolls the page, and excellent reading experience is brought to the user.
However, the current page content typesetting mode has a defect that the scrollable area is only a text content area, but the text content area is generally small in area, and when the text content area scrolls through gesture operation, a part of text content is shielded by fingers, so that browsing experience is influenced.
Disclosure of Invention
In order to solve the technical problem, the invention provides a terminal device, a page control device and a page control method, which can avoid blocking the moving content when controlling the page content to move, and improve browsing experience.
According to an aspect of the present invention, there is provided a terminal device including: a memory, a touch-sensitive display screen and a processor,
the memory stores the content of a page displayed on the touch display screen;
in response to a preset trigger operation of a page on the touch display screen by a user, the processor executes an operation of displaying a second area independently of the page and enabling a touch operation on the second area to be equivalent to a corresponding touch operation on the first area;
in response to the touch operation of the second area, the processor performs an operation of performing the same control on the content displayed in the first area as in response to the corresponding touch operation of the first area.
Preferably, the processor performs, in response to a touch operation of the second area, an operation of performing the same control on the content displayed in the first area as in response to a corresponding touch operation of the first area by converting the touch coordinates of the second area into equivalent coordinates of the first area.
According to another aspect of the present invention, there is provided a page control apparatus including:
the first processing module is used for responding to a preset trigger operation, displaying a second area independently of the page and enabling the touch operation on the second area to be equivalent to the corresponding touch operation on the first area;
and the second processing module is used for responding to the touch operation of the second area and performing the same control on the content displayed in the first area as the content responding to the corresponding touch operation of the first area.
Preferably, the first processing module includes:
the receiving submodule is used for receiving triggering operation in a first area of a page;
and the display sub-module is used for responding to the trigger operation received by the receiving sub-module in the first area of the page, displaying a second area independently of the page, and enabling the touch operation on the second area to be equivalent to the corresponding touch operation on the first area, wherein the second area is a draggable second area or a fixed position second area, and the fixed position is located outside the first area.
Preferably, the first processing module includes:
the receiving submodule is used for receiving triggering operation;
the condition confirming submodule is used for confirming that the triggering operation received by the receiving submodule is a sliding operation in the slidable first area or a sliding operation in the slidable first area, and the height of a page to which the first area belongs is smaller than or equal to the height of a screen;
and the display sub-module is used for independently displaying a second area on the page according to the result of the condition confirmation sub-module, so that the touch operation on the second area is equivalent to the corresponding touch operation on the first area.
Preferably, the second processing module includes:
the receiving submodule is used for receiving touch operation;
a condition confirming submodule for confirming that the touch operation received by the receiving submodule is a sliding operation in the slidable second area;
and the control processing submodule is used for performing the same control on the content displayed in the first area as the corresponding touch operation responding to the first area according to the result of the condition confirmation submodule.
Preferably, the control processing sub-module includes:
the coordinate conversion submodule is used for converting the touch coordinate of the second area into an equivalent coordinate of the first area;
and the synchronous processing submodule is used for controlling the content displayed in the first area to be the same as the corresponding touch operation responding to the first area according to the equivalent coordinate converted by the coordinate conversion submodule.
Preferably, the coordinate conversion sub-module converts the touch point coordinate or the touch trajectory curve of the second area into an equivalent coordinate or an equivalent trajectory curve of the first area; and the synchronous processing submodule is used for carrying out page control operation on the content displayed in the first area based on the equivalent coordinate or the equivalent track curve.
According to another aspect of the present invention, there is provided a page control method for controlling display of content in a first area of a page, including:
responding to a preset trigger operation, displaying a second area independently of the page, and enabling the touch operation on the second area to be equivalent to the corresponding touch operation on the first area;
and responding to the touch operation of the second area, and performing the same control on the content displayed in the first area as the content responding to the corresponding touch operation of the first area.
Preferably, the predetermined triggering operation includes: a predetermined trigger operation of a first region in the page.
Preferably, the second area is a draggable second area; or, the second area is a fixed position second area, wherein the fixed position is outside the first area.
Preferably, the predetermined triggering operation includes: a sliding operation in the first region that is slidable; or, the sliding operation in the slidable first area is performed, and the height of the page to which the first area belongs is less than or equal to the height of the screen.
Preferably, the touch operation of the second area includes: a sliding operation in the second region that is slidable.
Preferably, the sliding operation includes: scrolling up or down, or moving left or right.
Preferably, the controlling the content displayed in the first area in the same way as the corresponding touch operation in response to the first area includes:
and performing the same control on the content displayed by the first area as in response to the corresponding touch operation of the first area by converting the touch coordinates of the second area into equivalent coordinates of the first area.
Preferably, the performing the same control on the content displayed in the first area by converting the touch coordinates of the second area into equivalent coordinates of the first area as in response to the corresponding touch operation of the first area includes:
and converting the touch point coordinates or the touch track curve of the second area into equivalent coordinates or an equivalent track curve of the first area, and performing page control operation on the content displayed in the first area based on the equivalent coordinates or the equivalent track curve.
It can be found that according to the technical solution of the embodiment of the present invention, when browsing the page content of the web page, the second area can be displayed independently of the page according to the predetermined trigger operation, so that the touch operation on the second area is equivalent to the corresponding touch operation on the first area of the page, when the touch operation is performed on the second area, the same control as the corresponding touch operation in response to the first area can be performed on the content displayed on the first area in response to the touch operation on the second area, and since the second area can be outside the first area of the page, the content of the first area of the page can be controlled by the touch operation on the second area to move, thereby avoiding the content of the first area of the page being blocked by fingers, and improving the browsing experience.
Furthermore, the second area displayed in the embodiment of the present invention may be draggable or fixed, and if the second area is fixed, the second area only needs to be located outside the first area of the page to avoid blocking, and if the second area is draggable, the second area may be displayed in the first area of the page and then dragged to other locations, or directly displayed outside the first area of the page.
Further, in order to respond more accurately, the second area may be displayed independently of the page when the trigger operation is a sliding operation in the slidable first area or a sliding operation in the slidable first area and the height of the page to which the first area belongs is less than or equal to the height of the screen.
Further, embodiments of the present invention may be applicable to a variety of touch slide scenarios, such as scrolling up or down, or moving left or right, etc.
Drawings
The above and other objects, features and advantages of the present disclosure will become more apparent by describing in greater detail exemplary embodiments thereof with reference to the attached drawings, in which like reference numerals generally represent like parts throughout.
Fig. 1 is a schematic block diagram of a terminal device according to an embodiment of the present invention;
FIG. 2 is a schematic block diagram of a page control apparatus according to an embodiment of the present invention;
FIG. 3 is another schematic block diagram of a page control apparatus according to an embodiment of the present invention;
FIG. 4 is a schematic flow chart diagram of a page control method according to one embodiment of the present invention;
FIG. 5 is another schematic flow chart diagram of a page control method according to one embodiment of the present invention;
fig. 6 is a schematic diagram of a synchronization region independent of a page display in a page control method according to an embodiment of the present invention.
Detailed Description
Preferred embodiments of the present disclosure will be described in more detail below with reference to the accompanying drawings. While the preferred embodiments of the present disclosure are shown in the drawings, it should be understood that the present disclosure may be embodied in various forms and should not be limited to the embodiments set forth herein. Rather, these embodiments are provided so that this disclosure will be thorough and complete, and will fully convey the scope of the disclosure to those skilled in the art.
The invention provides a terminal device which can avoid blocking moving contents when the contents of a page are controlled to move, and improves browsing experience.
Fig. 1 is a schematic block diagram of a terminal device according to an embodiment of the present invention.
As shown in fig. 1, the terminal device 10 may include: memory 11, touch-sensitive display 12 and processor 13.
The memory 11 stores the content of the page displayed on the touch display screen;
in response to a predetermined trigger operation of the user on the page on the touch-sensitive display 12, the processor 13 performs an operation of displaying the second area independently of the page, and making the touch operation on the second area equivalent to the corresponding touch operation on the first area;
in response to the touch operation of the second area, the processor 13 performs an operation of performing the same control on the content displayed in the first area as in response to the corresponding touch operation of the first area.
Wherein the processor 13 performs an operation of performing the same control on the content displayed in the first area by converting the touch coordinates of the second area into equivalent coordinates of the first area in response to the touch operation of the second area as in response to the corresponding touch operation of the first area.
The processor 13 in the terminal device 10 may be implemented as a separate device structure, which may be referred to as a page control device, and the page control device may include a plurality of sub-modules, which will be described in detail below.
Fig. 2 is a schematic block diagram of a page control apparatus according to an embodiment of the present invention.
As shown in fig. 2, a page control apparatus 20 may include: a first processing module 21 and a second processing module 22.
And the first processing module 21 is configured to, in response to a predetermined trigger operation, display the second area independently of the page, so that the touch operation on the second area is equivalent to the corresponding touch operation on the first area.
And the second processing module 22 is configured to, in response to the touch operation of the second area, perform the same control on the content displayed in the first area as in response to the corresponding touch operation of the first area.
It can be found that according to the technical solution of the embodiment of the present invention, when browsing the page content of the web page, the second area can be displayed independently of the page according to the predetermined trigger operation, so that the touch operation on the second area is equivalent to the corresponding touch operation on the first area of the page, when the touch operation is performed on the second area, the same control as the corresponding touch operation in response to the first area can be performed on the content displayed on the first area in response to the touch operation on the second area, and since the second area can be outside the first area of the page, the content of the first area of the page can be controlled by the touch operation on the second area to move, thereby avoiding the content of the first area of the page being blocked by fingers, and improving the browsing experience.
Fig. 3 is another schematic block diagram of a page control apparatus according to an embodiment of the present invention.
As shown in fig. 3, a page control apparatus 20 may include: the functions of the first processing module 21 and the second processing module 22 can be described with reference to fig. 2, and are not described herein again.
Further, the first processing module 21 may include: a receiving sub-module 211 and a display sub-module 212.
And the receiving sub-module 211 is configured to receive a trigger operation in the first area of the page.
The display sub-module 212 is configured to, in response to the trigger operation received by the receiving sub-module 211 in the first area of the page, display a second area independent of the page, so that the touch operation in the second area is equivalent to the corresponding touch operation in the first area, where the second area is a draggable second area, or is a fixed-position second area and the fixed position is located outside the first area.
The second area displayed in the embodiment of the invention can be draggable or fixed, if the second area is fixed, the second area is only required to be positioned outside the first area of the page to avoid blocking, and if the second area is draggable, the second area can be displayed in the first area of the page and then dragged to other positions, or directly displayed outside the first area of the page.
Alternatively, the first processing module 21 may include: a receiving sub-module 211, a condition confirming sub-module 213, and a display sub-module 212.
And a receiving submodule 211, configured to receive a trigger operation.
And the condition confirming submodule 213 is configured to determine that the trigger operation received by the receiving submodule is a sliding operation in the slidable first area or a sliding operation in the slidable first area, and the height of the page to which the first area belongs is less than or equal to the screen height.
And a display sub-module 212 for displaying the second area independently of the page according to the result of the condition confirmation sub-module 213, so that the touch operation on the second area is equivalent to the corresponding touch operation on the first area.
Wherein the second processing module 22 comprises: a receiving sub-module 221, a condition confirming sub-module 222, and a control processing sub-module 223.
The receiving sub-module 221 is configured to receive a touch operation.
A condition confirming submodule 222 for confirming that the touch operation received by the receiving submodule 221 is a slide operation in the slidable second area.
And a control processing sub-module 223 for performing the same control on the content displayed in the first area as the corresponding touch operation in response to the first area, according to the result of the condition confirmation sub-module 222.
Wherein, the control processing sub-module 223 includes: a coordinate conversion sub-module 2231 and a synchronization processing sub-module 2232.
And a coordinate conversion sub-module 2231, configured to convert the touch coordinates of the second area into equivalent coordinates of the first area.
And the synchronization processing sub-module 2232 is configured to perform the same control on the content displayed in the first area as the corresponding touch operation in response to the first area according to the equivalent coordinates converted by the coordinate conversion sub-module 2231.
The coordinate conversion sub-module 2231 converts the touch point coordinates or the touch trajectory curve of the second area into equivalent coordinates or an equivalent trajectory curve of the first area; the synchronization processing sub-module 2232 performs a page control operation on the content displayed in the first area based on the equivalent coordinates or the equivalent trajectory curve.
FIG. 4 is a schematic flow chart diagram of a page control method according to one embodiment of the invention.
As shown in fig. 4, in step 401, in response to a predetermined trigger operation, the first processing module of the page control apparatus displays a second area independently of the page, so that the touch operation on the second area is equivalent to the corresponding touch operation on the first area.
The page control device can be arranged in a browser and used for controlling the browsing of the page.
In this step, the predetermined trigger operation may include: a predetermined trigger operation of a first region in the page. In this step, the second area may be a draggable second area; or, the second area is a fixed position second area, wherein the fixed position is outside the first area.
That is to say, the displayed second area may be draggable or fixed, if the second area is fixed, the second area only needs to be located outside the first area of the page to avoid blocking, if the second area is draggable, the second area may be displayed in the first area of the page and then dragged to other positions, or directly displayed outside the first area of the page.
In this step, the predetermined triggering operation may further include: a sliding operation in the slidable first region; or, the sliding operation is positioned in the slidable first area, and the height of the page to which the first area belongs is less than or equal to the height of the screen.
In step 402, the second processing module of the page control device responds to the touch operation of the second area, and performs the same control on the content displayed in the first area as that in response to the corresponding touch operation of the first area.
Wherein the touch operation of the second area may include: a sliding operation in the second region that is slidable. The sliding operation may include: scrolling up or down, or moving left or right, that is, embodiments of the present invention may be applied to a variety of scenarios, including scrolling through pages, etc.
Wherein the same control of the content displayed in the first area as the corresponding touch operation in response to the first area may include: the content displayed in the first area is controlled by converting the touch coordinates of the second area into equivalent coordinates of the first area, for example, the touch point coordinates or touch trajectory curve of the second area is converted into equivalent coordinates or equivalent trajectory curve of the first area, and the content displayed in the first area is controlled by a page based on the equivalent coordinates or equivalent trajectory curve.
It can be found that according to the technical solution of the embodiment of the present invention, when browsing the page content of the web page, the second area can be displayed independently of the page according to the predetermined trigger operation, so that the touch operation on the second area is equivalent to the corresponding touch operation on the first area of the page, when the touch operation is performed on the second area, the same control as the corresponding touch operation in response to the first area can be performed on the content displayed on the first area in response to the touch operation on the second area, and since the second area can be outside the first area of the page, the content of the first area of the page can be controlled by the touch operation on the second area to move, thereby avoiding the content of the first area of the page being blocked by fingers, and improving the browsing experience.
FIG. 5 is another schematic flow chart diagram of a page control method according to an embodiment of the present invention.
Fig. 5 describes the solution of the embodiment of the invention in more detail with respect to fig. 4. This embodiment may generate a second draggable region for display independent of the page, such as a synchronization region that floats above the first region of the page, such as a scrollable region, or floats elsewhere on the page, and all scrolling operations of the synchronization region are synchronized to the scrollable region.
As shown in fig. 5, in step 501, a first processing module of the page control apparatus receives a predetermined trigger operation in a first area of a page.
The first region of the page may be a slidable region in the page, such as a scrollable region that is scrollable up and down, or a panning region that is movable left and right. The slidable area may be, for example, a text content area.
It should be noted that, this step is illustrated as a trigger operation occurring in the first area, but is not limited to this, and may be in other positions of the page.
The trigger operation may be a scroll operation of scrolling up and down, or a pan operation of moving left and right. The first area of the page is taken as the scrollable area for illustration but not limitation.
In step 502, the first processing module responds to a predetermined trigger operation, displays the second area independently of the page, and enables the touch operation on the second area to be equivalent to the corresponding touch operation on the first area.
The predetermined triggering operation according to the embodiment of the present invention may include: a sliding operation in the slidable first region; or, the sliding operation is positioned in the slidable first area, and the height of the page to which the first area belongs is less than or equal to the height of the screen. Note that, in addition to the slide operation, other operations such as a click operation may be performed.
The following describes, but is not limited to, the determination process of the trigger operation by taking the first area as the scrollable area and the trigger operation as the sliding operation:
after receiving the sliding operation, firstly judging whether the area where the received sliding operation is located is a scrollable area or not, if not, not responding; if the page is the scrollable area, further judging whether the height of the page to which the scrollable area belongs is less than or equal to the screen height, if not, not responding, and if so, generating a scrollable synchronous area floating on the upper layer of the page independently of the page.
If the page height is greater than the screen height, the entire page may need to be scrolled when a sliding operation is performed outside the scrollable area. If a floating synchronization region is still being generated at this time, then all of the swipe operations may be received by the floating synchronization region for responding to the scrollable area, at which time the page may not be able to swipe. Therefore, when the height of the page to which the scrollable area belongs is less than or equal to the height of the screen, a floating synchronous area can be generated for display.
It should be noted that the scrollable synchronization area is an area generated by the browser and not an area of the page itself. The scrolling operation generated in the scrollable synchronization area is synchronized to the scrollable area in the page, resulting in scrolling of the contents of the scrollable area in the page.
The synchronization area generated in this step can be seen in fig. 6, and fig. 6 is a schematic diagram of a synchronization area displayed independently on a page in a page control method according to an embodiment of the present invention. The second area, i.e. the synchronization area 601, displayed in the figure may be draggable or fixed, and if the second area is fixed, the second area only needs to be located outside the first area of the page to avoid blocking, and if the second area is draggable, the second area may be displayed in the first area of the page and then dragged to other positions, or directly displayed outside the first area of the page.
In step 503, the second processing module of the page control apparatus receives a touch operation in the second area.
The touch operation of the second area may include: a sliding operation in the slidable second region. The sliding operation may include: scrolling up or down, or moving left or right, etc.
In step 504, the second processing module responds to the touch operation of the second area, and performs the same control on the content displayed in the first area as that in response to the corresponding touch operation of the first area.
This step may perform the same control on the content displayed in the first area as the corresponding touch operation in response to the first area by converting the touch coordinates of the second area into equivalent coordinates of the first area, for example, converting the touch point coordinates or touch trajectory curve of the second area into equivalent coordinates or equivalent trajectory curve of the first area, and performing a page control operation on the content displayed in the first area based on the equivalent coordinates or equivalent trajectory curve.
The following description is given by taking the touch operation at this step as a scroll operation as an example, but not limited thereto.
After receiving the rolling operation, firstly judging whether the received rolling event occurs in a synchronous area or not, and if not, not responding; if the touch event occurs in the synchronous area, the scroll event coordinate of the synchronous area is converted into the actual scroll area coordinate (namely, the touch coordinate of the synchronous area (the second area) is converted into the equivalent coordinate of the scrollable area (the first area)), and then the scroll event is transmitted for response.
Assuming absolute coordinates x0, y0 (relative to the absolute coordinates of the whole page) of the scrollable area of the web page, the generated synchronization area records coordinates x0, y0 of the scrollable area, and after the synchronization area is dragged by the user, the coordinates of the synchronization area are x1, y1, and the width and height of the synchronization area are w, h, the process of converting the coordinates of the scroll event in the synchronization area into the coordinates of the actual scroll area and then transferring the scroll event includes:
1) and detecting that the user scrolls the page, and generating a scrolling event.
2) Determining that the coordinates (ex, ey) of the scrolling event meet the following condition: x1< ex < x1+ w and y1< ey < y1+ h, then the scroll event is considered to occur within the synchronization region.
3) The coordinates of the scroll event are converted into the coordinates of the scroll area, i.e., ex1 ═ x0+ ex, ey0 ═ y0+ ey.
4) A scroll event is passed that includes the converted coordinates.
Then the scrollable area synchronizes the position of the scrollable area based on the translated coordinates of the passed scroll event, i.e., the absolute coordinates x0 of the scrollable area is shifted ex in the horizontal direction, i.e., the x-axis, and y0 is shifted in the vertical direction, i.e., the y-axis. It can be found that the browsing experience of the user can be better because the scrolling area is not occluded during scrolling.
The following is further illustrated by an application example.
If a user opens a page, the page comprises a scrollable area, when the finger of the user is detected to fall in the scrollable area, the browser generates a synchronous area independent of the page, the user can drag the synchronous area to the position of the scrolled page without influencing operation, then the subsequent scrolling operation of the user in the synchronous area is directly synchronized in the scrollable area, namely, the content of the scrollable area can be scrolled along with the scrolling operation in the synchronous area, and the scrolled area is not shielded during scrolling.
It should be noted that the predetermined trigger operation described in the embodiment of the present invention may also be, for example, a specific action of a specific location, a specific duration, a specific mode, or a specific operation of a certain key of the mobile terminal, and a second area is specified by the specific action or the specific operation, so that the operation of the second area corresponds to the operation of the first area. The operations in the two regions may also be different, for example, clicking on a certain location in the second region may have the effect of sliding towards a certain region in the first region. In addition, the operation in the second region may be, for example, page turning, closing, cancellation of text display, or the like, in addition to the slide operation.
In summary, according to the technical solution of the embodiments of the present invention, when browsing the page content of the web page, the second area may be displayed independently of the page according to a predetermined trigger operation, so that the touch operation on the second area is equivalent to the corresponding touch operation on the first area of the page, when the touch operation is performed on the second area, the same control as the corresponding touch operation in response to the first area may be performed on the content displayed on the first area in response to the touch operation on the second area, and since the second area may be outside the first area of the page, the content of the first area of the page may be controlled by the touch operation on the second area to move, thereby avoiding the content of the first area of the page being blocked by a finger, and improving the browsing experience.
Furthermore, the second area displayed in the embodiment of the present invention may be draggable or fixed, and if the second area is fixed, the second area only needs to be located outside the first area of the page to avoid blocking, and if the second area is draggable, the second area may be displayed in the first area of the page and then dragged to other locations, or directly displayed outside the first area of the page.
The technical solution according to the present invention has been described in detail above with reference to the accompanying drawings.
Furthermore, the method according to the invention may also be implemented as a computer program comprising computer program code instructions for carrying out the above-mentioned steps defined in the above-mentioned method of the invention. Alternatively, the method according to the present invention may also be implemented as a computer program product comprising a computer readable medium having stored thereon a computer program for executing the above-mentioned functions defined in the above-mentioned method of the present invention. Those of skill would further appreciate that the various illustrative logical blocks, modules, circuits, and algorithm steps described in connection with the disclosure herein may be implemented as electronic hardware, computer software, or combinations of both.
The flowchart and block diagrams in the figures illustrate the architecture, functionality, and operation of possible implementations of systems and methods according to various embodiments of the present invention. In this regard, each block in the flowchart or block diagrams may represent a module, segment, or portion of code, which comprises one or more executable instructions for implementing the specified logical function(s). It should also be noted that, in some alternative implementations, the functions noted in the block may occur out of the order noted in the figures. For example, two blocks shown in succession may, in fact, be executed substantially concurrently, or the blocks may sometimes be executed in the reverse order, depending upon the functionality involved. It will also be noted that each block of the block diagrams and/or flowchart illustration, and combinations of blocks in the block diagrams and/or flowchart illustration, can be implemented by special purpose hardware-based systems which perform the specified functions or acts, or combinations of special purpose hardware and computer instructions.
Having described embodiments of the present invention, the foregoing description is intended to be exemplary, not exhaustive, and not limited to the embodiments disclosed. Many modifications and variations will be apparent to those of ordinary skill in the art without departing from the scope and spirit of the described embodiments. The terminology used herein is chosen in order to best explain the principles of the embodiments, the practical application, or improvements made to the technology in the marketplace, or to enable others of ordinary skill in the art to understand the embodiments disclosed herein.
Claims (13)
1. A terminal device, comprising: a memory, a touch-sensitive display screen and a processor,
the memory stores the content of a page displayed on the touch display screen;
in response to a preset trigger operation of a page on the touch display screen by a user, the processor judges whether an area where the received trigger operation is located is a first area, the first area is a scrollable area, further judges whether the height of the page to which the first area belongs is smaller than or equal to the height of the screen under the condition that the area is the first area, and executes an operation of displaying a second area independent of the page and enabling the touch operation on the second area to be equivalent to the scrolling operation on the first area under the condition that the height is smaller than or equal to the height of the screen;
in response to the touch operation of the second area, the processor performs an operation of performing the same control on the content displayed in the first area as in response to the scroll operation of the first area.
2. The terminal device of claim 1, wherein:
the processor performs an operation of performing the same control on the content displayed in the first area as in response to the scroll operation in the first area by converting the touch coordinates of the second area into equivalent coordinates of the first area in response to the touch operation in the second area.
3. A page control apparatus, comprising:
the first processing module is used for responding to a preset trigger operation, judging whether an area where the received trigger operation is located is a first area, wherein the first area is a scrollable area, further judging whether the height of a page to which the first area belongs is smaller than or equal to the height of a screen or not under the condition that the area is the first area, and displaying a second area independently of the page under the condition that the height is smaller than or equal to the height of the screen so that the touch operation on the second area is equivalent to the scrolling operation on the first area;
and the second processing module is used for responding to the touch operation of the second area and performing the same control on the content displayed in the first area as the scrolling operation responding to the first area.
4. The apparatus of claim 3, wherein the first processing module comprises:
the receiving submodule is used for receiving triggering operation in a first area of a page;
and the display sub-module is used for responding to the triggering operation on the first area of the page received by the receiving sub-module, displaying a second area independently of the page, and enabling the touch operation on the second area to be equivalent to the scrolling operation on the first area, wherein the second area is a draggable second area or a fixed position second area, and the fixed position is located outside the first area.
5. The apparatus of claim 3, wherein the second processing module comprises:
the receiving submodule is used for receiving touch operation;
a condition confirming submodule for confirming that the touch operation received by the receiving submodule is a sliding operation in the slidable second area;
and the control processing submodule is used for performing the same control on the content displayed in the first area as the scrolling operation responding to the first area according to the result of the condition confirmation submodule.
6. The apparatus of claim 5, wherein the control processing sub-module comprises:
the coordinate conversion submodule is used for converting the touch coordinate of the second area into an equivalent coordinate of the first area;
and the synchronous processing submodule is used for controlling the content displayed in the first area to be the same as the content displayed in response to the scrolling operation of the first area according to the equivalent coordinates converted by the coordinate conversion submodule.
7. The apparatus of claim 6, wherein:
the coordinate conversion sub-module is used for converting the touch point coordinate or the touch track curve of the second area into an equivalent coordinate or an equivalent track curve of the first area;
and the synchronous processing submodule is used for carrying out page control operation on the content displayed in the first area based on the equivalent coordinate or the equivalent track curve.
8. A page control method for controlling display of content in a first area of a page, the first area being a scrollable area, comprising:
responding to a preset trigger operation, and judging whether the area where the received trigger operation is located is the first area or not;
if the first area is judged, further judging whether the height of the page to which the first area belongs is smaller than or equal to the height of a screen;
in a case where it is determined that the height is less than or equal to the screen height, displaying a second area independently of the page, making a touch operation on the second area equivalent to a scroll operation on the first area;
in response to the touch operation of the second area, the same control as that in response to the scroll operation of the first area is performed on the content displayed in the first area.
9. The method of claim 8, wherein:
the second area is a draggable second area; or the like, or, alternatively,
the second area is a fixed location second area, wherein the fixed location is outside the first area.
10. The method according to claim 8, wherein the touch operation of the second area comprises: a sliding operation in the second region that is slidable.
11. The method of claim 10, wherein the sliding operation comprises: scrolling up or down, or moving left or right.
12. The method of claim 8, wherein the controlling the content displayed in the first area in the same manner as the scrolling operation in response to the first area comprises:
performing the same control of the content displayed in the first area as in response to the scroll operation of the first area by converting the touch coordinates of the second area into equivalent coordinates of the first area.
13. The method according to claim 12, wherein the same control of the content displayed in the first area by converting the touch coordinates of the second area into equivalent coordinates of the first area as in response to the scroll operation of the first area comprises:
and converting the touch point coordinates or the touch track curve of the second area into equivalent coordinates or an equivalent track curve of the first area, and performing page control operation on the content displayed in the first area based on the equivalent coordinates or the equivalent track curve.
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 CN107168630A (en) | 2017-09-15 |
| CN107168630B true 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) |
Families Citing this family (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111415396A (en) * | 2019-01-08 | 2020-07-14 | 腾讯科技（深圳）有限公司 | Image generation method and device and storage medium |
| 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 |
Family Cites Families (9)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US7366995B2 (en) * | 2004-02-03 | 2008-04-29 | Roland Wescott Montague | Combination tool that zooms in, zooms out, pans, rotates, draws, or manipulates during a drag |
| US7441207B2 (en) * | 2004-03-18 | 2008-10-21 | Microsoft Corporation | Method and system for improved viewing and navigation of content |
| CN102346662B (en) * | 2010-07-30 | 2014-08-13 | 比亚迪股份有限公司 | Mobile terminal (MT) and method for realizing scrolling of user interface thereof |
| CN102819394B (en) * | 2012-07-27 | 2016-06-08 | 东莞宇龙通信科技有限公司 | Terminal and terminal operation method |
| CN103677556B (en) * | 2012-09-24 | 2017-06-30 | 北京三星通信技术研究有限公司 | The method and apparatus of quick positioning application program |
| CN102915201B (en) * | 2012-09-17 | 2015-08-05 | 广东欧珀移动通信有限公司 | A kind of one-handed performance method of giant-screen touch-control mobile phone |
| 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 |
-
2016
- 2016-03-07 CN CN201610127305.8A patent/CN107168630B/en active Active
Also Published As
| Publication number | Publication date |
|---|---|
| CN107168630A (en) | 2017-09-15 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| KR101934664B1 (en) | Touch input cursor operation | |
| US9898180B2 (en) | Flexible touch-based scrolling | |
| CN102760026B (en) | A kind of touch screen interface display packing, display device and a kind of touch panel device | |
| JP5768457B2 (en) | Electronic device, display method and program | |
| CN106415472B (en) | Gesture control method and device, terminal equipment and storage medium | |
| US20110283228A1 (en) | Information processing apparatus and method, and program | |
| CN107704157B (en) | Multi-screen interface operation method and device and storage medium | |
| US8823670B2 (en) | Method for screen control on touch screen | |
| KR20120091783A (en) | Method for processing multi-touch input in touch screen terminal and device thereof | |
| CN108668175B (en) | Bullet screen character publishing method and device | |
| CN102023797A (en) | Mobile device and method for controlling pictures browsing | |
| US20140304625A1 (en) | Page returning | |
| WO2020000971A1 (en) | Method and apparatus for switching global special effects, terminal device, and storage medium | |
| CN112083989A (en) | Interface adjusting method and device | |
| US20140123036A1 (en) | Touch screen display process | |
| CN107168630B (en) | Terminal device, page control device and page control method | |
| CN104375776A (en) | Touch control equipment and touch control method thereof | |
| CN106681616B (en) | Method, device and equipment for displaying function bar of browser | |
| CN106371715B (en) | Method and device for realizing multi-item switching | |
| EP2756377B1 (en) | Virtual viewport and fixed positioning with optical zoom | |
| CN110417984B (en) | Method, device and storage medium for realizing operation in special-shaped area of screen | |
| KR101231513B1 (en) | Contents control method and device using touch, recording medium for the same and user terminal having it | |
| CN108108417B (en) | Cross-platform adaptive control interaction method, system, equipment and storage medium | |
| US20180024629A1 (en) | Content acquiring method and apparatus, and user equipment | |
| US10318047B2 (en) | User interface for electronic device, input processing method, and electronic device |
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. |