CN104516646B - Picture buttons correlating method and device - Google Patents

Abstract

The present invention provides a method and device for associating picture buttons, including: determining the button operation object clicked by the mouse as the button to be associated; Current state, until detecting that the operation key clicked by the mouse pops up; when the operation key clicked by the mouse pops up, the picture corresponding to the area where the cursor of the mouse is located is used as the picture to be associated, and the picture to be associated is combined with the picture to be associated The button to be associated is associated. Through the method and device for associating picture buttons provided by the present invention, the association of buttons and pictures can be realized conveniently and intuitively.

Description

Image button association method and device

technical field

The invention relates to the field of typesetting, in particular to a method and device for associating picture buttons.

Background technique

Different from printed publications, digital publications can achieve rich interactive effects and have better expressiveness. Among them, the combination and association of the button and the picture can form a relatively rich interactive effect. The association of buttons and screens is different from the production of printed publications in the past. Screens have a group relationship, and there may be complex correspondence between buttons and screens, so establishing this association is a relatively complex operation.

In this regard, the existing association operation method generally adopts the operation method of attribute setting, that is, in the attribute of the button, an identifier of a certain picture is set to realize the association between the two. However, in the above operation mode, when setting each button, it is necessary to switch back and forth between each picture interface and the attribute interface of the button, so it is cumbersome and cannot realize the association conveniently and intuitively.

Contents of the invention

The invention provides a method and device for associating picture buttons, which are used to solve the technical problem that the existing method for associating picture buttons cannot realize the association conveniently and intuitively.

The first aspect of the present invention is to provide a method for associating picture buttons, including:

Determine the button operation object clicked by the mouse as the button to be associated;

If it is detected that the mouse click is a drag operation, the current state of the operation key clicked by the mouse is detected in real time until it is detected that the operation key clicked by the mouse pops up;

The picture corresponding to the area where the cursor of the mouse is located when the operation key clicked by the mouse is popped up is used as the picture to be associated, and the picture to be associated is associated with the button to be associated.

Another aspect of the present invention is to provide a picture button association device, comprising:

A processing module, configured to determine the button operation object clicked by the mouse as the button to be associated;

A detection module, configured to detect in real time the current state of the operation key clicked by the mouse if it is detected that the mouse click is a drag operation, until it is detected that the operation key clicked by the mouse pops up;

The associating module is configured to use the picture corresponding to the area where the cursor of the mouse is located when the operation key clicked by the mouse is popped up as the picture to be linked, and associate the picture to be linked with the button to be linked.

The method and device for associating picture buttons provided by the present invention can realize the association of buttons and pictures conveniently and intuitively by detecting the user's operation state of the mouse to determine the button to be associated and the picture to be associated, and associating the two.

Description of drawings

FIG. 1 is a schematic flowchart of a method for associating picture buttons provided by Embodiment 1 of the present invention;

FIG. 2 is a schematic structural diagram of a device for associating picture buttons provided by Embodiment 2 of the present invention.

detailed description

In order to make the purpose, technical solutions and advantages of the embodiments of the present invention more clear, the technical solutions in the embodiments of the present invention will be clearly and completely described below in conjunction with the drawings in the embodiments of the present invention.

FIG. 1 is a schematic flowchart of a method for associating picture buttons provided by Embodiment 1 of the present invention. As shown in FIG. 1 , the method includes:

101. Determine the button operation object clicked by the mouse as the button to be associated.

In an actual application scenario, the user can select a button to be associated by clicking the mouse. Take the user clicking the left button of the mouse as an example, assuming that the user selects an object by clicking the left button of the mouse, check whether the object is a button, and if so, determine the button clicked by the mouse as the button to be associated. Specifically, the identifier of the selected button may be cached for subsequent use.

102. If it is detected that the mouse click is a drag operation, detect the current state of the operation key clicked by the mouse in real time until it is detected that the operation key clicked by the mouse pops up.

Wherein, the drag operation may generally be used to indicate that the user continues to press the operation key of the mouse while moving the mouse; the mouse pop-up generally refers to the pop-up of the operation key clicked by the mouse. Specifically, for example, assuming that the operation key clicked by the mouse is the left button of the mouse, correspondingly, after the user selects the button to be associated, if it is detected that the user clicks the left mouse button to move, then start to obtain the mouse left button in real time. The current state of the key until a left mouse button up is detected, i.e. the user no longer presses the left mouse button.

In practical applications, after step 101, if it is detected that the mouse click does not perform a drag operation, but other operations are performed, for example, clicking on another object, the currently determined button to be associated will be canceled. Specifically, the current cache can be deleted , and re-execute 101 to re-determine the button to be associated.

Optionally, as an implementable manner of this embodiment, after detecting that the mouse click is a drag operation in 102, it may further include:

The current position of the cursor of the mouse is acquired in real time, and a connection line from the button to be associated to the cursor of the mouse is displayed to indicate that the association process is currently in progress.

Through this embodiment, it is possible to draw a connecting line from the button to be associated to the cursor of the mouse during the dragging process of the mouse, so that the user can intuitively know that the association process is currently in progress.

Optionally, as another implementable manner of this embodiment, in any of the above implementation manners, before detecting that the mouse click is a drag operation in step 102, it may further include: The home page area in , displays its corresponding picture;

Correspondingly, after detecting that the mouse click is a drag operation, it may also include: detecting in real time whether the area where the cursor of the mouse is currently located is the home page area, and if so, displaying in each area respectively The pictures corresponding to the regions.

Wherein, the home page area can be set as any area among the various areas. In order to understand this embodiment more intuitively, for example, when the mouse is not dragged, the pictures may be displayed in an overlapping presentation manner, that is, only one picture is displayed as the home page of the overlapping pictures, Each small picture below the homepage picture corresponds to each button; next, when the mouse cursor is dragged onto the homepage picture, the presentation mode of each picture is changed, that is, the way of displaying each picture is switched from the overlapping mode. To be more specific, the picture on the home page can be used as the first picture, and the pictures can be sorted in turn, starting from the second picture, and moving from the right edge of the previous picture to the right to a certain ratio of its width (for example, the ratio It is set to 20%, which is not limited in this embodiment), and the corresponding part of this picture is displayed in the corresponding area.

Further, in this embodiment, after detecting that the mouse click is a drag operation, it may also include: detecting in real time whether the area where the cursor of the mouse is currently located corresponds to a picture, and the picture is currently displayed state, if yes, then set the display mode of the cursor of the mouse to a preset correlative display mode.

Specifically, the associable display mode can be realized by setting the display shape of the mouse cursor, or by setting the display state of the mouse cursor, which is not limited in this embodiment. For example, when the cursor of the mouse is currently in the area corresponding to a displayed picture, the shape of the cursor of the mouse is switched to a cross shape, or the shape of the mouse may not be changed, but the display state of the cursor of the mouse is switched to flashing display.

Through the above embodiments, the display mode of the mouse cursor and the presentation mode of pictures can be dynamically switched according to the area where the mouse cursor is located, so that the process of associating buttons and pictures is more dynamic and intuitive.

103. Use the picture corresponding to the area where the cursor of the mouse is located when the operation key clicked by the mouse is popped up as the picture to be associated, and associate the picture to be associated with the button to be associated.

In practical applications, the button to be associated or the image to be associated selected by the user may be in the associated state, that is, it is currently associated with a certain image or button. In the mode, the method may also include:

If the button operation object has been associated with a picture, a connecting line connecting the button operation object to the corresponding picture in the homepage area is displayed to indicate that the button is currently associated.

Similarly, in any of the above implementation manners, before associating the picture to be linked with the button to be linked in step 103, it may further include: detecting whether the picture to be linked is currently associated with other buttons, If so, a prompt box is displayed to indicate that the picture to be associated has been associated;

Correspondingly, associating the picture to be linked with the button to be linked as described in step 103 may specifically include: if a confirmation instruction selected by the user according to the prompt box is received, then associating the picture to be linked The button is replaced by the button to be associated.

Through the above two implementation manners, it is possible to effectively avoid erroneous associations caused by user misoperations and improve the accuracy of associations.

The method for associating picture buttons provided in this embodiment, by detecting the user’s operation state of the mouse to determine the button to be linked and the picture to be linked, and the technical solution of associating the two, can realize the association of buttons and pictures conveniently and intuitively, and can Effectively avoid incorrect associations caused by misoperations and improve the accuracy of associations.

Fig. 2 is a schematic structural diagram of a picture button association device provided in Embodiment 2 of the present invention. As shown in Fig. 2, the device includes: a processing module 21, a detection module 22 and an association module 23; wherein,

The processing module 21 is used to determine the button operation object clicked by the mouse as the button to be associated;

The detection module 22 is configured to, if it is detected that the mouse click is a drag operation, detect the current state of the operation key clicked by the mouse in real time until it is detected that the operation key clicked by the mouse pops up;

The associating module 23 is configured to use the picture corresponding to the area where the cursor of the mouse is located when the operation key clicked by the mouse is popped up as the picture to be associated, and associate the picture to be associated with the button to be associated.

Optionally, in order for the user to intuitively know that the current association process is in progress, a connection line from the button to be associated to the cursor of the mouse can be drawn during the mouse dragging process, and correspondingly, as this embodiment In an implementable manner, the device may also include:

a display module, configured to acquire the current position of the cursor of the mouse in real time after the detection module detects that the mouse click is a drag operation, and display the connection line between the button to be associated and the cursor of the mouse, to indicate that the association is currently in progress.

Optionally, as another implementable manner of this embodiment, in any of the foregoing implementation manners, the display module may also be configured to , displaying its corresponding picture in the home page area in each preset area; the display module can also be used to detect the current position of the cursor of the mouse in real time after the detection module detects that the mouse click is a drag operation Whether the area where it is located is the home page area, and if so, display the pictures corresponding to each area in each area.

Further, in this embodiment, the display module can also be used to detect in real time whether the area where the cursor of the mouse is currently located corresponds to a picture after the detection module detects that the mouse click is a drag operation. , and the picture is currently displayed, if so, the display mode of the cursor of the mouse is set to a preset correlative display mode.

Through the above embodiments, the display mode of the mouse cursor and the presentation mode of pictures can be dynamically switched according to the area where the mouse cursor is located, so that the process of associating buttons and pictures is more dynamic and intuitive.

In practical applications, in order to prevent wrong associations caused by user misoperations, in any of the above implementation manners, the display module can also be used to display the button operation object if the button operation object has been associated with the picture. The connection line from the object to the picture corresponding to the home page area, to indicate that the current button is associated.

Similarly, in any of the above implementation manners, the display module is further configured to detect whether the image to be associated has been associated with other buttons before the association module 23 associates the image to be associated with the button to be associated. button association, if so, then display a prompt box to indicate that the picture to be associated has been associated; the association module 23 is specifically used to associate the picture to be associated if the confirmation instruction selected by the user according to the prompt box is received. The button is replaced by the button to be associated.

Through the above two implementation manners, it is possible to effectively avoid erroneous associations caused by user misoperations and improve the accuracy of associations.

The picture button associating device provided in this embodiment, by detecting the user's operation state of the mouse to determine the button to be linked and the picture to be linked, and the technical solution of associating the two, can realize the association of the button and the picture conveniently and intuitively, and can Effectively avoid incorrect associations caused by misoperations and improve the accuracy of associations.

Those skilled in the art can clearly understand that for the convenience and brevity of the description, the specific working process of the device described above can refer to the corresponding process in the foregoing method embodiment, and details are not repeated here.

Those of ordinary skill in the art can understand that all or part of the steps for implementing the above method embodiments can be completed by program instructions and related hardware. The aforementioned program can be stored in a computer-readable storage medium. When the program is executed, it executes the steps including the above-mentioned method embodiments; and the aforementioned storage medium includes: ROM, RAM, magnetic disk or optical disk and other various media that can store program codes.

Finally, it should be noted that: the above embodiments are only used to illustrate the technical solutions of the present invention, rather than limiting them; although the present invention has been described in detail with reference to the foregoing embodiments, those of ordinary skill in the art should understand that: It is still possible to modify the technical solutions described in the foregoing embodiments, or perform equivalent replacements for some or all of the technical features; and these modifications or replacements do not make the essence of the corresponding technical solutions deviate from the technical solutions of the various embodiments of the present invention. scope.

Claims (9)

1. A picture button association method is characterized in that, comprising: The button operation object clicked by the mouse is determined as the button to be associated; if it is detected that the mouse click is a drag operation, then the current state of the operation key clicked by the mouse is detected in real time until the operation key clicked by the mouse is detected. When the operation key clicked by the mouse is popped up, the picture corresponding to the region where the cursor of the mouse is located is used as the picture to be associated, and the picture to be associated is associated with the button to be associated; Wherein, before the said mouse click is detected as a drag operation, it also includes: Display the corresponding pictures in the home page area of each preset area; After detecting that the mouse click is a drag operation, it also includes: It is detected in real time whether the area where the cursor of the mouse is currently located is the home page area, and if so, the pictures corresponding to the areas are displayed in the areas. 2. The method according to claim 1, wherein after detecting that the mouse click is a drag operation, further comprising: The current position of the cursor of the mouse is acquired in real time, and a connection line from the button to be associated to the cursor of the mouse is displayed to indicate that the association process is currently in progress. 3. The method according to claim 1, wherein after detecting that the mouse click is a drag operation, further comprising: It is detected in real time whether there is a picture corresponding to the area where the cursor of the mouse is currently located, and the picture is currently in a display state, and if so, the display mode of the cursor of the mouse is set to a preset correlative display mode. 4. method according to claim 3, is characterized in that, described method also comprises: If the button operation object has been associated with a picture, a connecting line connecting the button operation object to the corresponding picture in the homepage area is displayed to indicate that the button is currently associated. 5. The method according to claim 3 or 4, wherein before associating the picture to be associated with the button to be associated, further comprising: Detecting whether the image to be associated is currently associated with other buttons, if so, displaying a prompt box to indicate that the image to be associated has been associated; The associating the picture to be associated with the button to be associated specifically includes: If a confirmation instruction selected by the user according to the prompt box is received, the button associated with the picture to be associated is replaced with the button to be associated. 6. A picture button associated device, characterized in that it comprises: A processing module, configured to determine the button operation object clicked by the mouse as the button to be associated; A detection module, configured to detect in real time the current state of the operation key clicked by the mouse if it is detected that the mouse click is a drag operation, until it is detected that the operation key clicked by the mouse pops up; An associating module, configured to use the picture corresponding to the area where the cursor of the mouse is located when the operation key clicked by the mouse is popped up as the picture to be associated, and associate the picture to be associated with the button to be associated; The device also includes: a display module, configured to acquire the current position of the cursor of the mouse in real time after the detection module detects that the mouse click is a drag operation, and display the connection line between the button to be associated and the cursor of the mouse, To indicate that it is currently in the process of association; The display module is also used to display the corresponding picture in the home page area of each preset area before the detection module detects that the mouse click is a drag operation; The display module is further configured to detect in real time whether the area where the cursor of the mouse is currently located is the home page area after the detection module detects that the mouse click is a drag operation, and if so, in each of the The pictures corresponding to the regions are respectively displayed in the regions. 7. The device of claim 6, wherein: The display module is further configured to detect in real time whether the area where the cursor of the mouse is currently located corresponds to a picture after the detection module detects that the mouse click is a drag operation, and the picture is currently in a display state, If yes, setting the display mode of the cursor of the mouse to a preset correlative display mode. 8. The device of claim 7, wherein: The display module is further configured to, if the button operation object has been associated with a picture, display a connecting line from the button operation object to the corresponding picture in the home page area, to indicate that the button is currently associated. 9. Apparatus according to claim 7 or 8, characterized in that, The display module is further configured to detect whether the image to be associated is currently associated with other buttons before the association module associates the image to be associated with the button to be associated, and if so, display a prompt box, to indicate that the picture to be linked has been linked; The associating module is specifically configured to replace the button associated with the picture to be associated with the button to be associated if a confirmation instruction selected by the user according to the prompt box is received.