JP4728019B2 - Button control apparatus and method, and program - Google Patents

Description

The present invention, the button control apparatus and method, and a program, for the selection techniques function by button control as a graphical user interface.

  Conventionally, a button control is known as one of graphical user interfaces (see, for example, Non-Patent Document 1). The function selection processing by the button control is performed by, for example, moving the mouse cursor on the button control and clicking or moving the focus on the button control with a direction key (arrow key) and pressing a predetermined key such as an “Enter” key. Is performed in response to an operation such as touching with a stylus pen or a finger.

When using a mouse, the function selection by the button control is canceled by moving the cursor outside the button control area while holding down the mouse button and then pushing the mouse button up. be able to.
"Programming Windows (registered trademark) 5th edition (top)", ASCII, Inc., ISBN: 4751366001

  However, since the function selection processing by the conventional button control is executed according to a simple operation as described above, an unintended button control may be erroneously selected. This button control operation error can be caused by a beginner who is not familiar with the operation of the mouse or arrow keys, or when a device such as a portable information terminal with a touch panel is shaken. In the case of carrying, this is likely to occur when the touch panel is not sufficiently adjusted and the actual touch position deviates from the touch position recognized by the device.

  Therefore, after the function selection operation by the button control as described above is performed, the function selection process by the button control is executed on condition that a predetermined confirmation operation is performed, or the button control is clicked a plurality of times. By operating the button control and other controls at the same time, a graphical user interface is configured to execute a function selection process based on the button control, thereby preventing erroneous operation of the button control.

  However, there are problems that the operation time becomes longer by increasing the number of operations, and that a plurality of controls constitute a large display area. Also, when the information such as a portable information terminal is narrow and the information that can be displayed in one screen is limited, it is difficult to implement the latter measure. Further, in the conventional method for canceling button control selection, the mouse cursor must be moved before the mouse button is pushed up, so the user needs to operate the mouse button with care.

  The present invention has been made under such a background, and an object thereof is to provide a button control device, a control method, and a program that can reduce the erroneous operation of the button control with a simple configuration and operation and a narrow display unit. To do.

In order to solve the above problems, the button control apparatus comprising: a display control means for displaying a button control on the graphical user interface screen, the drag operation on the button control displayed by the display control means A drag operation means for performing a drag operation, a detection means for detecting a direction and a distance of the drag operation performed on the button control by the drag operation means, and a drag direction detected by the detection means is a predetermined direction. Confirming function selection by the button control related to the drag operation when the distance is equal to or greater than a predetermined value, and the confirming means has a drag direction detected by the detecting means in a predetermined direction. case, the distance dragged detected by the detection means the predetermined value Reach, by calculating the ratio of the distance of the drag, which is detected by said detecting means with respect to the predetermined value and transmitted to the display control means, wherein the display control unit, the button control according to the ratio received from said determining means The display mode is changed.
The button control device according to claim 6 is a display control means for displaying a button control on a graphical user interface screen, a drag operation means for performing a drag operation on the button control displayed by the display control means, Detection means for detecting the direction and speed of the drag operation performed on the button control by the drag operation means, the direction of the drag detected by the detection means is a predetermined direction, and the drag speed is equal to or higher than a predetermined value In this case, a confirming means for confirming selection of a function by button control related to the drag operation is provided, and the confirming means, when the direction of the drag detected by the detecting means is a predetermined direction, by the detecting means up to a distance of the detected drag it reaches the predetermined value, against the predetermined value The ratio of the drag speed detected by the detection means is calculated and transmitted to the display control means, and the display control means changes the display mode of the button control according to the ratio received from the confirmation means. It is characterized by making it.
The button control method according to claim 7 is a display control step of displaying a button control on a graphical user interface screen, a drag operation step of performing a drag operation on the button control displayed by the display control step, A detection step of detecting a direction and a distance of a drag operation performed on the button control by a drag operation step, and a drag direction detected by the detection step is a predetermined direction, and the drag distance is a predetermined value or more A confirmation step for confirming selection of a function by button control related to the drag operation, and the confirmation step is detected by the detection step when the direction of the drag detected by the detection step is a predetermined direction. and distance of dragging reaches the predetermined value, against the predetermined value The ratio of the distance of the drag detected by the detection step is calculated and transmitted to the display control step, and the display control step changes the display mode of the button control according to the ratio received from the determination step. It is characterized by that.
The program according to claim 8 is a program for causing a computer to execute a button control method, wherein the button control method is displayed by a display control step of displaying a button control on a graphical user interface screen, and the display control step. A drag operation step for performing a drag operation on the button control; a detection step for detecting a direction and a distance of the drag operation performed on the button control by the drag operation step; and a drag detected by the detection step And confirming the selection of the function by the button control related to the drag operation when the drag distance is a predetermined value or more, and the confirming step is detected by the detecting step If the direction of been dragged in a predetermined direction, before Up to a distance of the detected drag by detection step reaches a predetermined value, and calculates the ratio of the distance of the drag, which is detected by the detection step for the predetermined value is transmitted to the display control step, the display control step The display mode of the button control is changed in accordance with the ratio received from the confirmation step .

According to the present invention, since the selection of the function by the button control is confirmed by dragging the button control in a predetermined direction by a predetermined distance, the button control is erroneously operated with a simple configuration / operation and a narrow display unit. that give reduced.

  Hereinafter, the best mode for carrying out the present invention will be described with reference to the drawings.

[First Embodiment]
FIG. 1 is a block diagram showing a schematic configuration of hardware of a portable terminal to which a button control device of the present invention is applied.

  The portable terminal performs predetermined processing such as information processing with the CPU 1 as a core. A ROM 2, a RAM 3, a flash memory 4, and a display / operation unit 6 are connected to the CPU 1. The display / operation unit 6 includes a liquid crystal display 62 and a touch panel 61, and the touch panel 61 is stacked on the liquid crystal display 62. Further, an input operation is performed by touching the touch panel 61 with the stylus pen 7.

  The ROM 2 stores various programs executed by the CPU 1. This program includes a program corresponding to the flowcharts of FIGS. 4, 5, 7, and 9 described later, and a program related to the external processing unit 25 (see FIG. 2). The CPU 1 uses the RAM 3 as a work area or the like when executing these programs. The flash memory 4 stores data processed by the CPU 1.

  In addition, the CPU 1 displays various GUI (Graphical User Interface) screens on the liquid crystal display 62. The touch panel 61 detects the touch position coordinates when the GUI screen is touched with the stylus pen 7 or the like, and notifies the CPU 1 of the touch position coordinates. Note that button controls, that is, icons indicating button controls are also displayed on the GUI screen.

  FIG. 2 is a functional block diagram of the portable terminal. The input operation detection unit 21 corresponds to the pressure-sensitive unit of the touch panel 61 shown in FIG. 1 and detects the position coordinates on the GUI screen touched with the stylus pen 7 or the like. The drag operation monitoring unit 22 monitors whether a drag operation is performed on the button control on the GUI screen, and stores the drag start position in the drag start position storage area 32 on the RAM 3. Note that the drag operation monitoring unit 22 is configured by a program in the present embodiment.

  Further, the button control position storage area 31 on the RAM 3 stores information on the display position of the button control on the GUI screen, and the drag operation monitoring unit 22 receives the information on the button control position storage area 31 and the input operation. Based on the touch position information from the detection unit 21, it is determined whether or not the button control is touched. Further, the drag operation monitoring unit 22 calculates the drag direction and the drag distance based on the touch position sequentially detected by the input operation detection unit 21 and the drag start position, and selects the drag direction and the drag distance as a button. The determination unit 23 is notified.

  The button selection determining unit 23 is configured by a program, and determines whether or not to select a function based on the button control based on a drag operation mode with respect to the button control.

  That is, the button selection determination unit 23 does not determine the selection of the function by the button control at the time when the touch operation is performed on the button control as in the conventional case, but in a predetermined direction with respect to the button control. On the condition that the button is dragged by a predetermined distance, the selection of the function by the button control is confirmed. In addition, when the selection of the function by the button control is confirmed, the button selection determination unit 23 notifies the external processing unit 25 to that effect.

  The external processing unit 25 is a collection of programs that perform each process related to button control displayed on the GUI screen.

  The button selection determining unit 23 determines the function selection by the button control based on the threshold value stored in the button complete pressing threshold storage area 33 on the RAM 3 and the button control pressing degree stored in the button pressing degree storage area 34. To do. The threshold value stored in the button complete pressing threshold storage area 33 is a threshold value related to the drag distance, and is set in advance together with the drag direction. Further, the degree of pressing of the button control stored in the button pressing degree storage area 34 indicates the ratio of the drag direction and the drag distance to the threshold value, and is calculated and stored by the button selection determination unit 23 and displayed. This is notified to the control unit 24. Note that the initial value of the degree of pressing the button control is “0” indicating that the button control is not pressed at all.

  The display control unit 24 is configured by a program, and changes the display mode of the button control on the liquid crystal display 62 according to the degree of pressing of the button control notified from the button selection determination unit 23. That is, in this embodiment, the drag direction is defined as the downward direction of the GUI screen, and the shape of the button control B (here, the OK button B) is three-dimensional as shown in FIGS. It has become. Therefore, if the degree of pressing of the button control notified from the button selection determination unit 23 is 50%, for example, the display control unit 24 is the third one from the left in FIG. 3 except for the key top part (button part). The OK button B is displayed in a state where the stroke part is depressed by 50%, and if it is 100%, the stroke part other than the key top part is depressed 100% as in the second from the right in FIG. Button B is displayed.

  Next, an outline of contact (touch) monitoring processing by the drag operation monitoring unit 22 will be described based on the flowchart of FIG.

  The drag operation monitoring unit 22 determines whether or not the button control on the GUI screen is touched based on the detection information received from the input operation detection unit 21, that is, the presence / absence of touch and the information on the touch position coordinates (step S01). A determination is made (step S02). In this case, the drag operation monitoring unit 22 is touched by the button control depending on whether or not the touch position coordinates received from the input operation detection unit 21 are within the button control coordinates stored in the button control storage area 31. It is determined whether or not. As a result, if the button control is not touched, the process returns to step S01.

  On the other hand, when the button control is touched, the drag operation monitoring unit 22 stores the touch position coordinates as the drag start position in the drag start position storage area 32 (step S03), and performs a drag monitoring process described later (step S03). S04).

  Next, details of the drag monitoring process in step S04 of FIG. 4 will be described based on the flowchart of FIG.

  The drag operation monitoring unit 22 determines whether or not the GUI screen is currently touched based on the detection information received from the input operation detection unit 21, that is, the presence / absence of touch and the information on the touch position coordinates (step S11). (Step S12). In this case, unlike the process of step S02 of FIG. 4, the drag operation monitoring unit 22 only determines whether or not the GUI screen is touched, and does not consider whether or not the button control is touched. Therefore, even if the button control is not touched, if the GUI screen is touched, it is considered that the drag operation is continued.

  When the drag operation is continued, the drag operation monitoring unit 22 calculates the drag direction and the drag distance based on the start position of the drag operation stored in the drag start position storage area 32 and the current drag operation position. Then, the information is notified to the button selection determination unit 23 (step S13), and the process returns to step S11.

  On the other hand, when the drag operation is not continued, the drag operation monitoring unit 22 notifies the button selection determining unit 23 that the drag operation has ended by notifying the button selection determining unit 23 of “0” as a drag distance (step). S14), the process returns to the contact monitoring process of FIG. 4 (step S15).

  As described above, the drag operation monitoring unit 22 monitors the status of the drag operation on the button control on the GUI screen, and notifies the button selection determination unit 23 of the drag direction and the drag distance.

  Next, button selection determination processing by the button selection determination unit 23 will be described based on the flowchart of FIG. Note that the processes in steps S22 and S23 in the flowchart of FIG. 7 are processes that are not executed when the drag operation monitoring unit 22 notifies the drag distance “0”, that is, the end of the drag operation.

  The button selection determining unit 23 calculates the degree of pressing of the button control using the drag direction and the drag distance notified from the drag operation monitoring unit 22 (steps S21 and S22).

  In this case, when the drag direction notified from the drag operation monitoring unit 22 is the lower direction of the GUI screen, that is, the direction in which the button control is pressed, the button selection determination unit 23 stores the button complete press threshold storage area 33. The degree of pressing of the button control is calculated by calculating the ratio of the drag distance notified from the drag operation monitoring unit 22 to the stored threshold value. The threshold value stored in the button complete pressing threshold storage area 33 is a virtual distance between a state where the button control is not pressed at all and a state where the button control is completely pressed, as shown in FIG. That is, it corresponds to the virtual maximum pressing stroke amount.

  Next, the button selection determination unit 23 changes the display mode of the button control currently being dragged by notifying the display control unit 24 of the degree of pressing calculated in step S22 (step 23). In this case, as shown in FIG. 3, the display control unit 24 moves the key top portion (the trapezoidal portion in FIG. 3) of the button control B downward according to the degree of pressing, and the stroke portion. (A rectangular portion under the trapezoid in FIG. 3) is made narrower. That is, the button control B, which is a virtual button, is displayed as if it is actually depressed and sinks into the base portion by dragging downward.

  Next, the button selection determining unit 23 determines whether or not the drag operation has ended by determining whether or not the drag distance notified from the drag operation monitoring unit 22 in step S21 is “0”. (Step S24). As a result, if the drag operation has not ended, the button selection determination unit 23 stores the degree of pressing calculated in step S22 in the button pressing degree storage area 34 (step S25), and returns to step S21.

  On the other hand, when the drag operation has ended, the button selection determination unit 23 determines the degree of press stored in the button press degree storage area 34, that is, the button control B related to the drag operation when the drag operation ends. It is determined whether or not the degree of pressing is 100% (step S26). As a result, if it reaches 100%, the button selection determination unit 23 notifies the external processing unit 25 that the function by the button control related to the drag operation has been selected, so that the button is selected by the external processing unit 25. A process corresponding to the control is executed (step S27).

  If the touch position returns to the drag start point while continuing the drag operation, the drag distance is “0”, but if the drag distance is “0”, steps S22 to S25 are skipped as described above. In step S26, the degree of pressing is not determined to be 100%. Even if the drag start point is touched again while the drag operation is continued, the button control is completely performed. It is not determined that the button has been pressed. Further, in the first embodiment, even when the button control B is continuously dragged downward after the degree of pressing of the button control B reaches 100%, the display mode is that the degree of pressing is 100%. The display mode of the case remains unchanged.

  Next, the button selection determination unit 23 instructs the display control unit 24 to return the button control display form to the initial push-up state (step S28), and returns to step S21. Further, when the button selection determining unit 23 determines in step S26 that the degree of pressing of the button control B related to the drag operation at the time when the drag operation is finished does not reach 100% (cancel the right end of FIG. 3). Return to step S21 without performing steps S27 and S28.

  In this way, in the first embodiment, the button control is dragged by the maximum stroke, so that the function selection process is performed by the button control. It is possible to reduce erroneous button control operations. In this case, since the final state of selection of the function by the button control can be determined by the disappearance of the stroke part of the button control, the operability is also improved. Further, it is possible to easily cancel the function selection operation by the button control only by interrupting the drag operation.

  Note that the prescribed drag direction is not necessarily limited to the downward direction, and an arbitrary direction such as a horizontal direction can be set as the prescribed drag direction. In addition, the above-described threshold value for confirming selection of a function by button control can be set to a predetermined stroke amount without using the maximum stroke amount. In this case, if the threshold value is set to a value larger than the maximum stroke amount, it is necessary to increase the drag distance in order to select the button control, so that erroneous operation of the button control can be further reduced. In this case, button control with high importance and low-use button control emphasize the reduction of erroneous button control by increasing the threshold. Button control with low importance and high-use button control It can be considered that the operation speed is emphasized by reducing the threshold value. In addition, when the GUI screen is narrow and a large drag distance cannot be taken, it is conceivable to reduce the threshold value.

  Furthermore, it is also possible to determine the selection of the function by the button control based on the speed of the drag operation, instead of determining the selection of the function by the button control based on the drag distance.

[Second Embodiment]
The shape of the control (a type of button control) according to the second embodiment is not a “button” shape like the button control B according to the first embodiment, but as shown in FIG. "". That is, the knob control 81 according to the second embodiment is configured to be movable in a slider groove (a kind of box) 82.

  Although not shown, in the second embodiment, a knob complete movement threshold storage area is formed on the RAM 3 instead of the button complete pressing threshold storage area 33 in the first embodiment. In the threshold storage area, the maximum moving distance of the knob control 81 within the slider groove 82 is stored. In the second embodiment, a knob mobility storage area is formed on the RAM 3 instead of the button press degree storage area 34 in the first embodiment. Furthermore, in the second embodiment, a previous knob mobility storage area is newly formed on the RAM 3.

  Next, the button selection determination process in the second embodiment will be described based on the flowchart of FIG. Note that the processing in steps S122 and S123 in the flowchart of FIG. 9 is processing that is not executed when the drag operation monitoring unit 22 notifies the drag distance “0”, that is, the end of the drag operation. The initial position of the knob control 81 is the left end of the slider groove 82 in this embodiment, but it may be the right end. The knob mobility defines the right end of the slider groove 82 as 100%.

  The button selection determination unit 23 calculates the degree of movement of the knob control 81 using the drag direction and the drag distance notified from the drag operation monitoring unit 22 (steps S121 and S122).

  In this case, when the drag direction notified from the drag operation monitoring unit 22 is the left-right direction of the GUI screen, that is, the direction in which the knob control 81 is moved leftward or rightward, the button selection determination unit 23 moves the knob complete movement threshold. The degree of movement of the knob control 81 is calculated by calculating the ratio of the drag distance notified from the drag operation monitoring unit 22 to the threshold value (corresponding to the right end position of the slider groove 82) stored in the storage area.

  Next, the button selection determination unit 23 notifies the display control unit 24 of the degree of movement calculated in step S122, thereby changing the display position of the knob control 81 currently being dragged (step 123). In this case, as shown in FIG. 8, the display control unit 24 moves the knob control 81 in the left-right direction in accordance with the degree of movement.

  Next, the button selection determining unit 23 determines whether or not the drag operation has ended by determining whether or not the drag distance notified from the drag operation monitoring unit 22 in step S121 is “0”. (Step S124). As a result, if the drag operation has not ended, the button selection determination unit 23 stores the degree of movement calculated in step S122 in the knob mobility storage area (step S125), and returns to step S121.

  On the other hand, when the drag operation is finished, the button selection determination unit 23 moves the knob control 81 related to the drag operation when the drag operation is finished, that is, the degree of movement stored in the knob mobility storage area. Is determined to be 100% and whether the previous knob mobility is other than 100% (step S126). In step S126, it is also determined whether or not the previous knob mobility is other than 100% because the knob control 81 is positioned at the right end of the slider groove 82, that is, at a position where the degree of movement is 100%. This is for avoiding that the function of the knob control 81 is immediately selected when the dragging of the knob control 81 is started in the positioned state.

  In step S126, the button selection determining unit 23 determines that the degree of movement of the knob control 81 related to the drag operation at the time when the drag operation is completed is 100%, and the previous knob movement is other than 100%. In such a case, by notifying the external processing unit 25 that the function by the knob control 81 related to the drag operation has been selected, the processing corresponding to the knob control 81 is executed by the external processing unit 25. (Step S127). Next, the button selection determination unit 23 stores 100% in the previous knob mobility storage area (step S128), and returns to step S121.

  In step S126, the button selection determining unit 23 determines that the degree of movement of the knob control 81 related to the drag operation at the time when the drag operation is completed is 100%, and the previous knob mobility is other than 100%. If it is determined that the two conditions are not satisfied, the process returns to step S121 without performing the processes of steps S127 and S128. By such processing, even when a knob-shaped button control is used, the same effects as those of the first embodiment can be obtained.

  In the second embodiment, it is possible to form the slider groove vertically long or to have only one knob portion (mountain portion). Further, although the processing corresponding to the knob control is executed when the knob reaches the right end, the processing can be executed at the left end or both the left and right ends. In the first embodiment, the button selection determination unit 23 instructs the display control unit 24 to return the button control display form to the initial push-up state (step S28). However, in the second embodiment, Do not return the knob to the initial position. In order to return the knob to the initial position, the user drags the knob to the left.

  Further, the present invention can be applied not only to a portable terminal but also to a stationary computer, a multifunction image forming apparatus, and the like.

  Furthermore, an object of the present invention is to supply a storage medium in which a program code of software for realizing the functions of the embodiment is recorded to a system or apparatus, and a computer (or CPU, MPU, etc.) of the system or apparatus as the storage medium. This can also be achieved by reading and executing the stored program code.

  In this case, the program code itself read from the storage medium realizes the functions of the above-described embodiments, and the program code and the storage medium storing the program code constitute the present invention.

  Examples of the storage medium for supplying the program code include a floppy (registered trademark) disk, a hard disk, a magneto-optical disk, a CD-ROM, a CD-R, a CD-RW, a DVD-ROM, a DVD-RAM, and a DVD. -RW, DVD + RW, magnetic tape, nonvolatile memory card, ROM, etc. can be used. Alternatively, the program code may be downloaded via a network.

  Further, by executing the program code read by the computer, not only the functions of the above-described embodiments are realized, but also an OS (operating system) running on the computer based on the instruction of the program code. A case where part or all of the actual processing is performed and the functions of the above-described embodiments are realized by the processing is also included.

  Further, after the program code read from the storage medium is written in a memory provided in a function expansion board inserted into the computer or a function expansion unit connected to the computer, the function expansion is performed based on the instruction of the program code. This includes the case where the CPU or the like provided in the board or function expansion unit performs part or all of the actual processing, and the functions of the above-described embodiments are realized by the processing.

It is a block diagram which shows schematic structure of the hardware of the portable terminal to which the button control apparatus of this invention is applied. It is a functional block diagram of the said portable terminal. It is a figure which shows the change of the display mode of the button control by drag operation (1st Embodiment). It is a flowchart which shows a contact monitoring process (common in 1st, 2nd embodiment). 5 is a flowchart showing details of a drag monitoring process in step S04 in FIG. It is a figure which shows the threshold value for judging complete press of button control. It is a flowchart which shows a button selection judgment process (1st Embodiment). It is a figure which shows the change of the display mode of knob button control (a kind of button control) by drag operation (2nd Embodiment). It is a flowchart which shows a button selection judgment process (2nd Embodiment).

Explanation of symbols

1 ... CPU
2 ... ROM
3 ... RAM
6 ... Display / operation unit 7 ... Stylus pen 21 ... Input operation detection unit 22 ... Drag operation monitoring unit 23 ... Button selection determination unit 24 ... Display control unit 61 ... Touch panel 62 ... Liquid crystal display

Claims (8)

Display control means for displaying button controls on a graphical user interface screen;
Drag operation means for performing a drag operation on the button control displayed by the display control means;
Detecting means for detecting the direction and distance of the drag operation performed on the button control by the drag operation means;
Confirming means for confirming selection of a function by button control related to the drag operation when the drag direction detected by the detection means is a predetermined direction and the distance of the drag is a predetermined value or more;
Have
The determination means is detected by the detection means for the predetermined value until the distance of the drag detected by the detection means reaches the predetermined value when the direction of the drag detected by the detection means is a predetermined direction. Calculate the drag distance ratio and send it to the display control means,
The button control device, wherein the display control means changes a display mode of the button control in accordance with a ratio received from the confirmation means.   The display control means displays a button control having a push button part and a push stroke part, and the push stroke part is dragged downward on the graphical user interface screen by the drag operation means. 2. The button control device according to claim 1, wherein a display mode of the button control is changed so as to decrease.   3. The button control device according to claim 2, wherein the determination unit determines the selection of the function by the button control related to the drag operation when the pressing stroke part is not displayed by the display control unit. .   The display control means displays the button control movable within a predetermined area, and changes the display position of the button control in the area in accordance with the drag operation by the drag operation means. The button control device according to claim 1.   5. The function according to claim 4, wherein the confirming unit confirms selection of a function by the button control related to the drag operation when the button control is moved and displayed at an end of the area by the display control unit. The button control device described. Display control means for displaying button controls on a graphical user interface screen;
Drag operation means for performing a drag operation on the button control displayed by the display control means;
Detecting means for detecting the direction and speed of the drag operation performed on the button control by the drag operation means;
Confirming means for confirming selection of a function by button control related to the drag operation when the drag direction detected by the detection means is a predetermined direction and the drag speed is equal to or higher than a predetermined value;
Have
The determination means is detected by the detection means for the predetermined value until the distance of the drag detected by the detection means reaches the predetermined value when the direction of the drag detected by the detection means is a predetermined direction. Calculate the rate of drag speed and send it to the display control means,
The button control device, wherein the display control means changes a display mode of the button control in accordance with a ratio received from the confirmation means. A display control process for displaying button controls on the graphical user interface screen;
A drag operation step of performing a drag operation on the button control displayed by the display control step;
A detection step of detecting a direction and a distance of the drag operation performed on the button control by the drag operation step;
A confirming step of confirming selection of a function by button control related to the drag operation when the drag direction detected by the detection step is a predetermined direction and the drag distance is a predetermined value or more;
Have
The determining step is detected by the detecting step for the predetermined value until the distance of the drag detected by the detecting step reaches the predetermined value when the direction of the drag detected by the detecting step is a predetermined direction. Calculate the drag distance ratio and send it to the display control step,
The button control method, wherein the display control step changes a display mode of the button control in accordance with a ratio received from the determination step. A program for causing a computer to execute a button control method,
The button control method is:
A display control process for displaying button controls on the graphical user interface screen;
A drag operation step of performing a drag operation on the button control displayed by the display control step;
A detection step of detecting a direction and a distance of the drag operation performed on the button control by the drag operation step;
A confirming step of confirming selection of a function by button control related to the drag operation when the drag direction detected by the detection step is a predetermined direction and the drag distance is a predetermined value or more;
Have
The determining step is detected by the detecting step for the predetermined value until the distance of the drag detected by the detecting step reaches the predetermined value when the direction of the drag detected by the detecting step is a predetermined direction. Calculate the drag distance ratio and send it to the display control step,
The display control step changes the display mode of the button control according to the ratio received from the confirmation step .

Images