CN110333812B - Interactive display method and device for sliding operation, storage medium and electronic device - Google Patents
Interactive display method and device for sliding operation, storage medium and electronic device Download PDFInfo
- Publication number
- CN110333812B CN110333812B CN201910428355.3A CN201910428355A CN110333812B CN 110333812 B CN110333812 B CN 110333812B CN 201910428355 A CN201910428355 A CN 201910428355A CN 110333812 B CN110333812 B CN 110333812B
- Authority
- CN
- China
- Prior art keywords
- sliding
- vector
- preset block
- sliding operation
- display
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
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/04845—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 for image manipulation, e.g. dragging, rotation, expansion or change of colour
-
- 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
Abstract
The invention provides an interactive display method and device for sliding operation, a storage medium and an electronic device, wherein the method is applied to the electronic device with a touch display screen, and comprises the following steps: monitoring that the touch display screen receives sliding operation; and controlling the preset blocks displayed in the touch display screen and the display elements in the preset blocks to slide along with the sliding operation, wherein the sliding vector of the preset blocks and the sliding vector of the sliding operation are in the same direction of the projection vector of the sliding vector on the longitudinal axis of the display plane coordinate system of the touch display screen, and the sliding vector of the display elements in the preset blocks is perpendicular to the direction of the sliding vector of the preset blocks. By the method and the device, the technical problems that display information of a key display area is less, the display mode effect is single, and the attention of a user is not easy to draw in the related technology are solved.
Description
Technical Field
The invention relates to the field of display, in particular to an interactive display method and device for sliding operation, a storage medium and an electronic device.
Background
In the face of increasing business display requirements, the traditional Banner advertisement space is a fixed carousel image, the space utilization rate is low, and the fixed content has no interactive effect, so that the exposure and click rate of the picture content in the subsequent carousel can be reduced.
In view of the above problems in the related art, no effective solution has been found at present.
Disclosure of Invention
The embodiment of the invention provides an interactive display method and device for sliding operation, a storage medium and an electronic device, which are used for at least solving the technical problems that the display mode effect of a key display area in the related technology is single and the attention of a user is not easy to draw.
According to an embodiment of the invention, an interactive display method for a sliding operation is provided, and the method is applied to an electronic device with a touch display screen, and comprises the following steps: monitoring that the touch display screen receives sliding operation; and controlling the preset blocks displayed in the touch display screen and the display elements in the preset blocks to slide along with the sliding operation, wherein the sliding vector of the preset blocks and the sliding vector of the sliding operation are in the same direction of the projection vector of the sliding vector on the longitudinal axis of the display plane coordinate system of the touch display screen, and the sliding vector of the display elements in the preset blocks is perpendicular to the direction of the sliding vector of the preset blocks.
Further, the preset block includes a plurality of display elements arranged along a horizontal axis of a display plane coordinate system of the touch display screen, and the control of the display elements in the preset block to slide along with the sliding operation includes: and controlling each display element in the preset block to slide along with the sliding operation, wherein the contents of the plurality of display elements in the preset block are associated with each other.
Further, each display element in the preset block is a picture.
Furthermore, the sliding vector of the preset block and the sliding vector of the sliding operation have the same size in the vertical axis projection vector of the display plane coordinate system of the touch display screen.
Further, the sliding vector of the display element in the predetermined block is equal to the sliding vector of the predetermined block in size.
Further, when the sliding vector of the sliding operation is upward in the direction of the projection vector of the longitudinal axis of the display plane coordinate system of the touch display screen, the direction of the sliding vector of the display elements in the preset block is leftward; when the sliding vector of the sliding operation is downward in the direction of the projection vector of the vertical axis of the display plane coordinate system of the touch display screen, the direction of the sliding vector of the display elements in the preset block is rightward.
Further, after controlling the preset block displayed in the touch display screen to slide along with the sliding operation, the method further includes: and when the preset block slides to the boundary of the target display range in the touch display screen, controlling the preset block to stop sliding until the direction of a sliding vector of the sliding operation is changed.
Further, the method further comprises: and controlling the display elements except the preset blocks in the target display range to slide along with the sliding operation, wherein the sliding vectors of the display elements except the preset blocks in the target display range are the same as the direction of the projection vector of the sliding operation on the longitudinal axis of the display plane coordinate system of the touch display screen.
According to another embodiment of the present invention, there is provided a slide-operated interactive display device applied to an electronic device having a touch display screen, the device including: the monitoring module is used for monitoring that the touch display screen receives sliding operation; the control module is used for controlling a preset block displayed in the touch display screen and display elements in the preset block to slide along with sliding operation, wherein the sliding vector of the preset block and the sliding vector of the sliding operation are in the same direction of a projection vector of a vertical axis of a display plane coordinate system of the touch display screen, and the sliding vector of the display elements in the preset block is perpendicular to the direction of the sliding vector of the preset block.
Furthermore, the preset block comprises a plurality of display elements arranged along a horizontal axis of a display plane coordinate system of the touch display screen, and the control module is further configured to control each display element in the preset block to slide along with the sliding operation, wherein the contents of the plurality of display elements in the preset block are associated with each other.
Further, each display element in the preset block is a picture.
Furthermore, the sliding vector of the preset block and the sliding vector of the sliding operation have the same size in the vertical axis projection vector of the display plane coordinate system of the touch display screen.
Further, the sliding vector of the display element in the predetermined block is equal to the sliding vector of the predetermined block in size.
Further, when the sliding vector of the sliding operation is upward in the direction of the projection vector of the longitudinal axis of the display plane coordinate system of the touch display screen, the direction of the sliding vector of the display elements in the preset block is leftward; when the sliding vector of the sliding operation is downward in the direction of the projection vector of the vertical axis of the display plane coordinate system of the touch display screen, the direction of the sliding vector of the display elements in the preset block is rightward.
Further, the control module is further configured to control the preset block to stop sliding until the direction of a sliding vector of the sliding operation is changed when the preset block slides to the boundary of the target display range in the touch display screen after the preset block displayed in the touch display screen is controlled to slide along with the sliding operation.
Further, the control module is further configured to control display elements, except for the preset block, in the target display range to slide along with the sliding operation, where a sliding vector of the display elements, except for the preset block, in the target display range is in the same direction as a longitudinal axis projection vector of a display plane coordinate system of the touch display screen.
According to a further embodiment of the present invention, there is also provided a storage medium having a computer program stored therein, wherein the computer program is arranged to perform the steps of any of the above method embodiments when executed.
According to yet another embodiment of the present invention, there is also provided an electronic device, including a memory in which a computer program is stored and a processor configured to execute the computer program to perform the steps in any of the above method embodiments.
According to the invention, after the touch display screen receives the sliding operation, the preset block displayed in the touch display screen slides up and down along the touch display screen along with the sliding operation, and simultaneously the display elements in the preset block are controlled to slide along the left and right directions, so that more information can be displayed in the preset block, the attention of a user can be attracted visually, the exposure and click rate can be improved, the method and the device can be applied to displaying advertisements and marketing activity contents which need to be promoted, and the like, and the technical problems that in the related technology, the display information of a key display area is less, the display mode effect is single, and the attention of the user is not easy to attract are solved.
Drawings
The accompanying drawings, which are included to provide a further understanding of the invention and are incorporated in and constitute a part of this application, illustrate embodiment(s) of the invention and together with the description serve to explain the invention without limiting the invention. In the drawings:
FIG. 1 is a flow chart of an alternative interactive display method of a swipe operation according to an embodiment of the present invention;
FIG. 2a is a schematic diagram of a first state of an alternative interactive display method for a slide operation according to an embodiment of the present invention;
FIG. 2b is a diagram illustrating a second state of an alternative interactive display method for a slide operation according to an embodiment of the present invention;
FIG. 2c is a schematic diagram of a third state of an alternative interactive display method for a slide operation according to an embodiment of the present invention;
FIG. 2d is a diagram illustrating a fourth state of an alternative interactive display method for a slide operation according to an embodiment of the present invention;
fig. 3 is a schematic diagram of a slide-operated interactive display device according to an embodiment of the present invention.
Detailed Description
In order to make the technical solutions of the present application better understood, the technical solutions in the embodiments of the present application will be clearly and completely described below with reference to the drawings in the embodiments of the present application, and it is obvious that the described embodiments are only a part of the embodiments of the present application, and not all of the embodiments, and the embodiments and features in the embodiments of the present application may be combined with each other without conflict. All other embodiments, which can be derived by a person skilled in the art from the embodiments given herein without making any creative effort, shall fall within the protection scope of the present application.
It should be noted that the terms "first," "second," and the like in the description and claims of this application and in the drawings described above are used for distinguishing between similar elements and not necessarily for describing a particular sequential or chronological order. It is to be understood that the data so used is interchangeable under appropriate circumstances such that the embodiments of the application described herein are capable of operation in sequences other than those illustrated or described herein. Furthermore, the terms "comprises," "comprising," and "having," and any variations thereof, are intended to cover a non-exclusive inclusion, such that a process, method, system, article, or apparatus that comprises a list of steps or elements is not necessarily limited to those steps or elements expressly listed, but may include other steps or elements not expressly listed or inherent to such process, method, article, or apparatus.
Example 1
The embodiment provides an interactive display method of sliding operation, which can be applied to a client side, wherein the client side can be in a running mobile terminal, a handheld terminal or a similar computing device. The different computing devices are only the differences in the implementation bodies of the schemes, and the skilled person can foresee that the same technical effect can be produced by operating in different computing devices.
The interactive display method for sliding operation provided by this embodiment can be applied to an electronic device having a touch display screen, and after the touch display screen receives a sliding operation, a preset block displayed in the touch display screen slides up and down along the touch display screen along with the sliding operation, and simultaneously, display elements in the preset block are also controlled to slide in the left-right direction, so that more information can be displayed in the preset block, the user attention can be attracted more easily in vision, the exposure and click rate is improved, and the method can be applied to displaying advertisements and marketing activity contents which need to be promoted, and the like.
As shown in fig. 1, the interactive display method for sliding operation provided by this embodiment includes the following steps:
the method provided by the embodiment is applied to an electronic device having a touch display screen, for example, the electronic device may be a mobile terminal, a mall navigation terminal, and the like configured with the touch display screen, the touch display screen configured on the electronic device may be any type of touch display screen, such as a resistive type, a capacitive type, an infrared type, a surface acoustic wave type, and the like, the touch display screen is used for receiving a contact signal (the type of a contact operation may be a click, a slide, a press, and the like) of a medium (such as a finger, a stylus, and the like) and displaying a picture, and the electronic device may perform a corresponding operation in response to the signal received by the touch display screen.
The execution main body of the method provided by this embodiment may be a software operating system (for example, an operating system such as an android system or a Windows system) in the electronic device, and the software operating system of the electronic device may monitor the contact signal received by the touch display screen through a corresponding process and determine whether the touch operation is a sliding operation. Or, the execution main body of the method may also be a client installed in the software operating system, and in the case that the execution main body is the client, the client monitors whether the touch display screen of the electronic device receives the sliding operation in real time through the software operating system in the electronic device.
The one-time complete sliding operation process is the whole process that the touch display screen monitors that a sliding contact signal is received and starts until the sliding contact signal disappears, and the sliding operation is performed between the time when the operation medium is contacted with the touch display screen and the time when the operation medium is separated from the touch display screen, if the operation medium is temporarily stopped or the sliding direction is changed, the operation medium also belongs to the current sliding operation, namely, the speed and the direction of the contact movement of the medium on the surface of the touch display screen in the one-time sliding operation can be changed.
And 102, controlling a preset block displayed in the touch display screen and display elements in the preset block to slide along with the sliding operation.
The sliding vector of the preset block and the sliding vector of the sliding operation are in the same direction of a projection vector of a longitudinal axis of a display plane coordinate system of the touch display screen, and the sliding vector of the display element in the preset block is perpendicular to the direction of the sliding vector of the preset block.
The preset block is a display block with a designated area size displayed in the touch display screen, and the area size of the preset block is unchanged in the process that the preset block slides along with the sliding operation. For example, the predetermined block may be a rectangular block. The preset block can be used as an advertisement banner position of the client side and used for displaying advertisement information, marketing activity information and the like. The display elements in the predetermined block may include text, pictures (jpg, gif format, etc.), video, etc.
After the sliding operation is monitored, controlling a preset block with an unchanged area to slide up and down along with the sliding operation based on a projection vector of a sliding vector of the sliding operation on a longitudinal axis; and simultaneously, the display elements in the preset blocks are controlled to slide left and right along with the sliding operation.
The vertical axis refers to a vertical axis of a display plane coordinate system of the touch display screen, and the display plane coordinate system is a coordinate system determined by a current display plane of the touch display screen.
Optionally, when the preset block slides, the size of the sliding vector of the preset block and the size of the vertical axis projection vector of the sliding operation in the display plane coordinate system of the touch display screen may be unrelated or related (e.g., proportional).
As an optional implementation manner, the size of the sliding vector of the preset block and the size of the vertical axis projection vector of the sliding operation in the display plane coordinate system of the touch display screen are configured to be equal, that is, when the sliding operation is received, how much the sliding vector of the sliding operation moves along the vertical axis, how much the preset block also moves along the vertical axis, and the directions are the same. Further, the sliding vector of the display element in the preset block may be equal to the sliding vector of the preset block in size, that is, how much distance the sliding operation moves along the longitudinal axis, how much distance the display element in the preset block also moves along the transverse axis, and the direction is vertical.
For example, when a sliding operation is received, if a sliding vector of the sliding operation is upward in a direction of a vertical axis projection vector of a display plane coordinate system of the touch display screen, the preset block slides upward, and the display elements in the preset block slide leftward, optionally, a distance that the preset block slides upward and a distance that the display elements in the preset block slide leftward are equal to a size of the vertical axis projection vector of the sliding operation; if the sliding vector of the sliding operation is downward in the direction of the longitudinal axis projection vector of the display plane coordinate system of the touch display screen, the preset block slides downward, the display elements in the preset block slide rightward, and optionally, the distance of the downward sliding of the preset block and the distance of the rightward sliding of the display elements in the preset block are equal to the size of the longitudinal axis projection vector of the sliding operation.
The preset block may be a block displayed on the touch display screen after a certain trigger condition is met, for example, a user clicks to enter a certain page in a mobile phone application to browse, the preset block appears at an initial position of the page (for example, the middle of the screen), or the preset block appears when the user browses a certain page for more than a certain time, or the preset block may be a display element in a page, and when the user browses the page through a sliding operation, the preset block appears in the touch display screen when the user slides to a specified position of the page.
Optionally, after the preset block is displayed on the touch display screen, if the preset block slides to the boundary of the designated area (target display range) in the touch display screen, the preset block is controlled to stop sliding until the direction of the longitudinal axis projection vector of the sliding operation is changed, and after the change, the preset block is correspondingly controlled to slide along the direction of the longitudinal axis projection vector.
For example, the boundaries of the preset block and the target display range are rectangular, if the longitudinal axis projection vector direction of the sliding operation is upward, the preset block slides upward, when the upper edge of the preset block slides to the upper edge of the target display range, the preset block is controlled to stop sliding upward, and until the longitudinal axis projection vector direction of the sliding operation is downward, the preset block is controlled to slide downward; similarly, if the direction of the longitudinal axis projection vector of the sliding operation is downward, the preset block slides downward, and when the lower edge of the preset block slides to the lower edge of the target display range, the preset block is controlled to stop sliding downward until the direction of the longitudinal axis projection vector of the sliding operation is upward, the preset block is controlled to slide upward. In this optional embodiment, the preset block may be always displayed within the target display range.
In addition, the target display range may include other display elements besides the preset block, and the other display elements except the preset block in the target display range may also slide upwards or downwards along with the sliding operation.
Optionally, if the current contact position of the sliding operation exceeds the boundary of the target touch range in the touch display screen, the preset block is controlled to stop sliding until the direction of the sliding vector of the sliding operation is changed. Similarly, in the case that other display elements except the preset block in the target display range slide along with the sliding operation, if the current contact position of the sliding operation exceeds the boundary of the target touch range in the touch display screen, the preset block and the other display elements except the preset block in the target display range are controlled to stop sliding until the direction of the sliding vector of the sliding operation is changed.
Optionally, the display elements in the preset block may be multiple, the multiple display elements are arranged along a horizontal axis of a display plane coordinate system of the touch display screen, and the multiple display elements in the preset block are associated with each other in content. Each display element may be a picture of a format type such as GIF, JPG, PNG, and the like. The length of each picture in the transverse direction may be smaller or larger than the length of the preset block in the transverse direction.
For example, as shown in fig. 2a to fig. 2d, an alternative specific implementation of this embodiment may be executed by a client installed in a mobile phone terminal, and is used to display advertisement information on different pages, such as a home page of the client.
In the first state (default state) as shown in fig. 2a, the preset block (the darker bar-shaped area in fig. 2 a) shows a picture a (the first display element in the preset block) in the default state, where the picture a is used for showing a poster of an advertisement object.
When the user slides upwards on the touch display screen with a finger as shown in fig. 2a, the preset block moves to the position shown in the second state of fig. 2B in accordance with the upwards sliding operation, and the display content in the preset block slides to the left in accordance with the upwards sliding operation, and the picture a moves to the left, so that a picture B (a second display element in the preset block) is further displayed in the preset block, and the picture B is used for displaying the attribute introduction information of the advertisement object.
On the basis of fig. 2b, the user further performs the upward sliding operation to reach the third state shown in fig. 2C, and compared with the second state shown in fig. 2b, the preset block in the third state further slides upward, and the content in the preset block further slides leftward, so that the picture C is displayed on the touch display screen, and the picture C is used for displaying the promotion information of the advertisement object.
It should be noted that, when the preset block (the third display element in the preset block) reaches the boundary position of the upper end, or the sliding operation has exceeded the preset range, the preset block stops sliding upwards, and if the user changes from the upward sliding operation to the downward sliding operation as shown in fig. 2c, the preset block slides downwards to reach the fourth state as shown in fig. 2d, and the preset block slides downwards.
In the above embodiment, because the contents in the picture a, the picture B, and the picture C may be associated with each other and used for displaying different information of the same activity, and the contents of different pictures are used for presenting activity interest points or important information, when the user slides up and down, the user is noticed by sliding left and right, thereby improving the exposure and click rate. Compared with the traditional advertisement display mode, the embodiment can display more information in the same display area, has interactive display effect, can attract users more, and the operation of the users forms timely feedback, so that different information contents of activities are more natural and vivid in display.
Through the interactive display method provided by the embodiment, the display information content in the preset block can be increased, the attention degree of the user to the display content in the preset block is greatly improved, and therefore the advertisement exposure rate and the click rate are improved.
It should be noted that the steps illustrated in the flowcharts of the figures may be performed in a computer system such as a set of computer-executable instructions and that, although a logical order is illustrated in the flowcharts, in some cases, the steps illustrated or described may be performed in an order different than presented herein.
Through the above description of the embodiments, those skilled in the art can clearly understand that the method according to the above embodiments can be implemented by software plus a necessary general hardware platform, and certainly can also be implemented by hardware, but the former is a better implementation mode in many cases. Based on such understanding, the technical solutions of the present invention may be embodied in the form of a software product, which is stored in a storage medium (e.g., ROM/RAM, magnetic disk, optical disk) and includes instructions for enabling a terminal device (e.g., a mobile phone, a computer, a server, or a network device) to execute the method according to the embodiments of the present invention.
Example 2
In this embodiment, an interactive display device for sliding operation is further provided, where the device is used to implement the foregoing embodiment 1 and the preferred embodiments thereof, and for terms or implementations that are not described in detail in this embodiment, reference may be made to the relevant description in embodiment 1, and descriptions that have already been given are omitted.
The term "module," as used below, is a combination of software and/or hardware that can implement a predetermined function. Although the means described in the embodiments below are preferably implemented in software, an implementation in hardware or a combination of software and hardware is also conceivable.
Fig. 3 is a schematic diagram of an interactive display device for a sliding operation according to an embodiment of the present invention, which is applied to an electronic device having a touch display screen for receiving a contact signal of a medium and displaying a screen, as shown in fig. 3, the device includes a monitoring module 10 and a control module 20.
The monitoring module is used for monitoring that the touch display screen receives sliding operation; the control module is used for controlling a preset block displayed in the touch display screen and display elements in the preset block to slide along with sliding operation, wherein the sliding vector of the preset block and the sliding vector of the sliding operation are in the same direction of a projection vector of a vertical axis of a display plane coordinate system of the touch display screen, and the sliding vector of the display elements in the preset block is perpendicular to the direction of the sliding vector of the preset block.
Furthermore, the preset block comprises a plurality of display elements arranged along a horizontal axis of a display plane coordinate system of the touch display screen, and the control module is further configured to control each display element in the preset block to slide along with the sliding operation, wherein the contents of the plurality of display elements in the preset block are associated with each other.
Further, each display element in the preset block is a picture.
Furthermore, the sliding vector of the preset block and the sliding vector of the sliding operation have the same size in the vertical axis projection vector of the display plane coordinate system of the touch display screen.
Further, the sliding vector of the display element in the predetermined block is equal to the sliding vector of the predetermined block in size.
Further, when the sliding vector of the sliding operation is upward in the direction of the projection vector of the longitudinal axis of the display plane coordinate system of the touch display screen, the direction of the sliding vector of the display elements in the preset block is leftward; when the sliding vector of the sliding operation is downward in the direction of the projection vector of the vertical axis of the display plane coordinate system of the touch display screen, the direction of the sliding vector of the display elements in the preset block is rightward.
Further, the control module is further configured to control the preset block to stop sliding until the direction of a sliding vector of the sliding operation is changed when the preset block slides to the boundary of the target display range in the touch display screen after the preset block displayed in the touch display screen is controlled to slide along with the sliding operation.
Further, the control module is further configured to control display elements, except for the preset block, in the target display range to slide along with the sliding operation, where a sliding vector of the display elements, except for the preset block, in the target display range is in the same direction as a longitudinal axis projection vector of a display plane coordinate system of the touch display screen.
It should be noted that, the above modules may be implemented by software or hardware, and for the latter, the following may be implemented, but not limited to: the modules are all positioned in the same processor; alternatively, the modules are respectively located in different processors in any combination.
It will be apparent to those skilled in the art that the modules or steps of the present invention described above may be implemented by a general purpose computing device, they may be centralized on a single computing device or distributed across a network of multiple computing devices, and alternatively, they may be implemented by program code executable by a computing device, such that they may be stored in a storage device and executed by a computing device, and in some cases, the steps shown or described may be performed in an order different than that described herein, or they may be separately fabricated into individual integrated circuit modules, or multiple ones of them may be fabricated into a single integrated circuit module. Thus, the present invention is not limited to any specific combination of hardware and software.
Example 3
Embodiments of the present invention also provide a storage medium having a computer program stored therein, wherein the computer program is arranged to perform the steps of any of the above method embodiments when executed.
Optionally, in this embodiment, the storage medium may include, but is not limited to: various media capable of storing computer programs, such as a usb disk, a Read-Only Memory (ROM), a Random Access Memory (RAM), a removable hard disk, a magnetic disk, or an optical disk.
Example 4
Embodiments of the present invention also provide an electronic device comprising a memory having a computer program stored therein and a processor arranged to run the computer program to perform the steps of any of the above method embodiments.
Optionally, the electronic apparatus may further include a transmission device and an input/output device, wherein the transmission device is connected to the processor, and the input/output device is connected to the processor.
The above description is only a preferred embodiment of the present invention and is not intended to limit the present invention, and various modifications and changes may be made by those skilled in the art. Any modification, equivalent replacement, or improvement made within the principle of the present invention should be included in the protection scope of the present invention.
Claims (16)
1. An interactive display method for sliding operation is applied to an electronic device with a touch display screen, and comprises the following steps:
monitoring that the touch display screen receives sliding operation;
controlling a preset block displayed in the touch display screen and display elements in the preset block to slide along with the sliding operation, wherein the sliding vector of the preset block and the sliding vector of the sliding operation have the same direction of a projection vector of a longitudinal axis of a display plane coordinate system of the touch display screen, the display elements in the preset block slide along with the sliding operation in the preset block, and the sliding vector of the display elements in the preset block is perpendicular to the direction of the sliding vector of the preset block;
the preset block is an advertisement banner position, the preset block comprises a plurality of display elements arranged along a transverse axis of a display plane coordinate system of the touch display screen, and the contents of the display elements in the preset block are associated with each other;
controlling the display elements in the preset blocks to slide along with the sliding operation, including:
based on the projection vector of the sliding operation on the longitudinal axis, controlling the sliding of the preset block with unchanged area up and down along with the sliding operation, and simultaneously controlling each display element in the preset block to slide left and right along with the sliding operation.
2. The method of claim 1, wherein each display element in the predetermined block is a picture.
3. The method according to claim 1, wherein the sliding vector of the predetermined block and the sliding vector of the sliding operation have the same magnitude as a projection vector of the sliding vector on a longitudinal axis of a display plane coordinate system of the touch display screen.
4. The method of claim 1, wherein the sliding vector of the display element in the predetermined block is equal to the sliding vector of the predetermined block in size.
5. The method according to any one of claims 1 to 4,
when the sliding vector of the sliding operation is upward in the direction of a vertical axis projection vector of a display plane coordinate system of the touch display screen, the direction of the sliding vector of the display elements in the preset block is leftward;
and when the sliding vector of the sliding operation is downward in the direction of the projection vector of the longitudinal axis of the display plane coordinate system of the touch display screen, the direction of the sliding vector of the display elements in the preset block is rightward.
6. The method according to any one of claims 1 to 4, wherein after controlling the preset area displayed in the touch display screen to slide along with the sliding operation, the method further comprises:
and when the preset block slides to the boundary of the target display range in the touch display screen, controlling the preset block to stop sliding until the direction of a sliding vector of the sliding operation is changed.
7. The method of claim 6, further comprising:
and controlling display elements except the preset blocks in the target display range to slide along with the sliding operation, wherein the sliding vectors of the display elements except the preset blocks in the target display range are in the same direction as the longitudinal axis projection vector of the sliding operation in a display plane coordinate system of the touch display screen.
8. An interactive display device with sliding operation, wherein the device is applied to an electronic device with a touch display screen, and the device comprises:
the monitoring module is used for monitoring that the touch display screen receives sliding operation;
the control module is used for controlling a preset block displayed in the touch display screen and display elements in the preset block to slide along with the sliding operation, wherein the sliding vector of the preset block and the sliding vector of the sliding operation are in the same direction of a longitudinal axis projection vector of a display plane coordinate system of the touch display screen, the display elements in the preset block slide along with the sliding operation in the preset block, and the sliding vector of the display elements in the preset block is perpendicular to the direction of the sliding vector of the preset block;
the preset block is an advertisement banner position and comprises a plurality of display elements arranged along a transverse axis of a display plane coordinate system of the touch display screen; the contents of a plurality of display elements in the preset block are associated with each other;
the control module is further configured to control the preset block with an unchanged area to slide up and down along with the sliding operation based on a projection vector of the sliding operation on the longitudinal axis, and simultaneously control each display element in the preset block to slide left and right along with the sliding operation.
9. The apparatus of claim 8, wherein each display element in the predetermined block is a picture.
10. The apparatus according to claim 8, wherein the sliding vector of the predetermined block and the sliding vector of the sliding operation have the same magnitude as a projection vector of the sliding vector on a longitudinal axis of a display plane coordinate system of the touch display screen.
11. The apparatus of claim 8, wherein a sliding vector of a display element in the predetermined block is equal to a sliding vector of the predetermined block.
12. The apparatus according to any one of claims 8 to 11,
when the sliding vector of the sliding operation is upward in the direction of a vertical axis projection vector of a display plane coordinate system of the touch display screen, the direction of the sliding vector of the display elements in the preset block is leftward;
and when the sliding vector of the sliding operation is downward in the direction of the projection vector of the longitudinal axis of the display plane coordinate system of the touch display screen, the direction of the sliding vector of the display elements in the preset block is rightward.
13. The apparatus according to any one of claims 8 to 11, wherein the control module is further configured to, after controlling the preset block displayed in the touch display screen to slide along with the sliding operation, control the preset block to stop sliding until a direction of a sliding vector of the sliding operation changes when the preset block slides to a boundary of a target display range in the touch display screen.
14. The apparatus according to claim 13, wherein the control module is further configured to control display elements other than the preset block in the target display range to slide along with the sliding operation, wherein a sliding vector of the display elements other than the preset block in the target display range is in the same direction as a longitudinal axis projection vector of a display plane coordinate system of the touch display screen as the sliding vector of the sliding operation.
15. A storage medium, in which a computer program is stored, wherein the computer program is arranged to perform the method of any of claims 1 to 7 when executed.
16. An electronic device comprising a memory and a processor, wherein the memory has stored therein a computer program, and wherein the processor is arranged to execute the computer program to perform the method of any of claims 1 to 7.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910428355.3A CN110333812B (en) | 2019-05-22 | 2019-05-22 | Interactive display method and device for sliding operation, storage medium and electronic device |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910428355.3A CN110333812B (en) | 2019-05-22 | 2019-05-22 | Interactive display method and device for sliding operation, storage medium and electronic device |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN110333812A CN110333812A (en) | 2019-10-15 |
| CN110333812B true CN110333812B (en) | 2021-09-21 |
Family
ID=68139182
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201910428355.3A Active CN110333812B (en) | 2019-05-22 | 2019-05-22 | Interactive display method and device for sliding operation, storage medium and electronic device |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN110333812B (en) |
Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103425390A (en) * | 2013-07-26 | 2013-12-04 | 华为软件技术有限公司 | Information interaction method and device |
| CN106486037A (en) * | 2016-12-20 | 2017-03-08 | 北京猎豹移动科技有限公司 | Based on the advertisement demonstration method of application, device and electronic equipment |
| CN107463318A (en) * | 2017-06-26 | 2017-12-12 | 北京小度信息科技有限公司 | Interface element processing method and processing device |
| CN107608731A (en) * | 2017-09-15 | 2018-01-19 | 广州优视网络科技有限公司 | A kind of picture loading method and device |
| CN107943360A (en) * | 2017-11-13 | 2018-04-20 | 星潮闪耀移动网络科技（中国）有限公司 | A kind of methods of exhibiting and device of multi views element |
| CN108255405A (en) * | 2018-01-19 | 2018-07-06 | 广东欧珀移动通信有限公司 | Method for displaying user interface, device and terminal |
Family Cites Families (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20110188116A1 (en) * | 2010-02-02 | 2011-08-04 | Nikolay Ledentsov Ledentsov | Device for generation of three-demensional images |
| CN107291364B (en) * | 2016-04-13 | 2020-10-02 | 腾讯科技（北京）有限公司 | Information display method and terminal equipment |
-
2019
- 2019-05-22 CN CN201910428355.3A patent/CN110333812B/en active Active
Patent Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103425390A (en) * | 2013-07-26 | 2013-12-04 | 华为软件技术有限公司 | Information interaction method and device |
| CN106486037A (en) * | 2016-12-20 | 2017-03-08 | 北京猎豹移动科技有限公司 | Based on the advertisement demonstration method of application, device and electronic equipment |
| CN107463318A (en) * | 2017-06-26 | 2017-12-12 | 北京小度信息科技有限公司 | Interface element processing method and processing device |
| CN107608731A (en) * | 2017-09-15 | 2018-01-19 | 广州优视网络科技有限公司 | A kind of picture loading method and device |
| CN107943360A (en) * | 2017-11-13 | 2018-04-20 | 星潮闪耀移动网络科技（中国）有限公司 | A kind of methods of exhibiting and device of multi views element |
| CN108255405A (en) * | 2018-01-19 | 2018-07-06 | 广东欧珀移动通信有限公司 | Method for displaying user interface, device and terminal |
Also Published As
| Publication number | Publication date |
|---|---|
| CN110333812A (en) | 2019-10-15 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US9990657B2 (en) | Information display device, distribution device, information display method, and non-transitory computer readable storage medium | |
| JP6681342B2 (en) | Behavioral event measurement system and related method | |
| EP3606081A1 (en) | On-screen comment display method and electronic device | |
| CN105791352B (en) | Message pushing method and system for application | |
| US9665965B2 (en) | Video-associated objects | |
| CN105074751A (en) | Systems and methods for advertising on virtual keyboards | |
| US20170109780A1 (en) | Systems, apparatuses and methods for using virtual keyboards | |
| WO2016205247A1 (en) | Methods and systems for reducing inadvertent interactions with advertisements displayed on a computing device | |
| CN111338721A (en) | Online interaction method, system, electronic device and storage medium | |
| CN103870508A (en) | Webpage scaling method, device and system | |
| US20160239171A1 (en) | Information display apparatus, distribution apparatus, information display method, and non-transitory computer readable storage medium | |
| US20160188556A1 (en) | Adaptive electronic document | |
| JP5563703B2 (en) | Content distribution apparatus, content distribution method, content distribution program, and terminal program | |
| CN110647374A (en) | Interaction method and device for holographic display window and electronic equipment | |
| CN112752132A (en) | Cartoon picture bullet screen display method and device, medium and electronic equipment | |
| CN113435926A (en) | Advertisement display method and device, storage medium and electronic device | |
| US20210082004A1 (en) | Methods and systems for reducing inadvertent interactions with advertisements displayed on a computing device | |
| CN110333812B (en) | Interactive display method and device for sliding operation, storage medium and electronic device | |
| CN111866403B (en) | Video graphic content processing method, device, equipment and medium | |
| JP6339550B2 (en) | Terminal program, terminal device, and terminal control method | |
| CN113031846B (en) | Method and device for displaying description information of task and electronic equipment | |
| KR101976306B1 (en) | Web page creation support device, and storage medium | |
| KR101280738B1 (en) | Method for displaying touchscreen with color change and recording medium for the same | |
| CN113419798A (en) | Content display method, device, equipment and storage medium | |
| CN108769395B (en) | Wallpaper switching method and mobile terminal |
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 |