CN114895828A - Display control method, device and equipment for popup box on data stream configuration interface - Google Patents
Display control method, device and equipment for popup box on data stream configuration interface Download PDFInfo
- Publication number
- CN114895828A CN114895828A CN202210234452.0A CN202210234452A CN114895828A CN 114895828 A CN114895828 A CN 114895828A CN 202210234452 A CN202210234452 A CN 202210234452A CN 114895828 A CN114895828 A CN 114895828A
- Authority
- CN
- China
- Prior art keywords
- frame
- mouse pointer
- popup
- bullet
- configuration interface
- 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.)
- Pending
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
-
- 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/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/04812—Interaction techniques based on cursor appearance or behaviour, e.g. being affected by the presence of displayed objects
-
- 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
Abstract
The application provides a display control method, device and equipment for a popup frame on a data stream configuration interface. The display control method of the popup box on the data flow configuration interface comprises the following steps: when detecting that a user executes preset trigger operation on the popup frame based on a mouse pointer, recording the position of the mouse pointer in a screen for displaying the popup frame when the mouse pointer executes the preset operation, and monitoring whether the mouse pointer is triggered to move to the position; if the mouse pointer is triggered to perform position movement operation, determining position change information of the mouse pointer when the position movement operation is finished; and determining the display position of the bullet frame according to the position change information and moving the bullet frame so that the display area of the bullet frame is not overlapped with the data stream configuration interface. According to the method and the device, the problem of shielding of the popup frame and the configuration page is solved, and operation experience of a user is improved.
Description
Technical Field
The application belongs to the technical field of computers, and particularly relates to a display control method, device and equipment for a popup box on a data flow configuration interface.
Background
Generally, before configuring a data processing component node to be configured, a data center needs to determine data required by the data processing component node to be configured in advance, wherein the required data is determined by output data of a data processing component node immediately preceding the node to be configured.
In the related art, in order to avoid a deviation when configuring a data processing component node, a popup frame for viewing historical data processing component node information is developed, where the popup frame includes output data of a data processing component node immediately preceding a node to be configured, so that, when configuring a data processing component node to be configured, a popup frame trigger button (a "view previous step data" button shown in fig. 1) may be clicked to trigger the popup frame, and the data processing component node to be configured is configured according to information included in the popup frame.
However, as shown in fig. 2, when the pop-up frame is triggered to display in the related art, a situation that an area where the pop-up frame is located overlaps an area where a configuration page of the data processing component node to be configured is located, that is, the pop-up frame blocks the configuration page, generally occurs. In this case, the configuration page generally needs to be configured after the pop-up box is closed, so that for a user unfamiliar with data, if the user needs to frequently view data of a previous data processing component node, the user needs to frequently perform an open-close operation on the pop-up box, which is easy to reduce the user operation experience.
Therefore, how to solve the problem of blocking the pop-up frame and the configuration page to improve the operation experience of the user is a technical problem that needs to be solved urgently by those skilled in the art.
Disclosure of Invention
The embodiment of the application provides a display control method, a display control device, display control equipment and a computer-readable storage medium for a popup frame on a data stream configuration interface, which can solve the problem of shielding of the popup frame and a configuration page so as to improve the operation experience of a user.
In a first aspect, an embodiment of the present application provides a method for controlling display of a pop-up box on a data stream configuration interface, where the method includes:
when detecting that a user executes preset trigger operation on the popup frame based on a mouse pointer, recording the position of the mouse pointer in a screen for displaying the popup frame when the mouse pointer executes the preset operation, and monitoring whether the mouse pointer is triggered to move to the position;
if the mouse pointer is triggered to perform position movement operation, determining position change information of the mouse pointer when the position movement operation is finished;
and determining the display position of the bullet frame according to the position change information and moving the bullet frame so that the display area of the bullet frame is not overlapped with the data stream configuration interface.
Optionally, determining a display position of the bullet frame according to the position change information and moving the bullet frame so that a display area of the bullet frame is not overlapped with the data stream configuration interface, including:
adjusting the distance style value between the bullet frame and the screen displaying the bullet frame according to the position change information;
and determining the display position of the bullet frame based on the distance style value and moving the bullet frame so that the display area of the bullet frame is not overlapped with the data stream configuration interface.
Optionally, before recording the position of the mouse pointer on the data stream configuration interface when the mouse pointer performs the preset operation and monitoring whether the mouse pointer is triggered to perform the position moving operation, the method further includes:
creating a preset operation instruction of the bullet frame head;
acquiring elements of the head part in an instruction binding mode based on a preset operation instruction;
event snooping for preset operations is added to elements of the header.
Optionally, the method further includes:
judging whether the display area of the popup frame exceeds the display area of the screen after the popup frame moves according to the position change information of the mouse pointer, the size information of the popup frame and the size information of the screen for displaying the popup frame;
if yes, the moving operation is not executed aiming at the popup frame.
Optionally, the method further includes:
determining size information of the bullet frame;
and modifying the style value of the semi-transparent modal layer of the screen displaying the bullet frame according to the size information.
In a second aspect, an embodiment of the present application provides a display control device for a pop-up box on a data flow configuration interface, where the device includes:
the processing module is used for recording the position of a mouse pointer in a screen for displaying the popup frame when the preset triggering operation of the user on the popup frame based on the mouse pointer is detected, and monitoring whether the mouse pointer is triggered to move to the position or not;
the determining module is used for determining the position change information of the mouse pointer when the position moving operation is finished if the mouse pointer is triggered to move;
and the moving module is used for determining the display position of the popup frame according to the position change information and moving the popup frame so as to ensure that the display area of the popup frame is not overlapped with the data stream configuration interface.
Optionally, the moving module is configured to:
adjusting the distance style value between the bullet frame and the screen displaying the bullet frame according to the position change information;
and determining the display position of the bullet frame based on the distance pattern value and moving the bullet frame so that the display area of the bullet frame is not overlapped with the data stream configuration interface.
Optionally, the apparatus is further configured to:
creating a preset operation instruction of the bullet frame head;
acquiring elements of the head part in an instruction binding mode based on a preset operation instruction;
event snooping for preset operations is added to elements of the header.
Optionally, the apparatus is further configured to:
judging whether the display area of the popup frame exceeds the display area of the screen after the popup frame moves according to the position change information of the mouse pointer, the size information of the popup frame and the size information of the screen for displaying the popup frame;
if yes, the moving operation is not executed aiming at the popup frame.
Optionally, the apparatus is further configured to:
determining size information of the bullet frame;
and modifying the style value of the semi-transparent modal layer of the screen displaying the bullet frame according to the size information.
In a third aspect, an embodiment of the present application provides a display control device for a popup box on a data stream configuration interface, where the device includes: a processor and a memory storing computer program instructions;
the processor, when executing the computer program instructions, implements the method for controlling display of a pop-up box on any one of the data stream configuration interfaces as described in the first aspect above.
In a fourth aspect, the present application provides a computer-readable storage medium, where computer program instructions are stored, and when executed by a processor, the computer program instructions implement the method for controlling display of a popup box on any data stream configuration interface as described in the first aspect.
According to the display control method, the display control device, the display control equipment and the computer readable storage medium of the popup frame on the data stream configuration interface, when the fact that a user executes preset trigger operation on the popup frame based on a mouse pointer is detected, the position, located in a screen for displaying the popup frame, of the mouse pointer when the mouse pointer executes the preset operation is recorded, and whether the mouse pointer is triggered to move the position or not is monitored; if the mouse pointer is triggered to perform position movement operation, determining position change information of the mouse pointer when the position movement operation is finished; and determining the display position of the popup frame according to the position change information and moving the popup frame so as to ensure that the display area of the popup frame is not overlapped with the data stream configuration interface, thus solving the problem of shielding the popup frame and the configuration page and improving the operation experience of a user.
Drawings
In order to more clearly illustrate the embodiments of the present invention or the technical solutions in the prior art, the drawings needed to be used in the embodiments or the technical solutions in the prior art are briefly introduced below, and it is obvious that the drawings in the following description are some embodiments of the present application, and other drawings can be obtained according to these drawings by those skilled in the art without creative efforts.
FIG. 1 is a schematic diagram of a configuration interface of a data processing component node to be configured according to the related art;
FIG. 2 is a schematic diagram of a configuration interface of a bounding box and a data processing component node to be configured provided by the related art;
fig. 3 is a flowchart illustrating a display control method for a pop-up box on a data flow configuration interface according to an embodiment of the present application;
FIG. 4 is a schematic diagram of an adjustment icon of a bullet box provided by one embodiment of the present application;
FIG. 5 is a schematic diagram of a configuration interface for a bounding box and a node of a data processing component to be configured according to an embodiment of the present application;
fig. 6 is a schematic structural diagram of a display control device for a pop-up box on a data flow configuration interface according to an embodiment of the present application;
fig. 7 is a schematic structural diagram of a display control device for a pop-up box on a data flow configuration interface according to an embodiment of the present application.
Detailed Description
Features and exemplary embodiments of various aspects of the present application will be described in detail below, and in order to make objects, technical solutions and advantages of the present application more apparent, the present application will be further described in detail below with reference to the accompanying drawings and specific embodiments. It should be understood that the specific embodiments described herein are intended to be illustrative only and are not intended to be limiting. It will be apparent to one skilled in the art that the present application may be practiced without some of these specific details. The following description of the embodiments is merely intended to provide a better understanding of the present application by illustrating examples thereof.
It is noted that, herein, relational terms such as first and second, and the like may be used solely to distinguish one entity or action from another entity or action without necessarily requiring or implying any actual such relationship or order between such entities or actions. Also, the terms "comprises," "comprising," or any other variation thereof, are intended to cover a non-exclusive inclusion, such that a process, method, article, or apparatus that comprises a list of elements does not include only those elements but may include other elements not expressly listed or inherent to such process, method, article, or apparatus. Without further limitation, an element defined by the phrase "comprising … …" does not exclude the presence of additional identical elements in the process, method, article, or apparatus that comprises the element.
Generally, before configuring a data processing component node to be configured, a data center needs to determine data required by the data processing component node to be configured in advance, wherein the required data is determined by output data of a data processing component node immediately preceding the node to be configured.
In the related art, in order to avoid a deviation occurring when a data processing component node is configured, a popup frame for viewing historical data processing component node information is developed, and the popup frame includes output data of a data processing component node immediately preceding the node to be configured, so that when the data processing component node to be configured is configured subsequently, a popup frame trigger button can be clicked to trigger the popup frame, and the data processing component node to be configured is configured according to the information included in the popup frame.
However, when the pop-up frame is triggered to display in the related art, a situation that an area where the pop-up frame is located overlaps with an area where a configuration page of the data processing component node to be configured is located usually occurs, that is, the pop-up frame blocks the configuration page. In this case, the configuration page generally needs to be configured after the pop-up box is closed, so that for a user unfamiliar with data, if the user needs to frequently view data of a previous data processing component node, the user needs to frequently perform an open-close operation on the pop-up box, which is easy to reduce the user operation experience.
In order to solve the above technical problem, embodiments of the present application provide a display control method, device, and apparatus for a popup box on a data stream configuration interface, and a computer-readable storage medium. First, a display control method of a pop-up box on a data stream configuration interface provided in an embodiment of the present application is described below.
Fig. 3 is a flowchart illustrating a display control method for a popup box on a data stream configuration interface according to an embodiment of the present application. As shown in fig. 3, the method includes the following steps S301 to S303:
s301, when detecting that a user executes preset trigger operation on the popup frame based on the mouse pointer, recording the position of the mouse pointer in a screen for displaying the popup frame when the mouse pointer executes the preset operation, and monitoring whether the mouse pointer is triggered to move the position.
In this application, the preset trigger operation includes a mouse press or a mouse click operation.
For example, taking the example that the preset trigger operation includes pressing a mouse, when it is detected that the user performs a mouse pressing operation on the pop-up frame based on the mouse pointer, it may record a position of the mouse pointer in a screen displaying the pop-up frame when the mouse is pressed, and monitor whether the mouse pointer is triggered by a position moving operation.
When determining whether the mouse pointer is triggered to move the position, the determination may be performed according to a position where the mouse pointer is located in the screen where the pop-up box is displayed when the mouse is pressed, which is recorded before. For example, if the current position of the mouse pointer is inconsistent with the previously recorded position information, that is, the position of the mouse pointer changes, it is determined that the mouse pointer is triggered to move the position. On the contrary, if the current position of the mouse pointer is consistent with the position information recorded before, the position of the mouse pointer is not changed, and the mouse pointer is not triggered to move.
In one embodiment, before recording a position of the mouse pointer in a screen displaying a popup box when the mouse pointer performs a preset operation and monitoring whether the mouse pointer is triggered to perform a position moving operation, the method further includes: creating a preset operation instruction of the bullet frame head; acquiring elements of the head part in an instruction binding mode based on a preset operation instruction; event snooping for preset operations is added to elements of the header.
In the embodiment of the application, the event monitoring of the preset operation is realized by creating the preset operation instruction, so that the movement direction of the mouse pointer can be known in real time, the event triggered by the mouse pointer can be responded in time, and the response delay is avoided.
For example, in practical application, a custom common head dragging instruction can be created by using a custom instruction mode provided by a preset frame, and other popup boxes can achieve the same effect only by introducing the common instruction. Through instruction binding, after the head element is acquired, preset operation monitoring, such as event monitoring of mouse pressing, mouse dragging and mouse releasing, can be added to the head element.
S302, if the mouse pointer is triggered to move the position, determining the position change information of the mouse pointer when the position moving operation is finished.
The position moving operation may be understood as an operation of changing the position of the mouse pointer. For example, it may be an operation of moving with/by a mouse.
In the embodiment of the application, if the mouse pointer is triggered to perform the position movement operation, monitoring of a preset position movement operation event is triggered, and position change information of the mouse pointer at the end of the position movement operation is determined.
And S303, determining the display position of the bullet frame according to the position change information and moving the bullet frame so that the display area of the bullet frame is not overlapped with the data stream configuration interface.
In this embodiment, step S303 can be implemented according to the following steps:
(1) and adjusting the distance style value between the bullet frame and the screen displaying the bullet frame according to the position change information.
Optionally, in order to ensure that the display position of the popup frame can be changed in real time, in the embodiment of the present application, the distance style value between the popup frame and the screen displaying the popup frame may be adjusted/modified in real time according to the position change information of the mouse pointer.
For example, in practical applications, the distance pattern values of the popup frame relative to the left and upper positions of the screen can be adjusted in real time according to the position change information of the mouse pointer, so as to change the position of the popup frame.
(2) And determining the display position of the bullet frame based on the distance pattern value and moving the bullet frame so that the display area of the bullet frame is not overlapped with the data stream configuration interface.
In the application, the distance style value between the bullet frame and the screen displaying the bullet frame can be adjusted according to the position change information, then the display position of the bullet frame is determined based on the distance style value, and the bullet frame is moved, so that the overlapping condition of the display area of the bullet frame and the data flow configuration interface can be avoided, and a user can conveniently check the configuration information, the output result and the like of the required historical data processing assembly node.
The method provided by the embodiment of the present application is described in detail below with reference to examples.
As shown in fig. 4, in the embodiment of the present application, an adjustment icon (e.g., icons corresponding to "2" and "3" marked on the bottom and the right in fig. 4) may be added to the bottom and the right of the popup frame in advance, and the initial width of the popup frame may be recorded. A common finger custom instruction is created for the icon on the left. And acquiring the elements of the icons through instruction binding, and adding data pressing, dragging and loosening event monitoring to the elements. And when the mouse is pressed down, recording the current position of a mouse pointer and the width of the popup frame. When the mouse is moved, the position of a mouse pointer is recorded in real time, the moving distance of the mouse pointer is calculated, and meanwhile, the width style value of the popup frame is modified, so that the border of the popup frame moves along with the mouse, and the width of the popup frame is modified in real time.
It should be noted that, in order to avoid the problem that the width is too small, which results in too compact page display, the modification of the width of the pop-up frame in the present application cannot be smaller than half of the original width; secondly, the modification of the width of the pop-up frame cannot exceed the width of the screen, so that the problem that the screen shields the page of the pop-up frame is prevented. When the mouse is released, data can be emptied, and the position of the page of the popup frame is kept unchanged. And in the same way, monitoring the mouse event for the icon at the bottom of the popup frame, and calculating the height of the popup frame.
In an alternative embodiment, in order to avoid the bullet box being moved out of the screen, a screen occlusion problem occurs. In the embodiment of the application, whether the display area of the popup frame exceeds the display area of the screen after the popup frame moves can be judged according to the position change information of the mouse pointer, the size information of the popup frame and the size information of the screen displaying the popup frame; if so, the moving operation is not executed for the bullet frame.
In practical application, whether the popup frame is moved out of the range of the screen or not can be calculated according to the width and height of the popup frame, the width and height of the screen and the position of a mouse pointer; and if the screen range is determined to be exceeded, stopping modifying the position of the bullet frame. By the mode, the problem that the screen is shielded when the elastic frame is moved out of the screen can be avoided.
Optionally, when it is detected that the position moving operation is finished, all data may be cleared, and the page position may be kept unchanged.
In one embodiment, in order to achieve the effect that the data stream configuration interface and the popup box can be operated simultaneously, size information of the popup box can be determined; and modifying the style value of a semi-transparent modal layer of the screen displaying the bullet frame according to the size information.
Specifically, a common custom instruction for calculating the distance may be created in advance, and when the bullet box is created, by binding the custom instruction, size information of the bullet box, such as the original width and height of the bullet box, and the distance between two adjacent sides of the opposite screen (such as the distance between the left side and the upper side) may be calculated; and then, according to the size information of the popup frame and the distance between the popup frame and two adjacent sides of the screen, modifying the pattern value of the semitransparent modal layer originally fully paved on the screen, and modifying the width in the pattern value into the width of the original popup frame, so that the mouse operation of a user can penetrate through the modal layer, and the effect of simultaneously operating a data stream configuration interface and the popup frame interface is realized. After the style value of the semitransparent modal layer is modified, a display diagram of the data flow configuration interface and the popup frame interface is shown in fig. 5, the data flow configuration interface and the popup frame interface are displayed on a screen in a staggered manner, and the popup frame interface does not block each configuration item of the data flow configuration interface.
Through the above mode that this application provided, can be according to the size information of bullet frame and for the distance of the adjacent both sides of screen, modify the pattern value of the translucent mode layer of full screen originally to realize the effect of operating simultaneously data flow configuration interface and bullet frame interface.
By adopting the display control method for the popup frame on the data stream configuration interface, when the situation that a user executes the preset trigger operation on the popup frame based on the mouse pointer is detected, the position, located in a screen for displaying the popup frame, of the mouse pointer when the preset operation is executed is recorded, and whether the mouse pointer is triggered to move or not is monitored; if the mouse pointer is triggered to perform position movement operation, determining position change information of the mouse pointer when the position movement operation is finished; and determining the display position of the bullet frame according to the position change information and moving the bullet frame so that the display area of the bullet frame is not overlapped with the data stream configuration interface, thus solving the problem of shielding the bullet frame and the configuration page and improving the operation experience of a user.
Fig. 6 is a schematic structural diagram illustrating a display control device of a popup box on a data stream configuration interface according to an embodiment of the present application. As shown in fig. 6, the apparatus includes:
the processing module 601 is configured to, when it is detected that a user performs a preset trigger operation on the popup frame based on a mouse pointer, record a position, in a screen displaying the popup frame, of the mouse pointer when the mouse pointer performs the preset operation, and monitor whether the mouse pointer is triggered to perform a position movement operation;
a determining module 602, configured to determine, if a position moving operation of a mouse pointer is triggered, position change information of the mouse pointer when the position moving operation is finished;
the moving module 603 is configured to determine a display position of the bullet frame according to the position change information and move the bullet frame, so that a display area of the bullet frame is not overlapped with the data stream configuration interface.
Optionally, the moving module 603 is configured to:
adjusting the distance style value between the bullet frame and the screen displaying the bullet frame according to the position change information;
and determining the display position of the bullet frame based on the distance style value and moving the bullet frame so that the display area of the bullet frame is not overlapped with the data stream configuration interface.
Optionally, the apparatus is further configured to:
creating a preset operation instruction of the bullet frame head;
acquiring elements of the head part in an instruction binding mode based on a preset operation instruction;
event snooping for preset operations is added to elements of the header.
Optionally, the apparatus is further configured to:
judging whether the display area of the popup frame exceeds the display area of the screen after the popup frame moves according to the position change information of the mouse pointer, the size information of the popup frame and the size information of the screen displaying the popup frame;
if so, the moving operation is not executed for the bullet frame.
Optionally, the apparatus is further configured to:
determining size information of the bullet frame;
and modifying the style value of the semi-transparent modal layer of the screen displaying the bullet frame according to the size information.
By adopting the display control device for the popup frame on the data stream configuration interface, when detecting that a user executes preset trigger operation on the popup frame based on a mouse pointer, recording the position of the mouse pointer in a screen for displaying the popup frame when the mouse pointer executes the preset operation, and monitoring whether the mouse pointer is triggered to move to the position; if the mouse pointer is triggered to perform position movement operation, determining position change information of the mouse pointer when the position movement operation is finished; and determining the display position of the bullet frame according to the position change information and moving the bullet frame so that the display area of the bullet frame is not overlapped with the data stream configuration interface, thus solving the problem of shielding the bullet frame and the configuration page and improving the operation experience of a user.
Fig. 7 shows a schematic structural diagram of a display control device for a popup box on a data stream configuration interface according to an embodiment of the present application.
The display control device of the pop-up box on the data flow configuration interface may include a processor 701 and a memory 702 storing computer program instructions.
Specifically, the processor 701 may include a Central Processing Unit (CPU), or an Application Specific Integrated Circuit (ASIC), or may be configured to implement one or more Integrated circuits of the embodiments of the present Application.
In one embodiment, the Memory 702 may be a Read Only Memory (ROM). In one embodiment, the ROM may be mask-programmed ROM, Programmable ROM (PROM), Erasable PROM (EPROM), Electrically Erasable PROM (EEPROM), Electrically Alterable ROM (EAROM), or flash memory, or a combination of two or more of these.
The processor 701 reads and executes the computer program instructions stored in the memory 702 to implement the display control method of the pop-up box on the data stream configuration interface in any one of the above embodiments.
In one example, the display control device of the pop-up box on the data flow configuration interface may further include a communication interface 703 and a bus 710. As shown in fig. 7, the processor 701, the memory 702, and the communication interface 703 are connected by a bus 710 to complete mutual communication.
The communication interface 703 is mainly used for implementing communication between modules, apparatuses, units and/or devices in this embodiment of the application.
In addition, in combination with the display control method of the pop-up frame on the data stream configuration interface in the foregoing embodiment, the embodiment of the present application may provide a computer-readable storage medium to implement the method. The computer readable storage medium having stored thereon computer program instructions; the computer program instructions, when executed by a processor, implement a display control method for a popup box on a data stream configuration interface in any of the above embodiments.
It is to be understood that the present application is not limited to the particular arrangements and instrumentality described above and shown in the attached drawings. A detailed description of known methods is omitted herein for the sake of brevity. In the above embodiments, several specific steps are described and shown as examples. However, the method processes of the present application are not limited to the specific steps described and illustrated, and those skilled in the art can make various changes, modifications, and additions or change the order between the steps after comprehending the spirit of the present application.
The functional blocks shown in the above-described structural block diagrams may be implemented as hardware, software, firmware, or a combination thereof. When implemented in hardware, it may be, for example, an electronic circuit, an Application Specific Integrated Circuit (ASIC), suitable firmware, plug-in, function card, or the like. When implemented in software, the elements of the present application are the programs or code segments used to perform the required tasks. The program or code segments may be stored in a machine-readable medium or transmitted by a data signal carried in a carrier wave over a transmission medium or a communication link. A "machine-readable medium" may include any medium that can store or transfer information. Examples of a machine-readable medium include electronic circuits, semiconductor memory devices, ROM, flash memory, Erasable ROM (EROM), floppy disks, CD-ROMs, optical disks, hard disks, fiber optic media, Radio Frequency (RF) links, and so forth. The code segments may be downloaded via computer networks such as the internet, intranet, etc.
It should also be noted that the exemplary embodiments mentioned in this application describe some methods or systems based on a series of steps or devices. However, the present application is not limited to the order of the above-described steps, that is, the steps may be performed in the order mentioned in the embodiments, may be performed in an order different from the order in the embodiments, or may be performed simultaneously.
Aspects of the present application are described above with reference to flowchart illustrations and/or block diagrams of methods, apparatus (systems) and computer program products according to embodiments of the application. It will be understood that each block of the flowchart illustrations and/or block diagrams, and combinations of blocks in the flowchart illustrations and/or block diagrams, can be implemented by computer program instructions. These computer program instructions may be provided to a processor of a general purpose computer, special purpose computer, or other programmable data processing apparatus to produce a machine, such that the instructions, which execute via the processor of the computer or other programmable data processing apparatus, enable the implementation of the functions/acts specified in the flowchart and/or block diagram block or blocks. Such a processor may be, but is not limited to, a general purpose processor, a special purpose processor, an application specific processor, or a field programmable logic circuit. It will also be understood that each block of the block diagrams and/or flowchart illustration, and combinations of blocks in the block diagrams and/or flowchart illustration, can be implemented by special purpose hardware for performing the specified functions or acts, or combinations of special purpose hardware and computer instructions.
As described above, only the specific embodiments of the present application are provided, and it can be clearly understood by those skilled in the art that, for convenience and brevity of description, the specific working processes of the system, the module and the unit described above may refer to the corresponding processes in the foregoing method embodiments, and are not described herein again. It should be understood that the scope of the present application is not limited thereto, and any person skilled in the art can easily conceive various equivalent modifications or substitutions within the technical scope of the present application, and these modifications or substitutions should be covered within the scope of the present application.
Claims (10)
1. A display control method for a popup box on a data stream configuration interface is characterized by comprising the following steps:
when detecting that a user executes preset trigger operation on a popup frame based on a mouse pointer, recording the position of the mouse pointer in a screen for displaying the popup frame when the preset operation is executed by the mouse pointer, and monitoring whether the mouse pointer is triggered to move to the position;
if the mouse pointer is triggered to perform position movement operation, determining position change information of the mouse pointer when the position movement operation is finished;
and determining the display position of the bullet frame according to the position change information and moving the bullet frame so as to ensure that the display area of the bullet frame is not overlapped with the data stream configuration interface.
2. The display control method according to claim 1, wherein determining a display position of the bullet box according to the position change information and moving the bullet box so that a display area of the bullet box does not overlap with the data stream configuration interface comprises:
adjusting a distance style value between the pop frame and a screen displaying the pop frame according to the position change information;
and determining the display position of the bullet frame based on the distance style value and moving the bullet frame so that the display area of the bullet frame is not overlapped with the data stream configuration interface.
3. The display control method according to claim 1, wherein before recording a position of the mouse pointer in a screen on which the popup box is displayed when the mouse pointer performs the preset operation, and monitoring whether the mouse pointer is triggered to perform a position moving operation, the method further comprises:
creating a preset operation instruction of the bullet frame head;
acquiring elements of the head part in an instruction binding mode based on the preset operation instruction;
and adding event monitoring of preset operation aiming at the elements of the head.
4. The display control method according to claim 1, characterized in that the method further comprises:
judging whether the display area of the popup frame exceeds the display area of the screen after the popup frame moves according to the position change information of the mouse pointer, the size information of the popup frame and the size information of the screen displaying the popup frame;
if yes, the moving operation is not executed aiming at the bullet frame.
5. The display control method according to claim 1, characterized in that the method further comprises:
determining size information of the bullet frame;
and modifying the style value of a semi-transparent modal layer of the screen displaying the bullet frame according to the size information.
6. A display control apparatus for pop-up boxes on a data flow configuration interface, the apparatus comprising:
the processing module is used for recording the position of the mouse pointer in a screen for displaying the popup frame when the preset triggering operation of the user on the popup frame based on the mouse pointer is detected, and monitoring whether the mouse pointer is triggered to move to the position or not;
the determining module is used for determining the position change information of the mouse pointer when the position moving operation is finished if the mouse pointer is triggered to move;
and the moving module is used for determining the display position of the bullet frame according to the position change information and moving the bullet frame so as to enable the display area of the bullet frame to be not overlapped with the data stream configuration interface.
7. The display control apparatus of claim 6, wherein the moving module is configured to:
adjusting a distance style value between the bullet frame and a screen displaying the bullet frame according to the position change information;
and determining the display position of the bullet frame based on the distance style value and moving the bullet frame so that the display area of the bullet frame is not overlapped with the data stream configuration interface.
8. The display control apparatus according to claim 6, wherein the apparatus is further configured to:
creating a preset operation instruction of the bullet frame head;
acquiring elements of the head part based on the preset operation instruction in an instruction binding mode;
and adding event monitoring of preset operation aiming at the elements of the head.
9. The display control device for the pop-up frame on the data flow configuration interface is characterized by comprising: a processor and a memory storing computer program instructions;
the processor, when executing the computer program instructions, implements a method for controlling display of a pop-up box on a data flow configuration interface as recited in any of claims 1-5.
10. A computer-readable storage medium having computer program instructions stored thereon, which when executed by a processor implement a display control method for a popup box on a data stream configuration interface according to any one of claims 1 to 5.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202210234452.0A CN114895828A (en) | 2022-03-10 | 2022-03-10 | Display control method, device and equipment for popup box on data stream configuration interface |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202210234452.0A CN114895828A (en) | 2022-03-10 | 2022-03-10 | Display control method, device and equipment for popup box on data stream configuration interface |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN114895828A true CN114895828A (en) | 2022-08-12 |
Family
ID=82714956
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202210234452.0A Pending CN114895828A (en) | 2022-03-10 | 2022-03-10 | Display control method, device and equipment for popup box on data stream configuration interface |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN114895828A (en) |
Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20100045570A1 (en) * | 2008-08-25 | 2010-02-25 | Pfu Limited | Information processing device, and transparent display element control method and program |
| US8495514B1 (en) * | 2005-06-02 | 2013-07-23 | Oracle America, Inc. | Transparency assisted window focus and selection |
| US20140181636A1 (en) * | 2012-12-21 | 2014-06-26 | International Business Machines Corporation | Detection and Repositioning of Pop-up Dialogs |
| CN106484382A (en) * | 2015-08-31 | 2017-03-08 | 阿里巴巴集团控股有限公司 | The method and apparatus that a kind of bullet frame shows |
| CN109992268A (en) * | 2019-03-29 | 2019-07-09 | 携程旅游信息技术（上海）有限公司 | Play frame implementation method, device, electronic equipment, storage medium |
| CN110688189A (en) * | 2019-09-30 | 2020-01-14 | 北京拉勾网络技术有限公司 | Display method and device of bullet frame and storage medium |
| CN113867870A (en) * | 2021-09-29 | 2021-12-31 | 完美世界(北京)软件科技发展有限公司 | Popup management system, popup control method, storage medium, and computer device |
-
2022
- 2022-03-10 CN CN202210234452.0A patent/CN114895828A/en active Pending
Patent Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US8495514B1 (en) * | 2005-06-02 | 2013-07-23 | Oracle America, Inc. | Transparency assisted window focus and selection |
| US20100045570A1 (en) * | 2008-08-25 | 2010-02-25 | Pfu Limited | Information processing device, and transparent display element control method and program |
| US20140181636A1 (en) * | 2012-12-21 | 2014-06-26 | International Business Machines Corporation | Detection and Repositioning of Pop-up Dialogs |
| CN106484382A (en) * | 2015-08-31 | 2017-03-08 | 阿里巴巴集团控股有限公司 | The method and apparatus that a kind of bullet frame shows |
| CN109992268A (en) * | 2019-03-29 | 2019-07-09 | 携程旅游信息技术（上海）有限公司 | Play frame implementation method, device, electronic equipment, storage medium |
| CN110688189A (en) * | 2019-09-30 | 2020-01-14 | 北京拉勾网络技术有限公司 | Display method and device of bullet frame and storage medium |
| CN113867870A (en) * | 2021-09-29 | 2021-12-31 | 完美世界(北京)软件科技发展有限公司 | Popup management system, popup control method, storage medium, and computer device |
Non-Patent Citations (1)
| Title |
|---|
| ABIN0406: "《https://blog.csdn.net/bin_zi_123/article/details/100017176》", pages: 1 - 3 * |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN104571852A (en) | Icon moving method and device | |
| CN106445392A (en) | Operating method of status bar icon and mobile terminal | |
| KR20160149262A (en) | Touch point recognition method and device | |
| JP5449630B1 (en) | Programmable display and its screen operation processing program | |
| CN110140342A (en) | Locking screen interface processing method and terminal | |
| KR20140031254A (en) | Method for selecting an element of a user interface and device implementing such a method | |
| CN107302661A (en) | A kind of camera control method and mobile terminal | |
| CN105843547B (en) | A kind of page sliding method and device | |
| CN107103304A (en) | The display methods and mobile terminal in a kind of fingerprint recognition region | |
| CN107506130B (en) | Character deleting method and mobile terminal | |
| US10809906B2 (en) | Electronic device and screenshot capturing method | |
| CN104765525A (en) | Operation interface switching method and device | |
| CN104951213A (en) | Method for preventing false triggering of edge sliding gesture and gesture triggering method | |
| CN112860146A (en) | Text selection method and device and electronic equipment | |
| CN106230447B (en) | A kind of data transfer control method and mobile terminal | |
| CN114895828A (en) | Display control method, device and equipment for popup box on data stream configuration interface | |
| US20080163101A1 (en) | Managing display windows on small screens | |
| US9448710B2 (en) | Tracking user interactions with a mobile UI to facilitate UI optimizations | |
| CN106951258A (en) | The operating method and mobile terminal of a kind of mobile terminal | |
| EP3022641B1 (en) | Gesture-based control of electronic devices | |
| US9720566B1 (en) | Management of user interface elements | |
| CN106293386B (en) | A kind of method and mobile terminal of hide application program | |
| EP3371686B1 (en) | Improved method for selecting an element of a graphical user interface | |
| CN110647268B (en) | Control method and control device for display window in game | |
| CN106445359A (en) | Control controlling method and device |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination |