JPH10105334A - Two-point selected figure moving method by touch panel - Google Patents

Abstract

PROBLEM TO BE SOLVED: To decrease the frequency of a touch on a touch panel by easily and quickly moving a displayed figure through moving operation for the figure displayed on the touch panel. SOLUTION: In the figure moving method to move the figure displayed on the display screen 1 of the touch panel, 1st selecting operation for selecting the figure by specifying one point on the screen by single selecting operation on the touch panel and 2nd selecting operation for selecting the movement position of the figure by specifying one point on the screen by another selecting operation on the touch panel are performed and thus information on the object figure to be moved and the movement position is obtained for the movement of the figure on the display screen of the touch panel through the said two selecting operations; and the position of the figure after the movement is found on the basis of the movement quantity and moving direction, thereby moving the figure.

Description

DETAILED DESCRIPTION OF THE INVENTION

[0001]

BACKGROUND OF THE INVENTION 1. Field of the Invention The present invention relates to moving a figure on a display screen in a display device having a touch panel.

[0002]

2. Description of the Related Art In a device provided with a display device such as a personal computer or a machine tool such as a CNC, a graphic movement operation of moving a graphic displayed on a screen of the display device on the screen is sometimes performed. As a method of performing the figure moving operation, a drag function using a pointing device such as a mouse, a tablet, and a trackball is known.

FIG. 10 is a diagram for explaining a figure moving operation using a pointing device. In FIG. 10, a figure 2a displayed on a display screen 1 such as a CRT is
The movement is performed using a pointing device 13 such as a mouse. In order to move the figure by the drag function, the user operates the pointing device 13 while referring to the display screen 1 to select the figure 2a to be moved, and keeps the switch provided on the pointing device 13 in the on state to turn the pointing device 13 on. Is moved while the graphic is displayed on the display screen, and the switch of the pointing device is operated at the end point of the movement to display the graphic at the end point.

[0004] In order to realize graphic movement using the pointing device 13, the pointing device 1 is used.
In step 3, a control signal corresponding to the input moving amount and moving direction is generated, and the control signal displays a graphic on a display screen. For example, usually, the pointing device 13
Since the amount of operation by the user is small, it is necessary to increase the amount of operation by the pointing device 13 in order to move the graphic on the display screen. This causes a decrease in the operability of the figure moving operation.

Therefore, usually, the pointing device 1
In order to comfortably move the figure on the display screen while keeping the amount of operation by 3 small, a control signal D obtained by multiplying the value of the amount of movement d input from the pointing device 13 by an appropriate magnification K is generated. Accordingly, the operation amount of the pointing device 13 is increased.

As a method of performing a figure moving operation by dragging, a method of using a touch panel as a pointing device is also known. FIG. 11 is a diagram for explaining graphic movement by the touch panel. In FIG. 11, when the figure 2a displayed on the touch panel is moved, the figure to be moved is selected by directly pointing the figure with the fingertip 3 or the pointing stick, and the touch panel is moved by the same distance as the moving amount of the figure. You are performing a tracing operation.

[0007]

In a display device using this touch panel, the amount of operation cannot be increased unlike the above-mentioned pointing device, and therefore, it is not possible to quickly move a figure by a light operation. There is a problem. In addition, since the drag operation rubs the surface of the touch panel with a fingertip or the like, it becomes a factor that stains or scratches the surface of the touch panel. In particular, at the site of machining, since chips and cutting oil adhere to the panel surface of the touch panel, rubbing the surface of the touch panel with a fingertip by a drag operation may seriously affect the life of the touch panel.

Accordingly, an object of the present invention is to solve the above-mentioned conventional problems and to easily and quickly move a displayed figure on a touch panel. It is another object of the present invention to reduce the number of times of touching the touch panel in the operation of moving a figure displayed on the touch panel.

[0009]

According to the present invention, there is provided a method for moving a figure displayed on a display screen of a touch panel, the method comprising the steps of specifying one point on the screen by one selection operation on the touch panel. And a second selection operation of selecting a moving position of the figure by designating one point on the screen by another one selection operation on the touch panel.
Information on a moving target graphic and a moving position for moving a graphic on the display screen of the touch panel by one selection operation is obtained.

Then, a movement amount and a movement direction for moving the figure are obtained from information obtained by selecting two points on the touch panel, and a position of the figure after movement is obtained based on the movement amount and the movement direction. In addition, the graphic to be moved displayed on the display screen of the touch panel is erased, and the graphic is displayed at the determined moving position to move the graphic.

Therefore, according to the figure moving method of the present invention,
Since the selection operation performed on the touch panel is only two operations of the selection operation of specifying the graphic to be moved and the selection operation of specifying the movement position, the graphic displayed on the display screen can be easily and quickly moved. Further, the number of times of touching the touch panel can be reduced.

Further, at least one selection area for selecting the graphic is provided in the display graphic, and a first area for selecting the graphic is provided.
Can be performed by designating one point on the screen on which the selected area is displayed. By making the display mode of the selected area specified by this selecting operation different, it is possible to display that the selected area is selected. As the display mode when selected, for example, a change in color, shape, shadow, or the like can be used.

In the case where the figure is a rectangular screen, the selection area can be formed at four corners of the rectangular screen.

[0014]

Embodiments of the present invention will be described below in detail with reference to the drawings. FIG. 9 is a block diagram illustrating a main part of a device including a display device to which the present invention is applied.
In FIG. 9, reference numeral 10 denotes a microprocessor (hereinafter referred to as a CP).
U), 16 is an R which stores a device startup program.
OM, 18 is a hard disk storing various control programs, system programs, etc., 17 is a RAM, which temporarily stores data used in the process of calculation and display processing, 1
Reference numeral 9 denotes a disk drive unit used for reading various application programs and the like stored in the floppy disk 20 and writing new data, 11 denotes a display device, 12 denotes a keyboard, 13 denotes a mouse, tablet, and trackball for moving a cursor. , A pointing device, and a touch panel. These components are connected to the CPU 10 via a bus 15. In the figure, the display device 11 and the touch panel 14 are displayed as separate elements in order to represent functional elements, but the display device and the touch panel can be configured as one device in which a touch panel is provided on the display device.

In the following, in the display device and the touch panel in the device having the above-described configuration, only the portion related to the movement of the graphic displayed on the display device will be described, and the description of the operation of various devices will be omitted.

A first embodiment of the present invention will be described with reference to FIGS. The first embodiment shows an example in which a figure is selected using a selection area provided for a figure displayed on a display screen of a touch panel.

FIG. 1 is an example of a display screen of a touch panel for explaining the first embodiment of the present invention, and FIG. 2 is a flowchart for performing the first embodiment of the present invention.
The screen 1 shown in FIG. 1 is configured by overlapping a touch panel on a display screen of a display device, and has a function of displaying a graphic display on the display screen and a function of specifying a position on the touch panel. In the first embodiment of the present invention, the figure displayed on the display screen is, for example, a rectangular screen, and selection areas S1 to S4 are formed at four corners of the rectangular screen. Selection area S
1 to S4 can be displayed by adding colors, shapes, and shadings, and the selection area shown in the figure can be represented by a triangle having each corner of the rectangular screen as one vertex.

FIGS. 1 (a) to 1 (c) show the moving state of a display graphic in order, and FIG. 1 (a) shows a first selecting operation for selecting a graphic to be moved. FIG. 1B shows a second selection operation for selecting a moving position of a figure, and FIG.
Indicates the figure after the movement. First, it is determined which figure is displayed on the screen 1 and the displayed figure 2
The positions of the selection areas S1 to S4 on the screen 1 are obtained. The display graphic and the coordinates of the selection areas S1 to S4 can be obtained from, for example, data of the display driver, and can be stored in a temporary storage device or the like to facilitate the subsequent selection operation. The selection areas S1 to S4 can be displayed by adding colors, shapes, and shadows to the corners of the figure 2a (steps S1, S2).

In the figure movement process, the selection position P obtained by the first selection operation is stored in order to perform a first selection operation for selecting a figure and a second selection operation for selecting a movement position of the figure. Position data (xp, yp) for performing
The position data (xm, ym) for storing the movement position M obtained by the selection operation of (1) is initialized. This initialization can be performed, for example, by setting each data value to 0 (step S3).

The input signal from the touch panel is monitored (step S4). When an operation of selecting a figure on the screen 1 is performed by the fingertip 3 or the pointing stick, the touch panel detects the selection operation and outputs position data of the selected position P. The CPU detects that a selection operation for designating one point on the screen 1 has been performed by receiving a signal from the touch panel, and detects the position data (x) of the selected position P designated by the signal data from the touch panel.
(p, yp) is obtained and stored in the temporary storage device (step S5).

Next, the CPU determines that the selected position P obtained by the selecting operation in step S4 is the selected area S1 on the screen 1.
To S4, the position data (xp, yp) of the selected position P and the selected areas S1 to S4
And the coordinates of. The position data (xp,
If (yp) is position data in any one of the selection regions S1 to S4, it is determined that the figure 2a has been selected (step S6).

Selection areas S1 to S4 of the selected figure 2a
The display form such as the color, shape, or shading is changed on the screen, and the selected figure is displayed. In changing the display mode, only the selected area selected by the touch panel (S
The display of 1) can be changed, or the display of all the selected areas (S1 to S4) of the selected figure can be changed. The shaded portion of the selection area S1 of the figure 2a in FIG. 1B indicates the area where the selection operation has been performed. In the first embodiment, when a plurality of figures are displayed in an overlapping manner on the screen 1 and can be simultaneously selected by a selection operation,
Only one is selected and displayed, and the other is not displayed, only the figure selected in the subsequent processing is moved, and after the moving processing is completed, the moving processing is repeated again, and the next moving processing is performed. Move processing is performed on the figure not selected last time. In the case where the selection areas of different graphics can be simultaneously selected by the selection operation, there is a method of displaying only one of the graphics according to the priority set for the display graphics (step S7).

The first selection operation for selecting the graphic to be moved on the screen is performed by the processing of steps S4 to S7 described above.

Next, after the first selection operation, the CPU monitors an input signal from the touch panel. When the position M of the movement destination on the screen 1 is designated by the fingertip 3 or the pointing stick or the like, the touch panel detects the position designation M and outputs the position data (step S9). The CPU receives the signal from the touch panel to detect that the selection operation for selecting one point on the screen 1 has been performed, and detects the movement position P selected by the selection operation based on the signal data from the touch panel. Position data (xm, ym)
Can be requested. The position data (xm, ym) of the obtained moving position M is stored in the temporary storage device (step S9). By the processing in steps S8 and S9 described above, a second selection operation for selecting the movement position of the graphic on the screen is performed.

Next, the CPU temporarily stores the position data (xp, yp) of the selected position P obtained by the first selecting operation and the position data (xm, ym) of the moving position M obtained by the second selecting operation. Reading from the storage device, a movement vector is obtained. This movement vector includes the movement direction and the movement amount. When a two-dimensional orthogonal coordinate system is formed on the screen 1 in which the horizontal direction is the X axis and the vertical direction is the Y axis, the X axis movement amounts Dx and Y Axis movement amount D
A movement vector including a movement direction and a movement amount can be obtained from y. The position data (xp,
yp) and the position data (xm, ym) of the movement position M, to calculate the X-axis movement amounts Dx and Dy, respectively, the operations of Dx = xm-xp and Dy = ym-yp are performed.
The moving vector can be represented by another coordinate system, but is omitted here (step S10).

When the figure displayed on the screen 1 is represented by the coordinate values of the two-dimensional rectangular coordinate system, the coordinate values after the movement can be obtained by using the movement amounts Dx and Dy obtained above. It can be obtained by adding the movement amounts Dx and Dy to the coordinate values before the movement, and stores the obtained coordinate values after the movement. If the graphic on the screen is represented by a graphic command or the like, the display data after the movement is generated by performing a coordinate change according to the movement amount (step S1).
1).

The CPU erases the figure 2a before movement from the screen 1 using the display driver, reads out the coordinate values or display data after movement obtained in step S12, and newly displays the figure 2a on the screen 1. . As a result, a figure obtained by moving the figure 2a on the screen 1 can be displayed as the figure 2a. Thereby, the movement of the figure selected on the screen to the selected position is completed. The other graphics not selected on the screen continue to be displayed at the same position (step S12).

After the moving process of the figure is completed, the CPU initializes the position data (xp, yp) of the selected position P and the position data (xm, ym) of the moving position M, and ends (step S13).

Next, a second embodiment of the present invention will be described with reference to FIGS. The second embodiment is an example in which a figure is selected using a selection area provided in the figure, as in the first embodiment. In the above-described first embodiment, when a plurality of figures are in a positional relationship where they are simultaneously selected by a selection operation, only one figure is moved without performing selection by an operator, and thereafter, the next movement processing is performed. In contrast to the movement of the other figure, the second embodiment shows an example in which an operator selects and moves the figure overlapping at the selected position.

FIG. 3 is an example of a display screen of a touch panel for explaining the second embodiment of the present invention, and FIG. 4 is a flowchart for performing the operation of the second embodiment of the present invention.
The screen 1 of the second embodiment shown in FIG. 3 is configured by superposing a touch panel on a display screen of a display device, similarly to the first embodiment of the present invention, and a display function of a graphic display by the display screen and a touch panel , A selection area S1 to S4 is formed at the four corners, and a rectangular screen is displayed as a display figure.

3 (a) to 3 (c) show the moving state of the displayed graphic in order, and FIG. 3 (a) shows the first selecting operation for selecting the graphic to be moved. FIG. 3B shows a second selection operation for selecting a moving position of a graphic, and FIG.
Indicates the figure after the movement. The procedure for moving a figure according to the second embodiment is substantially the same as that according to the first embodiment, and therefore, portions overlapping with the first embodiment will be described in a simplified manner.

In FIG. 3A, two figures 2b and 2c are displayed on the screen 1 so as to overlap each other, and the selected area Sb of the figure 2b and the selected area Sc of the figure 2c are displayed vertically. At this time, in the flowchart of FIG.
In the same manner as in steps S1 to S6 of the first embodiment, a graphic to be moved is selected by a first selection operation in steps S21 to S26.

In FIG. 3A, when the selection position of the selection area Sb or the selection area Sc is designated by the fingertip 3 or the pointing stick, the selection area Sb and the selection area Sc have the same coordinates. Will choose.
Therefore, in step S27, it is determined whether or not a plurality of selection areas exist at the specified selection position.

If it is determined in step S27 that the number of selected regions is singular, the flow advances to step S31 to perform the same processing as the steps from step S8 in the first embodiment.

If it is determined in step S27 that there are a plurality of selected areas, the figure (2
b, 2c) are sequentially displayed (step S28), and it is determined whether the displayed graphic is a moving target graphic (step S2).
9) If the figure is not a movement target figure, a step of displaying another figure (step S30) is repeated to select a movement target figure. In FIG. 3B, after the graphic to be moved is confirmed by changing the display form of the selected area (figure 2c in the figure), the moving position M is moved with the fingertip 3 or the pointing stick.
Is specified by the touch panel.

After selecting the graphic to be moved, in steps S31 to S36, the graphic is moved by the same processing steps as steps S8 to S13 of the first embodiment, and the graphic 2b is moved to the moving position M. Go to

Next, a third embodiment of the present invention will be described with reference to FIG. The third embodiment is an example in which a figure is selected using a selection area provided in the figure as in the first embodiment. In the first embodiment, a rectangular figure is displayed at four corners. In contrast to the mode in which a figure is moved using the formed selection area, the third embodiment is a case in which a figure having an arbitrary shape is moved.

5 (a) to 5 (c) show the moving state of the displayed graphic in order, and FIG. 5 (a) shows the first selecting operation for selecting the graphic to be moved. FIG. 5B shows a second selection operation for selecting a moving position of a figure, and FIG.
Indicates the figure after the movement. When an arbitrary figure 2d is used as a display figure, dot selection areas S1 to S5 are provided in a part of the arbitrary figure, and the figure is selected by designating the selection area. The figure movement can be performed by the same processing as that of the embodiment.
The selection area is not limited to a dot shape, and may be any shape, for example, a curved portion of a figure or an arbitrary position.

Next, a fourth embodiment of the present invention will be described with reference to FIGS. The fourth embodiment is an example in which, unlike the first to third embodiments, a figure in which a selection area is provided in a figure is selected, and it is determined whether or not the selected position P is near the figure by determining. This is for selecting a figure.

FIGS. 6 and 7 are examples of a display screen of a touch panel for explaining a fourth embodiment of the present invention, and FIG. 8 is a flowchart for performing the fourth embodiment of the present invention. The screen 1 of the fourth embodiment shown in FIGS. 6 and 7 is configured by overlapping a touch panel on the display screen of a display device, as in the first embodiment of the present invention. And a function of specifying a position by a touch panel, and a figure of an arbitrary shape is displayed as a display figure. FIG.
Shows a case where the display figure is a closed figure such as an ellipse, and FIG. 7 shows a case where the display figure is a broken line.

FIGS. 6 (a) to 6 (c) and FIGS. 7 (a) to 7 (c) show the moving state of the display graphic in order, and FIGS. 6A and 6B show a first selection operation for selecting a figure, FIG. 6B shows a second selection operation for selecting a movement position of the figure, and FIGS. I have. In the flowchart of FIG. 8, first, it is determined which figure is displayed on the screen 1 (step S41). In the process of moving the figure, a first selection operation for selecting a figure and a second selection operation for selecting the movement position of the figure are performed to store the selection position P obtained by the first selection operation. Position data (xp, yp)
Then, the position data (xm, ym) for storing the moving position M obtained by the second selecting operation is initialized. This initialization can be performed, for example, by setting each data value to 0 (step S42).

From the state where the figures 2e and 2f are displayed on the screen 1, a figure moving process for moving the figures 2e and 2f to other positions on the screen 1 is performed. After receiving the figure movement command, the CPU monitors an input signal from the touch panel (step S43). When an operation of selecting a figure on the screen 1 is performed by the fingertip 3 or the pointing stick, the touch panel performs the selection. The operation is detected and the position data of the selected position P is output. The CPU detects that a selection operation for designating one point on the screen 1 has been performed by receiving a signal from the touch panel, and detects the position of the selection position P specified by the selection operation based on the signal data from the touch panel. Data (xp, yp) is obtained and stored in the temporary storage device (step S44).

Next, the CPU specifies a figure by a selection operation. As shown in FIG. 6, in the case of a figure having an area closed inside by an outer contour, as in an elliptical figure 2e,
The selected figure can be obtained by determining whether or not the selected position P is inside the figure (step S4).
5). When the selected position P is outside the figure 2e, or when the figure does not include an area closed inside by the outer contour, such as the linear figure 2f shown in FIG. It is determined whether or not it is in the vicinity.

FIGS. 7B and 7C are diagrams for explaining an example of a process of determining whether or not the selected position P is near the figure.
A circle 4 having a radius r is provided around the selected position P, and it is determined whether or not the figure 2f exists in the circle 4. In FIG. 7B,
The figure 2f is within the circle 4 having the radius r, and in this case, it is determined that the selected position P is near the figure. On the other hand, FIG.
In (c), there is no figure 2f in the circle 4 having the radius r, and in this case, it is determined that the selected position P is not in the vicinity of the figure. In this determination, if there is no figure near the selected position P, a display indicating no figure is performed (step S47), and the process returns to step S43 (step S46).

Next, when there is a figure at the selected position P in the determinations in steps S44 and S45, it is determined whether the figure is singular or plural (step S48). If the figure is singular, the figure is displayed as a selected figure (step S4).
9) If there are a plurality of figures, one figure is selected and displayed from the plurality of figures (step S50), and the displayed figure is changed until the displayed figure becomes a figure to be moved. The determination is performed while performing the steps (steps S51 and S52).

The above steps S43 to S52
Performs the first selection operation of selecting a graphic on the screen.

Next, after the above-described first selection operation, the CPU performs a second selection operation for selecting the moving position of the graphic on the screen by the same process as in steps S8 and S9. FIGS. 6B and 7D show the selected state of the movement position M (steps S53 and S54).

After the selection of the movement position M, the movement vectors to the selected position P and the movement position M are obtained in the same manner as in steps S10 to S13 (step S13).
55) The figure after movement is obtained and stored using the movement vector (step S56), and the figure before movement is erased and a new figure is displayed at the movement position. FIG. 6 (c), FIG.
(E) shows the figure after the movement (step S5).
7).

After the figure is moved, the position data (xp, yp) of the selected position P and the position data (xm, xm,
ym), and ends.

[0050]

As described above, according to the present invention,
In the touch panel, the displayed figure can be easily and quickly moved. Further, in the operation of moving the graphic displayed on the touch panel, the number of times of touching the touch panel can be reduced.

[Brief description of the drawings]

FIG. 1 is an example of a display screen of a touch panel for explaining a first embodiment of the present invention.

FIG. 2 is a flowchart for performing the first embodiment of the present invention.

FIG. 3 is an example of a display screen of a touch panel for explaining a second embodiment of the present invention.

FIG. 4 is a flowchart for performing a second embodiment of the present invention.

FIG. 5 is an example of a display screen of a touch panel for explaining a third embodiment of the present invention.

FIG. 6 is an example of a display screen of a touch panel for explaining a fourth embodiment of the present invention.

FIG. 7 is an example of a display screen of a touch panel for describing a fourth embodiment of the present invention.

FIG. 8 is a flowchart for performing a fourth embodiment of the present invention.

FIG. 9 is a block diagram illustrating a main part of a device including a display device to which the present invention is applied.

FIG. 10 is a diagram for explaining a figure moving operation using a pointing device.

FIG. 11 is a diagram for explaining movement of a figure by a touch panel.

[Explanation of symbols]

 1 screen 2, 2a-2f, 4 figure 3 fingertip P selection position M movement position S selection area 10 CPU 11 display device 12 keyboard 13 pointing device 14 touch panel 15 bus 16 ROM 17 RAM 18 hard disk 19 floppy disk driver 20 floppy disk

Claims (4)

[Claims] In a figure moving method for moving a figure displayed on a display screen of a touch panel, a figure is selected by designating one point on the screen by one selection operation on the touch panel, and selecting another figure on the touch panel. Selecting a moving position of a graphic by designating one point on the screen by one selection operation, deleting the selected graphic on the display screen, and displaying the selected graphic at the selected moving position A two-point selection figure moving method using a touch panel, wherein the figure movement is performed by using 2. A graphic moving method for moving a graphic displayed on a display screen of a touch panel, wherein at least one selection area for selecting the graphic is provided on the display graphic, and the selection area is selected by a single selection operation on the touch panel. Is selected by specifying one point on the screen on which is displayed, and the moving position of the figure is selected by specifying one point on the screen by another single selection operation on the touch panel. Two-point selection by a touch panel, wherein a selected figure is erased and the figure is moved by displaying the selected figure so that a selected area of the figure matches a selected movement position. Shape moving method. 3. The touch panel according to claim 2, wherein when the selection area is selected by a selection operation, the selection area can be displayed by a change in display such as color, shape, or shading. 2 point selection figure moving method. 4. The method according to claim 2, wherein the figure is a rectangular screen, and the selection areas are formed at four corners of the rectangular screen.
A two-point selection figure moving method using the touch panel described above.