JP2011003145A - Display screen preparing device - Google Patents

Abstract

PROBLEM TO BE SOLVED: To provide a display screen preparing device for easily arranging drawing components at equal intervals when arranging the drawing components on a working screen.SOLUTION: When arranging a drawing component 103 on the screen, a guide line 104 is displayed at a position where the component 103 can be arranged at equal intervals to two or more components 101 and 102 already arranged on one straight line, so as to arrange the drawing component 103 at equal intervals in arrangement step. When the drawing component 103 are moved close to the guideline 104, the drawing component 103 can be instantly moved to and arranged at the position of the guideline 104 by forcedly arranging the drawing component 103 so as to be attracted onto the guideline 104.

Description

The present invention relates to a display screen creation device, and more particularly to a display screen creation device for creating a display screen used for a programmable display or the like by arranging drawing parts using a pointing device.

In recent years, an interface for performing an application operation of a computer has become a GUI (Graphical User Interface), and it is common to use a pointing device such as a mouse or a keyboard for the user to perform an operation.

In an application having an object setting function, a mouse is often used particularly when “arrangement” of drawing parts on a screen is designated. As a function useful when arranging drawing parts on the screen using a mouse, there is a guideline display function.

FIG. 9 is an example of a work screen in an application having a conventional guideline display function. Reference numeral 11 denotes a menu display section that shows a list of operations that can be executed by the application, reference numerals 12 and 13 denote toolbar display sections that display operations that can be executed by the application as icons, and reference numeral 12 denotes a common image in a general application. A tool bar having a project operation icon 13 is a tool bar having an alignment icon peculiar to the application example. In general, the display position of the toolbar can be arranged at an arbitrary position of the user.

Reference numeral 14 denotes a work screen for arranging drawing parts, and 15 denotes the arranged drawing parts. Reference numeral 16 denotes a guideline displayed when the drawing parts are arranged. By arranging the drawing parts in accordance with the guidelines, the vertical positions of the plurality of drawing parts can be arranged. Reference numeral 17 denotes a mouse pointer.

However, with the conventional guideline display function shown in this figure, drawing parts cannot be arranged at equal intervals.

FIG. 10A and FIG. 10B illustrate an example of a procedure for performing equidistant arrangement using another conventional application. As shown in FIG. 10A, first, the target drawing component is arranged on the screen. After the placement, the drawing parts 21, 22, and 23 to be arranged at equal intervals are selected using the mouse, and the “Equal Arrangement” button 24 is selected from the toolbar, or the “Equal Arrangement” 25 is selected from the menu. FIG. 10-2 is an example of a work screen in which equidistant placement is performed. The drawing components 22 are moved to positions arranged at equal intervals with reference to the drawing components 21 and 23 (see Patent Document 1).

JP 2002-023910 A

As described above, when performing regular spacing with a conventional application, place the drawing parts on the work screen once, select all the drawing parts that you want to place at regular intervals (first selection operation), and then use the menu or toolbar. Since it was necessary to select “uniform alignment” (second selection operation), it took time and work efficiency was poor.

In addition, when drawing parts are additionally arranged at the end with respect to the drawing parts group already arranged at equal intervals, if all these drawing parts are selected and “Equal arrangement” is selected, the drawing parts at both ends are used as a reference. Because of the movement, the coordinates of all drawing parts other than both ends may change. That is, when the drawing parts are added at the ends and arranged at equal intervals, there is a problem that the positions must be individually corrected in accordance with the positions of other drawing parts already arranged at equal intervals.

Furthermore, since coordinate calculation is performed based on a predetermined point (upper left corner, center point, etc.) of each drawing part, drawing parts of different sizes and shapes cannot be arranged at equal intervals, and the degree of freedom in arrangement is low.

The present invention has been made to solve such a problem, and when arranging drawing parts on a work screen, positions where two or more other drawing parts arranged on a straight line can be arranged at equal intervals. The purpose is to display guidelines.

  The display screen creation device according to the present invention is a display screen creation device for creating a display screen by arranging a plurality of drawing parts on the work screen based on an instruction from the outside, wherein the work screen Display means for displaying information, storage means for storing information on the position of each of the plurality of drawing parts, input means for receiving an instruction to move the drawing parts from the outside, and an object to be moved by the instruction from the outside When a plurality of drawing parts different from the drawing parts are arranged in a straight line on the work screen, the drawing parts to be moved and the straight line based on the information stored in the storage unit Calculating means for calculating a position in which a distance between any of the plurality of drawing parts arranged on the line and a distance between the plurality of drawing parts arranged on the straight line is a desired ratio; Display control means for displaying the guidelines on the calculated position by the step, in which with a.

  According to the present invention, the guideline can be displayed at a position where it can be arranged at equal intervals with other drawing parts, and the working efficiency of arranging the drawing parts at equal intervals can be improved as compared with the conventional technique.

FIG. 8 is a diagram illustrating an operation of arranging equally spaced drawing parts by guideline display using the display screen creation device according to the first embodiment. 1 is a schematic configuration diagram of a display screen creation device according to Embodiment 1. FIG. FIG. 5 is a diagram illustrating a flow of processing for equally arranging drawing parts using the display screen creation device according to Embodiment 1; It is a figure which shows the operation | movement of the equidistant arrangement | positioning of the drawing components by the guideline display using the display screen creation apparatus which concerns on Embodiment 2 (when drawing components are the same shape). It is a figure which shows the operation | movement which arrange | positions so that the space | interval of the outline of the drawing components by the guideline display using the display screen preparation apparatus concerning Embodiment 2 may become equal (when drawing components differ in size). It is a figure which shows the operation | movement which arrange | positions so that the space | interval of the reference | standard point of the drawing components by the guideline display using the display screen preparation apparatus concerning Embodiment 2 may become equal (when drawing components differ in size). FIG. 10 is a diagram illustrating an operation of arranging equally spaced drawing parts by guideline display using the display screen creation device according to the third embodiment. FIG. 16 is a diagram illustrating an operation of equally-spaced drawing parts by guideline display using the display screen creation device according to the fourth embodiment. FIG. 10 is a diagram illustrating an operation of equally-spaced drawing parts by guideline display using the display screen creation device according to the fifth embodiment. FIG. 16 is a diagram illustrating an operation of arranging equally spaced drawing parts by guideline display using the display screen creation device according to the sixth embodiment. It is a figure which shows the example of the guideline display by the conventional display screen creation apparatus. It is a figure which shows in order the operation | movement of the equidistant arrangement | positioning of the drawing components by the conventional display screen production apparatus. It is a figure which shows in order the operation | movement of the equidistant arrangement | positioning of the drawing components by the conventional display screen production apparatus.

  A preferred embodiment of a display screen creation device according to the present invention will be described below. Note that the present invention is not limited to these embodiments.

Embodiment 1 FIG.
FIG. 1 is a diagram showing an example of an operation of arranging equally spaced drawing parts by guideline display using the display screen creating apparatus according to this embodiment. A plurality of drawing parts 101 and 102 are continuously arranged on the same straight line. The operation when the drawing parts 103 are arranged at equal intervals on the work screens arranged in the above manner is shown.

In the display screen creation device according to this embodiment, when a drawing component 103 is added from a menu or a toolbar, or when a drawing component 103 already in the work screen is selected and the mouse pointer is brought close to the placement location, the drawing component The coordinates of 101 and the drawing component 102 are calculated, and the guideline 104 is displayed at a position where it can be arranged at equal intervals.
In addition to displaying the guideline 104, when the drawing component 103 is brought close to the guideline 104 by a pointing device, the guideline 104 may be forcibly arranged on the guideline 104. By doing in this way, it is possible to instantaneously move and arrange the drawing parts to be arranged at the position where the guideline is displayed by a keyboard operation or a mouse operation.

FIG. 2 is a schematic configuration diagram of the display screen creating apparatus 1 according to this embodiment.
In FIG. 2, an input unit 2 receives an input when a user performs an operation using a pointing device such as a mouse or a keyboard (not shown) in order to perform an operation on a work screen for creating a display screen. Reference numeral 3 denotes a guideline setting unit for setting in advance which of the plurality of guideline display methods is used to display the guideline.

4 is a guideline display position calculation unit that calculates a guideline display position on the work screen based on information preset by the guideline setting unit 3 (guideline setting information 9b described later), and 5 is a guideline display position calculation unit 4 A guideline display control unit for displaying the guideline at the obtained display position on the work screen, 6 is drawn on the guideline displayed by the guideline display control unit 5 by using a pointing device connected to the input unit 2 by the user. When the parts are brought close to each other, the drawing parts are arranged so as to be attracted to the display position of the guideline so as to realize equidistant arrangement, and 7 is a display unit for displaying a work screen.

8 is a drawing part information 9a made up of various drawing part data and the like, and the guideline display method shown in FIG. Is a storage unit that stores guideline setting information 9b, which is information for setting whether or not to display, and 10 is a control unit that controls processing of each unit.

FIG. 3 is a diagram showing a flow of processing for arranging equally spaced drawing parts using the display screen creating apparatus according to this embodiment. The drawing component information 9a and the guideline setting information 9b are stored in the storage unit 8 in advance before entering the flow of the equally spaced processing.

First, the user uses a pointing device to select a drawing component to be moved (step ST1). Note that if necessary at this time, a target drawing component is added to the work screen in advance.

Next, it is searched whether a plurality of other drawing parts are already displayed on the work screen and are arranged in the same straight line (step ST2).
Here, when a plurality of other drawing parts are arranged on a straight line, the guideline display position calculation unit 4 calculates the display position of the guideline so that the interval between these other drawing parts is equal (step). ST3). Since the guideline display method shown in FIG. 1 and the guideline display method in each embodiment described later, the display method for displaying the guideline is set in the guideline setting information 9b in advance. The guideline display position calculation unit 4 calculates the guideline display position using the information.

On the other hand, if a plurality of other drawing parts do not exist in advance on the work screen in step ST2, or if they are not arranged on a straight line, they are selected without displaying a guideline. The drawing part is held at the position where the user has moved the drawn part using the pointing device to complete the movement (step ST7).

  Next, using the calculated value obtained in step ST3, the guideline display control unit 5 causes the display unit 7 to display the guideline on the work screen (step ST4).

After the guideline is displayed, the control unit 10 determines whether or not the user has performed an operation to bring the selected drawing component close to the guideline (step ST5).
If it is determined that the drawing part is approaching the guideline, the drawing part placement unit 6 moves the selected drawing part to be moved according to the guideline display position so that the drawing part is attracted to the guideline. Is realized (step ST6).
On the other hand, when the user performs an operation away from the guideline display position, the user draws the drawing part at the position where the user moved the drawing part without placing it in accordance with the guideline display position. Complete (step ST7).

After completion of the movement of the drawing component in step ST7, the control unit 10 determines whether the guideline display has been performed (step ST8). If the display has been performed, the guideline display control unit 5 deletes the guideline. Then, the equidistant arrangement processing of the drawing parts is finished (step ST9).

In this embodiment, the guideline setting information 9b is stored in advance in the storage unit 8 before entering the flow of the equally spaced arrangement process. However, if the display position is not calculated in step ST3, It may be set after entering the flow of the equally spaced arrangement process.

Embodiment 2. FIG.
FIG. 4A is a diagram illustrating an operation when the drawing components 203 are arranged at equal intervals on the work screen in which the drawing components 201 and 202 are arranged on the same straight line. When the drawing part 203 is added from the menu or the toolbar, or when the drawing part 203 already existing on the work screen is selected and the mouse pointer is brought close to the equidistant location, the coordinates of the drawing part 201 and the drawing part 202 are calculated. Then, the guideline 204 is displayed at a position where these three drawing parts are arranged at equal intervals.

In addition, the display position of the guideline for assisting the equidistant arrangement is displayed at the position where the intervals between the outlines (outline outlines) of the respective drawing parts are equal, or the reference point of each drawing part (specifically, the drawing parts It is possible to select whether to display at specific positions (specific points such as the upper left and the center) at equal intervals. This selection may be set in advance as the guideline setting information 9b before execution of the equally spaced arrangement process, or may be selected after selecting a drawing component.

FIG. 4B is a diagram illustrating an example in which a guideline is displayed at a position where the intervals between the outlines of each drawing component are equal when the size of the drawing component to be moved is different from the size of other drawing components. FIG. 4-3 is an example in which the guideline is displayed at a position where the reference points of each drawing component are equally spaced when the size of the drawing component to be moved is different from the size of the other drawing components. FIG.

As can be seen from these drawings, by selecting the former, drawing parts having different sizes can be arranged at equal intervals, and the degree of freedom in arrangement is improved.
On the other hand, when the latter is selected, for example, when a plurality of drawing parts 205 having different sizes are aligned in the vertical direction in a state where many other drawing parts 201 and 202 are aligned in the vertical direction, FIG. In this example, the left side surfaces of the drawing component 205 can be aligned and aligned in the vertical direction.

In the present embodiment, the reference point of each drawing component can be arbitrarily set from the horizontal direction (left, center, right) and the vertical direction (up, center, bottom).

Embodiment 3 FIG.
FIG. 5 shows the display position of the guideline at the interval between the other drawing components when the drawing component 303 to be moved is arranged on the work screen in which the drawing components 301 and 302 are arranged on the same straight line. An example in the case of displaying whether doubled is also shown.
When the drawing component 303 is added from the menu or the toolbar, or when the drawing component 303 already on the work screen is selected and the mouse pointer is brought close to the arrangement position, the coordinates of the drawing component 301 and the drawing component 302 are calculated, and each drawing The interval ratio between the component and the drawing component to be arranged is displayed as a numerical value. In the example of FIG. 5, since the interval a5 between the drawing components 302 and 303 is twice the interval a1 between the drawing components 301 and 302, “200%” and the numerical value 305 are displayed.

Embodiment 4 FIG.
FIG. 6 shows an operation when the drawing components 404 are arranged at equal intervals on the work screen in which the drawing components 401, 402, and 403 are arranged on the same straight line 431. When the drawing component 404 is added from the menu or the toolbar, or when the drawing component 404 that is already on the work screen is selected and the mouse pointer is brought close to the arrangement location, the coordinates of the drawing components 401, 402, and 403 are calculated, and the straight line 431 The guideline 451 is displayed at a position where it can be arranged at equal intervals above, but the guideline 452 is also displayed at a position where it can be arranged at an equal interval on a line 432 perpendicular to the straight line 431.

According to this embodiment, by arranging according to the guideline, it becomes easy to perform equidistant arrangement not only in the one-dimensional direction but also in the two-dimensional direction.

Embodiment 5 FIG.
FIG. 7 shows an operation when the drawing component 503 is arranged on the screen on which the drawing components 501 and 502 are arranged on the same straight line. When the drawing component 503 is added from the menu or the toolbar, or when the drawing component 503 already on the work screen is selected and the mouse pointer is brought close to the arrangement location, the coordinates of the center point of the drawing component 501 and the drawing component 502 are calculated. The guide line 551 is displayed at a position where the selected drawing parts can be arranged at equal intervals on the same circumference 531 including the drawing parts 501 and 502.

Embodiment 6 FIG.
FIG. 8 shows an example in which the drawing components 602a and 602b are arranged on the same straight line, and these two drawing components are selected as a set and arranged at equal intervals according to other drawing components 601. Yes. When a set of drawing parts 602a and 602b is selected, the coordinates of these drawing parts are calculated, and guide lines 603a and 603b are displayed at positions that can be arranged at equal intervals with the drawing part 601.

In each of the above-described embodiments, the timing for displaying the guideline is when the drawing component to be moved is on the same line as other drawing components or close to it, or the drawing component to be moved is a mouse or the like. You can select either when you select with your pointing device.

  According to the display screen creation device according to these embodiments, when a drawing component to be moved is arranged, it can be easily arranged at a position that is equidistant from other drawing components. The work efficiency of creation is improved, leading to a reduction in screen creation man-hours.

  As described above, the display screen creating apparatus according to the present invention is useful when arranging drawing parts at equal intervals when creating a display screen such as a programmable display.

DESCRIPTION OF SYMBOLS 1 Display screen creation apparatus 2 Input part 3 Guideline setting part 4 Drawing component arrangement | positioning part 5 Display part 6 Guideline display position calculation part 7 Guideline display control part 8 Memory | storage part 9a Drawing part information 9b Guideline setting information 10 Control part 11 Menu display part 12 , 13 Toolbar display unit 14 Work screen 15, 21-23, 101-103 Drawing parts 16, 104 Guidelines

Claims (11)

A display screen creation device for creating a display screen by arranging a plurality of drawing parts on the work screen based on an instruction from the outside,
Display means for displaying the work screen;
Storage means for storing information on the position of each of the plurality of drawing parts;
Input means for receiving an instruction to move the drawing component from the outside;
When a plurality of drawing parts different from the drawing parts to be moved by the instruction from the outside are arranged on the work screen in a straight line, based on the information stored in the storage means, A position where the interval between the drawing component that is the moving object and any of the plurality of drawing components arranged on the straight line is a desired ratio with the interval between the drawing components arranged on the straight line. A calculation means for calculating;
Display control means for displaying the guideline at the position calculated by the calculation means;
A display screen creation device comprising: The distance between the drawing component to be moved and any of the plurality of drawing components arranged on a straight line is equal to the interval between the drawing components arranged on the straight line. The display screen creation apparatus according to 1. An interval between the drawing component to be moved and any of the plurality of drawing components arranged on a straight line is half of the interval between the drawing components arranged on the straight line. The display screen creation apparatus according to claim 1. The interval between the drawing component to be moved and any of the plurality of drawing components arranged on a straight line is an integer multiple of the interval between the drawing components arranged on the straight line. The display screen creation device according to claim 1. 5. The display control means according to claim 1, wherein the display control means displays the guideline on a straight line that intersects perpendicularly with a straight line on which a plurality of drawing parts arranged on a straight line is arranged. The display screen creation device described. When the drawing control unit moves the drawing component to be moved on a circle passing through the two drawing components with a diameter of any two of the plurality of drawing components arranged on a straight line, The display screen creation apparatus according to claim 1, wherein the guideline is displayed at a position where the distance between the two drawing parts and the drawing part to be moved is equal. A display screen creation device for creating a display screen by arranging a plurality of drawing parts on the work screen based on an instruction from the outside,
Display means for displaying the work screen;
Storage means for storing information on the position of each of the plurality of drawing parts;
Input means for receiving an instruction to move the drawing component from the outside;
The storage means when there are a plurality of drawing parts to be moved by an instruction from the outside and different drawing parts from the plurality of drawing parts to be moved are arranged on the work screen. Based on the information stored in the screen, the interval between any of the plurality of drawing parts that are the moving object and the drawing parts that are arranged on the work screen is between the drawing parts that are the moving object. A calculation means for calculating a position at a desired ratio and an interval of
Display control means for displaying the guideline at the position calculated by the calculation means;
A display screen creation device comprising: The calculation means calculates the interval between drawing parts by using an interval between reference points of each drawing part or by using an interval between outlines of the respective drawing parts. The display screen creation device according to any one of the above. The display control means is configured such that when the drawing component to be moved is brought close to a plurality of drawing components arranged in a straight line by an instruction from the outside, the drawing component to be moved is set by the instruction from the outside. A guideline is displayed when a plurality of parts arranged on a straight line are brought close to the arranged straight line or immediately after the drawing part is made a movement target by an instruction from the outside. The display screen creation apparatus according to any one of claims 1 to 8. 10. The display according to claim 1, further comprising a drawing component placement unit that forcibly moves a drawing component that is a movement target at a position where the display control unit displays the guideline. Screen creation device. Displays the ratio between the interval between the drawing component to be moved and one of the plurality of drawing components arranged on a straight line and the interval between the drawing components arranged on the straight line. The display screen creation apparatus according to claim 1, wherein the display screen creation apparatus is a display screen creation apparatus.

Images