CN109144364B - Interaction method, system, equipment and storage medium for floating layer dissolving - Google Patents
Interaction method, system, equipment and storage medium for floating layer dissolving Download PDFInfo
- Publication number
- CN109144364B CN109144364B CN201810827945.9A CN201810827945A CN109144364B CN 109144364 B CN109144364 B CN 109144364B CN 201810827945 A CN201810827945 A CN 201810827945A CN 109144364 B CN109144364 B CN 109144364B
- Authority
- CN
- China
- Prior art keywords
- area
- floating layer
- touch operation
- touch
- display screen
- 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/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/04842—Selection of displayed objects or displayed text elements
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/0485—Scrolling or panning
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
- G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Software Systems (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The invention provides an interaction method, a system, equipment and a storage medium for floating layer disintegration, which are applied to a mobile terminal with a touch display screen, wherein the method comprises the following steps: acquiring a floating layer area for displaying a floating layer on a touch display screen, wherein the floating layer area occupies the whole display area or part of the display area of the touch display screen; acquiring a first area and a second area based on the floating layer area, wherein the first area is a strip-shaped area comprising the left side and the right side of the floating layer area, and the second area is a strip-shaped area comprising the bottom edge of the floating layer area; monitoring touch operation on the floating layer area; when the touch operation on the floating layer area continuously moves from the first area to the second area, and the moving length of the continuous movement along the vertical direction is larger than the remaining length of the floating layer hidden at the top end of the floating layer area, the floating layer is dispersed, and the page before the floating layer is opened is displayed on the touch display screen. The invention provides an interaction mode for resolving the floating layer during one-hand operation for the user, improves the interaction convenience and makes the interaction experience more suitable for the user scene.
Description
Technical Field
The invention relates to the technical field of internet, in particular to an interaction method, a system, equipment and a storage medium for floating layer disintegration.
Background
At present, the floating layer is basically dispersed by clicking a black covering layer outside a floating layer area or clicking an x-shaped layer above the floating layer. This kind of mode needs user's both hands to cooperate and accomplishes the operation, and the laboursome is high. The user can hardly finish the disintegration operation of the floating layer by holding the electronic equipment with one hand. This causes inconvenience in use.
It is to be noted that the information disclosed in the above background section is only for enhancement of understanding of the background of the present invention and therefore may include information that does not constitute prior art known to a person of ordinary skill in the art.
Disclosure of Invention
Aiming at the problems in the prior art, the invention provides an interaction method, a system, equipment and a storage medium for floating layer disintegration, and solves the problems that the operation is laborious and two hands are required for floating layer disintegration in the prior art.
According to an aspect of the present invention, an interaction method for floating layer dismissal is provided, which is applied to a mobile terminal having a touch display screen, and the interaction method includes: acquiring a floating layer area of a display floating layer on a touch display screen, wherein the floating layer area occupies the whole display area or part of the display area of the touch display screen; acquiring a first area and a second area based on the floating layer area, wherein the first area is a strip-shaped area comprising the left side edge and the right side edge of the floating layer area, and the second area is a strip-shaped area comprising the bottom edge of the floating layer area; monitoring touch operation on the floating layer area; when the touch operation on the floating layer continuously moves from the first area to the second area, and the moving length of the continuous movement along the vertical direction is larger than the remaining length of the floating layer hidden at the top end of the floating layer, the floating layer is dispersed, and the page before the floating layer is opened is displayed on the touch display screen.
Preferably, in the above interaction method, the step of determining that the touch operation on the floating layer region continuously moves from the first region to the second region includes: acquiring a starting point of touch operation on the floating layer area, and judging whether the starting point is overlapped with the first area; when the starting point is overlapped with the first area, continuing to track the touch operation; moving on the floating layer area along with the touch operation to obtain an end point of the touch operation; judging whether the end point is overlapped with the second area; when the end point is overlapped with the second area, determining that the touch operation continuously moves from the first area to the second area.
Preferably, in the above interaction method, when a contact area between the starting point and the first region is greater than a preset value, it is determined that the starting point overlaps with the first region; when the contact area of the end point and the second area is larger than a preset value, the end point is judged to be overlapped with the second area.
Preferably, the above interaction method further comprises: and when the moving length of the touch operation in the vertical direction is less than or equal to the residual length, the floating layer is pulled down along with the movement of the touch operation on the floating layer.
Preferably, in the above interaction method, the step of acquiring a floating layer region of a floating layer displayed on the touch display screen includes: the method comprises the steps of obtaining edge pixel points of a floating layer displayed on a touch display screen, and obtaining the floating layer area according to the edge pixel points.
Preferably, in the above interaction method, the continuous movement includes a curved movement and a linear movement from the first region to the second region.
Preferably, in the above interaction method, a ratio of a width of each of the first regions in the horizontal direction to a width of the floating layer region in the horizontal direction does not exceed a preset value, and a ratio of a width of the second region in the vertical direction to a width of the floating layer region in the vertical direction does not exceed a preset value.
Preferably, in the above interaction method, the first region is in contact with the second region and does not overlap with the second region.
According to another aspect of the present invention, there is provided an interactive system for floating layer dismissal, applied to a mobile terminal having a touch display screen, the interactive system including: the touch display screen comprises a first acquisition module, a second acquisition module and a display module, wherein the first acquisition module acquires a floating layer area of a display floating layer on the touch display screen, and the floating layer area occupies the whole display area or part of the display area of the touch display screen; the second acquisition module is used for acquiring a first area and a second area based on the floating layer area, wherein the first area is a strip-shaped area comprising the left side and the right side of the floating layer area, and the second area is a strip-shaped area comprising the bottom edge of the floating layer area; the touch detection module monitors touch operation on the floating layer area; and the floating layer scattering module is used for scattering the floating layer and displaying the page before the floating layer is opened on the touch display screen when the touch operation on the floating layer continuously moves from the first area to the second area and the moving length of the continuous movement along the vertical direction is greater than the remaining length of the floating layer hidden at the top end of the floating layer.
Preferably, in the above interactive system, the touch detection module determines that the touch operation on the floating layer area continuously moves from the first area to the second area by: acquiring a starting point of touch operation on the floating layer area, and judging whether the starting point is overlapped with the first area; when the starting point is overlapped with the first area, continuing to track the touch operation; moving on the floating layer area along with the touch operation to obtain an end point of the touch operation; judging whether the end point is overlapped with the second area; when the end point is overlapped with the second area, determining that the touch operation continuously moves from the first area to the second area.
According to another aspect of the present invention, there is provided an electronic apparatus including at least: a processor; a memory for storing executable instructions; wherein the processor is configured to perform the steps of the above-described interactive method of floating layer decomposition via execution of the executable instructions.
According to another aspect of the invention, a computer-readable storage medium is provided, on which a computer program is stored which, when being executed by a processor, carries out the above-mentioned steps of the method of interacting for the floating decomposition.
Compared with the prior art, the invention has the beneficial effects that:
according to the invention, a convenient interaction mode is set for the user to dissolve the floating layer, the user can dissolve the floating layer by operating with one hand and sliding at the left lower corner or the right lower corner of the floating layer and meeting corresponding conditions, so that convenience is provided for the user operation, and the interaction experience is more suitable for the user scene.
It is to be understood that both the foregoing general description and the following detailed description are exemplary and explanatory only and are not restrictive of the invention, as claimed.
Drawings
The accompanying drawings, which are incorporated in and constitute a part of this specification, illustrate embodiments consistent with the invention and together with the description, serve to explain the principles of the invention. It is obvious that the drawings in the following description are only some embodiments of the invention, and that for a person skilled in the art, other drawings can be derived from them without inventive effort.
FIG. 1 is a schematic diagram showing steps of an interactive method for floating layer decomposition in an embodiment;
FIG. 2 is a schematic diagram illustrating a step of determining that a touch operation on a floating layer continuously moves from a first area to a second area in an embodiment;
3-6 illustrate interaction scenario diagrams of the de-flotation layer in an embodiment;
FIG. 7 is a block diagram showing an interactive system for floating layer decomposition in the embodiment;
FIG. 8 is a schematic structural diagram of an electronic apparatus in the embodiment;
fig. 9 shows a schematic structural diagram of a computer-readable storage medium in an embodiment.
Detailed Description
Example embodiments will now be described more fully with reference to the accompanying drawings. Example embodiments may, however, be embodied in many different forms and should not be construed as 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 concept of example embodiments to those skilled in the art. The same reference numerals in the drawings denote the same or similar structures, and thus their repetitive description will be omitted.
As will be appreciated by one skilled in the art, aspects of the present invention may be embodied as a system, method or program product. Thus, various aspects of the invention may be embodied in the form of: an entirely hardware embodiment, an entirely software embodiment (including firmware, microcode, etc.) or an embodiment combining hardware and software aspects that may all generally be referred to herein as a "circuit," module "or" platform.
The interaction method is suitable for the mobile terminal provided with the touch display screen, such as a smart phone, a tablet computer and the like. Fig. 1 is a schematic step diagram of an interaction method for floating layer decomposition in the embodiment, and referring to fig. 1, the interaction method for floating layer decomposition in the embodiment includes:
step S10, a floating layer region of the touch display screen on which the floating layer is displayed is obtained, and the floating layer region may occupy the entire display region or a part of the display region of the touch display screen. That is, the floating layer region can be displayed in full screen or partially on the touch display screen.
In a preferred embodiment, the floating layer region can be obtained according to each edge pixel point by obtaining the edge pixel point of the floating layer displayed on the touch display screen. Or more simply, referring to fig. 3, coordinates of pixel points 20 (indicated by black dots in the figure) at four vertexes of the floating layer region are obtained on the touch display screen 1 of the mobile terminal to determine the position of the floating layer region 2.
Step S20, based on the floating layer region, a first region and a second region are obtained, where the first region is a two-stripe region including the left side and the right side of the floating layer region, and the second region is a stripe region including the bottom edge of the floating layer region.
In an implementation scenario, referring to fig. 4, after the floating layer region 2 is determined on the touch display screen 1, a bar region including the left side of the floating layer region 2 and a bar region including the right side of the floating layer region 2 are obtained as the first region 21. That is, the first region 21 includes two strip regions respectively located at the left and right sides of the floating layer region, so that the user can conveniently perform interactive touch regardless of whether the user holds the mobile phone with the left hand or with the right hand. Further, a stripe region including the bottom side of the floating layer region 2 is obtained as the second region 22.
In a preferred embodiment, the ratio of the width of each first region 21 in the horizontal direction to the width of the float zone 2 in the horizontal direction does not exceed a preset value, for example 1/10; the ratio of the width of the second region 22 in the vertical direction to the width of the float zone 2 in the vertical direction does not exceed a preset value, for example 1/10. Therefore, when the interactive touch is detected subsequently, the interactive touch conforming to the relevant application scene can be monitored more accurately, and meanwhile, the interactive touch is closer to the actual user scene.
The first area 21 and the second area 22 may be in contact or not, preferably in contact, and do not overlap, so as to improve the accuracy of detecting the interactive touch, and facilitate quick response to the user operation.
Step S30, monitoring touch operation on the floating layer area; and step S40, when the touch operation on the floating layer area continuously moves from the first area to the second area, and the moving length of the continuous movement along the vertical direction is larger than the remaining length of the floating layer hidden at the top end of the floating layer area, the floating layer is dispersed, and the page before the floating layer is opened is displayed on the touch display screen.
Referring to fig. 2, the step of determining that the touch operation on the floating layer continuously moves from the first area to the second area in step S40 includes: s401, obtaining a starting point of touch operation on a floating layer area, S402, judging whether the starting point is overlapped with a first area, S403, when the starting point is overlapped with the first area, continuing to track the touch operation, S404, moving in the floating layer area along with the touch operation, obtaining an end point of the touch operation, S405, judging whether the end point is overlapped with a second area, S406, when the end point is overlapped with the second area, judging that the touch operation continuously moves from the first area to the second area.
Further, whether the starting point overlaps the first region or not is determined, and whether the ending point overlaps the second region or not is determined by: when the contact area of the starting point and the first area is larger than a preset value, judging that the starting point is overlapped with the first area; and when the contact area of the end point and the second area is larger than a preset value, judging that the end point is overlapped with the second area. The preset value is, for example, above 1/3 of the size of the finger surface of the user.
Referring to fig. 5, in a scene of a left-handed single-handed operation, when the floating layer needs to be separated, the user performs a touch operation on the floating layer area 2 of the touch display screen 1, and leaves a sliding track. When the starting point 31 of the sliding track (as shown by an arrow in the figure) is detected to overlap the first area 21 on the left side of the floating layer area 2, the end point 32 of the sliding track overlaps the second area 22 at the bottom of the floating layer area 2, and the sliding track continuously moves from the starting point 31 to the end point 32 to slide out any curve or straight line in the floating layer area 2, the floating layer is dispersed in response to the continuous movement from the first area 21 to the second area 22 of the floating layer area 2, and the page before the floating layer is opened is displayed on the touch display screen 1. The scene of the right-hand one-hand operation is similar to the scene of the left-hand one-hand operation, and the example is not repeated.
Further, referring to fig. 6, for a scene with a large amount of floating layers and not completely displayed in the floating layer region 2, after it is determined that the touch operation on the floating layer region 2 continuously moves from the first region 21 to the second region 22, it is determined whether the moving length H of the continuous movement in the vertical direction is greater than the remaining length H of the floating layer hidden at the top end of the floating layer region 2, if the moving length H of the continuous movement in the vertical direction is greater than the remaining length H of the floating layer hidden at the top end of the floating layer region 2, the floating layer is released, and if the moving length H of the touch operation in the vertical direction is less than or equal to the remaining length H, the floating layer moves in the floating layer region 2 along with the touch operation and is pulled down.
The interaction method sets a convenient interaction mode for the user to dissolve the floating layer, and the user can operate the floating layer by one hand, slide at the left lower corner or the right lower corner of the floating layer and meet corresponding conditions, so that the floating layer can be dissolved. For example, after browsing the contents of the floating layer, the user can detach the floating layer by sliding the thumb from the side edge of the floating layer to the bottom edge of the floating layer in the most convenient area of the floating layer area. The interactive experience is very much more appropriate to the user scenario.
An embodiment of the present invention further provides an interactive system for floating layer dismissal, which is applied to a mobile terminal with a touch display screen, and referring to fig. 7, an interactive system 50 includes:
the first obtaining module 501 obtains a floating layer area for displaying a floating layer on the touch display screen, where the floating layer area occupies all or part of a display area of the touch display screen;
a second obtaining module 502, configured to obtain, based on the floating layer region, a first region and a second region, where the first region is a two-stripe region including a left side and a right side of the floating layer region, and the second region is a stripe region including a bottom edge of the floating layer region;
a touch detection module 503 for monitoring a touch operation on the floating layer region;
and the floating layer dismissal module 504 is used for dismissing the floating layer when the touch operation on the floating layer area continuously moves from the first area to the second area and the moving length of the continuous movement along the vertical direction is greater than the remaining length of the floating layer hidden at the top end of the floating layer area, and displaying the page before the floating layer is opened on the touch display screen.
Further, the touch detection module 503 determines that the touch operation on the floating layer continuously moves from the first area to the second area by: acquiring a starting point of touch operation on the floating layer area, and judging whether the starting point is overlapped with the first area; when the starting point is overlapped with the first area, continuing to track the touch operation; moving in the floating layer area along with the touch operation to obtain an end point of the touch operation; judging whether the end point is overlapped with the second area; when the end point is overlapped with the second area, the touch operation is judged to continuously move from the first area to the second area.
The specific implementation steps and principles of each module may refer to the above method embodiments. Through the interactive system of this embodiment, for the user provides convenient floating layer dissolving interactive mode, the user one-hand operation slides and satisfies corresponding condition in the lower left corner or the lower right corner of floating layer, can dissolve the floating layer, makes interactive experience fit user's scene more.
An embodiment of the present invention further provides an electronic device, which includes a processor and a memory, where the memory stores executable instructions, and the processor is configured to execute the steps of the above-described interaction method for floating layer decomposition in the embodiment by executing the executable instructions.
As described above, the electronic equipment can provide a convenient floating layer dissolving interaction mode for a user, the user can operate the electronic equipment with one hand, the electronic equipment slides at the left lower corner or the right lower corner of the floating layer and meets corresponding conditions, the floating layer can be dissolved, and the interaction experience is more suitable for the user scene.
Fig. 8 is a schematic structural diagram of an electronic device in an embodiment of the present invention, and it should be understood that fig. 8 only schematically illustrates various modules, and these modules may be virtual software modules or actual hardware modules, and the combination, the splitting, and the addition of the remaining modules of these modules are within the scope of the present invention.
An electronic device 600 according to this embodiment of the invention is described below with reference to fig. 8. The electronic device 600 shown in fig. 8 is only an example, and should not bring any limitation to the functions and the scope of use of the embodiments of the present invention.
As shown in fig. 8, the electronic device 600 is embodied in the form of a general purpose computing device. The components of the electronic device 600 may include, but are not limited to: at least one processing unit 610, at least one memory unit 620, a bus 630 connecting the different platform components (including the memory unit 620 and the processing unit 610), a display unit 640, etc.
Wherein the storage unit stores program code, which can be executed by the processing unit 610, to cause the processing unit 610 to perform the steps according to various exemplary embodiments of the present invention described in the above-mentioned interactive methods of the floating decomposition part of the present specification. For example, processing unit 610 may perform the steps as shown in fig. 1.
The storage unit 620 may include readable media in the form of volatile memory units, such as a random access memory unit (RAM)6201 and/or a cache memory unit 6202, and may further include a read-only memory unit (ROM) 6203.
The memory unit 620 may also include a program/utility 6204 having a set (at least one) of program modules 6205, such program modules 6205 including, but not limited to: an operating system, one or more application programs, other program modules, and program data, each of which, or some combination thereof, may comprise an implementation of a network environment.
The electronic device 600 may also communicate with one or more external devices 700 (e.g., keyboard, pointing device, bluetooth device, etc.), with one or more devices that enable a user to interact with the electronic device 600, and/or with any devices (e.g., router, modem, etc.) that enable the electronic device 600 to communicate with one or more other computing devices. Such communication may occur via an input/output (I/O) interface 650. Also, the electronic device 600 may communicate with one or more networks (e.g., a Local Area Network (LAN), a Wide Area Network (WAN), and/or a public network such as the Internet) via the network adapter 660. The network adapter 660 may communicate with other modules of the electronic device 600 via the bus 630. It should be appreciated that although not shown in the figures, other hardware and/or software modules may be used in conjunction with the electronic device 600, including but not limited to: microcode, device drivers, redundant processing units, external disk drive arrays, RAID systems, tape drives, and data backup storage platforms, to name a few.
The embodiment of the present invention further provides a computer-readable storage medium, which is used for storing a program, and when the program is executed, the steps of the floating layer resolving interaction method of the above embodiment are implemented. In some possible embodiments, the various aspects of the invention may also be implemented in the form of a program product comprising program code means for causing a terminal device to carry out the steps according to the various exemplary embodiments of the invention described in the above-mentioned parts of the method for navigating a hierarchy of interactions of this description, when the program product is run on the terminal device.
As described above, the computer-readable storage medium of the present invention can provide a convenient floating layer dismissal interaction manner for a user, and the user can dismiss the floating layer by operating with one hand, sliding on the lower left corner or the lower right corner of the floating layer and satisfying corresponding conditions, so that the interaction experience is more suitable for the user scene.
Fig. 9 is a schematic structural diagram of a computer-readable storage medium of the present invention. Referring to fig. 9, a program product 800 for implementing the above method according to an embodiment of the present invention is described, which may employ a portable compact disc read only memory (CD-ROM) and include program code, and may be run on a terminal device, such as a personal computer. However, the program product of the present invention is not limited in this regard and, in the present document, a readable storage medium may be any tangible medium that can contain, or store a program for use by or in connection with an instruction execution system, apparatus, or device.
The program product may employ any combination of one or more readable media. The readable medium may be a readable signal medium or a readable storage medium. A readable storage medium may be, for example, but not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any combination of the foregoing. More specific examples (a non-exhaustive list) of the readable storage medium include: an electrical connection having one or more wires, a portable disk, a hard disk, a Random Access Memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disc read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing.
A computer readable storage medium may include a propagated data signal with readable program code embodied therein, for example, in baseband or as part of a carrier wave. Such a propagated data signal may take many forms, including, but not limited to, electro-magnetic, optical, or any suitable combination thereof. A readable storage medium may also be any readable medium that is not a readable storage medium and that can communicate, propagate, or transport a program for use by or in connection with an instruction execution system, apparatus, or device. Program code embodied on a readable storage medium may be transmitted using any appropriate medium, including but not limited to wireless, wireline, optical fiber cable, RF, etc., or any suitable combination of the foregoing.
Program code for carrying out operations for aspects of the present invention may be written in any combination of one or more programming languages, including an object oriented programming language such as Java, C + + or the like and conventional procedural programming languages, such as the "C" programming language or similar programming languages. The program code may execute entirely on the user's computing device, partly on the user's device, as a stand-alone software package, partly on the user's computing device and partly on a remote computing device, or entirely on the remote computing device or server. In the case of a remote computing device, the remote computing device may be connected to the user computing device through any kind of network, including a Local Area Network (LAN) or a Wide Area Network (WAN), or may be connected to an external computing device (e.g., through the internet using an internet service provider).
The foregoing is a more detailed description of the invention in connection with specific preferred embodiments and it is not intended that the invention be limited to these specific details. For those skilled in the art to which the invention pertains, several simple deductions or substitutions can be made without departing from the spirit of the invention, and all shall be considered as belonging to the protection scope of the invention.
Claims (10)
1. An interaction method for floating layer disintegration is applied to a mobile terminal with a touch display screen, and is characterized by comprising the following steps:
acquiring a floating layer area of a display floating layer on a touch display screen, wherein the floating layer area occupies the whole display area or part of the display area of the touch display screen;
acquiring a first area and a second area based on the floating layer area, wherein the first area is a strip-shaped area comprising the left side edge and the right side edge of the floating layer area, and the second area is a strip-shaped area comprising the bottom edge of the floating layer area;
monitoring touch operation on the floating layer area;
when the touch operation on the floating layer continuously moves from the first area to the second area, and the moving length of the continuous movement along the vertical direction is greater than the remaining length of the floating layer hidden at the top end of the floating layer, the floating layer is dispersed, and the page before the floating layer is opened is displayed on the touch display screen;
wherein the step of determining that the touch operation on the floating layer continuously moves from the first area to the second area comprises: acquiring a starting point of touch operation on the floating layer area, and judging whether the starting point is overlapped with the first area; when the starting point is overlapped with the first area, continuing to track the touch operation; moving on the floating layer area along with the touch operation to obtain an end point of the touch operation; judging whether the end point is overlapped with the second area; when the end point is overlapped with the second area, determining that the touch operation continuously moves from the first area to the second area.
2. The interaction method of claim 1,
when the contact area of the starting point and the first area is larger than a preset value, judging that the starting point is overlapped with the first area;
when the contact area of the end point and the second area is larger than a preset value, the end point is judged to be overlapped with the second area.
3. The interaction method of claim 1, further comprising:
and when the moving length of the touch operation in the vertical direction is less than or equal to the residual length, the floating layer is pulled down along with the movement of the touch operation on the floating layer.
4. The interaction method of claim 1, wherein the step of obtaining a floating layer region of a floating layer displayed on the touch display screen comprises:
the method comprises the steps of obtaining edge pixel points of a floating layer displayed on a touch display screen, and obtaining the floating layer area according to the edge pixel points.
5. The interaction method of claim 1, wherein the continuous movement comprises a curvilinear movement and a linear movement from the first region to the second region.
6. The interactive method as claimed in claim 1, wherein a ratio of a width of each of the first regions in a horizontal direction to a width of the floating layer in the horizontal direction does not exceed a preset value, and a ratio of a width of the second region in a vertical direction to a width of the floating layer in the vertical direction does not exceed a preset value.
7. The interaction method of claim 1, wherein the first region is in contact with and does not overlap the second region.
8. The utility model provides an interactive system that superficial layer was dissolved, is applied to the mobile terminal who has the touch-control display screen, its characterized in that, interactive system includes:
the touch display screen comprises a first acquisition module, a second acquisition module and a display module, wherein the first acquisition module acquires a floating layer area of a display floating layer on the touch display screen, and the floating layer area occupies the whole display area or part of the display area of the touch display screen;
the second acquisition module is used for acquiring a first area and a second area based on the floating layer area, wherein the first area is a strip-shaped area comprising the left side and the right side of the floating layer area, and the second area is a strip-shaped area comprising the bottom edge of the floating layer area;
the touch detection module monitors touch operation on the floating layer area;
the floating layer dispersion module is used for dispersing the floating layer and displaying a page before the floating layer is opened on the touch display screen when the touch operation on the floating layer continuously moves from the first area to the second area and the moving length of the continuous movement along the vertical direction is greater than the remaining length of the floating layer hidden at the top end of the floating layer;
the touch detection module determines that the touch operation on the floating layer continuously moves from the first area to the second area by: acquiring a starting point of touch operation on the floating layer area, and judging whether the starting point is overlapped with the first area; when the starting point is overlapped with the first area, continuing to track the touch operation; moving on the floating layer area along with the touch operation to obtain an end point of the touch operation; judging whether the end point is overlapped with the second area; when the end point is overlapped with the second area, determining that the touch operation continuously moves from the first area to the second area.
9. An electronic device, characterized in that the electronic device comprises at least:
a processor;
a memory for storing executable instructions;
wherein the processor is configured to perform the steps of the interactive method of floating layer decomposition of any one of claims 1-7 via execution of the executable instructions.
10. A computer-readable storage medium, on which a computer program is stored, which, when being executed by a processor, carries out the steps of the method of interacting with a floating layer decomposition according to any one of claims 1 to 7.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201810827945.9A CN109144364B (en) | 2018-07-25 | 2018-07-25 | Interaction method, system, equipment and storage medium for floating layer dissolving |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201810827945.9A CN109144364B (en) | 2018-07-25 | 2018-07-25 | Interaction method, system, equipment and storage medium for floating layer dissolving |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN109144364A CN109144364A (en) | 2019-01-04 |
| CN109144364B true CN109144364B (en) | 2020-11-10 |
Family
ID=64797973
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201810827945.9A Active CN109144364B (en) | 2018-07-25 | 2018-07-25 | Interaction method, system, equipment and storage medium for floating layer dissolving |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN109144364B (en) |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103226446A (en) * | 2013-05-16 | 2013-07-31 | 北京奇虎科技有限公司 | Event response method for user interfacof mobile equipment and mobile equipment |
| CN105392054A (en) * | 2014-09-03 | 2016-03-09 | 乐视致新电子科技（天津）有限公司 | Interface switching method and device, and intelligent television |
| CN106444830A (en) * | 2016-09-23 | 2017-02-22 | 重庆零度智控智能科技有限公司 | Braking method and device for flying device |
Family Cites Families (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104346086B (en) * | 2013-07-29 | 2018-02-27 | 联想(北京)有限公司 | A kind of information processing method and electronic equipment |
| CN104615373B (en) * | 2015-01-29 | 2018-07-24 | 上海华豚科技有限公司 | A kind of touch-screen equipment exits the method and touch-screen equipment of current operation |
| CN107066174A (en) * | 2017-04-13 | 2017-08-18 | 广州神马移动信息科技有限公司 | Floating layer display methods, device and user terminal |
-
2018
- 2018-07-25 CN CN201810827945.9A patent/CN109144364B/en active Active
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103226446A (en) * | 2013-05-16 | 2013-07-31 | 北京奇虎科技有限公司 | Event response method for user interfacof mobile equipment and mobile equipment |
| CN105392054A (en) * | 2014-09-03 | 2016-03-09 | 乐视致新电子科技（天津）有限公司 | Interface switching method and device, and intelligent television |
| CN106444830A (en) * | 2016-09-23 | 2017-02-22 | 重庆零度智控智能科技有限公司 | Braking method and device for flying device |
Also Published As
| Publication number | Publication date |
|---|---|
| CN109144364A (en) | 2019-01-04 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN108897489B (en) | Interaction method, system, equipment and storage medium for page return | |
| US10203871B2 (en) | Method for touch input and device therefore | |
| CN102760026B (en) | A kind of touch screen interface display packing, display device and a kind of touch panel device | |
| CN107977141B (en) | Interaction control method and device, electronic equipment and storage medium | |
| US20140282221A1 (en) | Methods and apparatus for window displaying | |
| CN108553894B (en) | Display control method and device, electronic equipment and storage medium | |
| TW201520878A (en) | Page element control method and device | |
| KR20130108285A (en) | Drag-able tabs | |
| CN105573639A (en) | Triggered application display method and system | |
| US20220155948A1 (en) | Offset touch screen editing | |
| CN111475239B (en) | Page processing method and system of application program, electronic equipment and storage medium | |
| US9367223B2 (en) | Using a scroll bar in a multiple panel user interface | |
| CN104461312A (en) | Display control method and electronic equipment | |
| CN111831182A (en) | Application icon control method and device and electronic equipment | |
| US20190180722A1 (en) | Two-dimensional indication in contents | |
| US11169656B2 (en) | User interface method, information processing system, and user interface program medium | |
| KR102096070B1 (en) | Method for improving touch recognition and an electronic device thereof | |
| CN110215686B (en) | Display control method and device in game scene, storage medium and electronic equipment | |
| JP2016085523A (en) | Method for displaying node, and computer for displaying node and computer program thereof | |
| US10318131B2 (en) | Method for scaling down effective display area of screen, and mobile terminal | |
| US10254940B2 (en) | Modifying device content to facilitate user interaction | |
| CN109144364B (en) | Interaction method, system, equipment and storage medium for floating layer dissolving | |
| CN105511772B (en) | The method, device and mobile terminal for touching on-screen button are triggered by gesture operation | |
| CN107329672B (en) | Method, system, device and storage medium for checking hyperlink through mouse track | |
| US20120173984A1 (en) | Context-addressed tabs for presentation applications |
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 |