JP2012014560A - Graphic editing program, graphic editing method and graphic editing apparatus - Google Patents

Abstract

To easily select a component displayed in a superimposed state.
In a graphic editing apparatus in a WYSIWYG format, when a cursor 110 is stopped for a predetermined time in an editing area 100B of an editing screen 100, layout information including a superimposed state of each component arranged in the editing area 100B is referred to. The component (instructive component) in the forefront of the position indicated by is identified. Further, the layout information is referred again, a part at least partially superposed on the designated part is extracted, and a parts list 100C in which the designated part and the extracted part are listed is displayed. That is, not only the part at the position indicated by the cursor 110 but also a list of parts at least partially superimposed on the part is presented. When an arbitrary part is selected from the part list 100C, the layout information and the part display are updated so that the part is positioned in the foreground.
[Selection] Figure 7

Description

  The present invention relates to a graphic editing technique for editing a graphic.

  As an example of a WYSIWYG (What You See Is What You Get) format graphic editing device (editor), one that selects and arranges components from a component list and edits Web content is known. In such a graphic editing device, for example, there are cases where components are stacked and arranged due to an operation error, or a plurality of components are stacked depending on the layout. In this case, when you want to select a part hidden behind the part displayed in the foreground, for example, temporarily move the part displayed in the foreground so that the part to be selected is displayed. A complicated operation must be performed. For this reason, in order to facilitate the selection operation of parts, a technique has been proposed in which a part at a position indicated by a cursor is displayed in a list format, and a desired part can be selected from the list by one operation.

JP 2000-207087 A

  However, in the conventional graphic editing apparatus, for example, when a small part is completely hidden behind the part displayed on the foreground, the placement position of the small part cannot be visually recognized. It was not easy to point at. For this reason, it is still difficult to select a component that is completely hidden behind the component displayed in the foreground.

  Therefore, in view of the conventional problems, an object of the present invention is to provide a technique that facilitates selection of components displayed in a superimposed state.

  For this reason, a computer having a storage in which layout information including a superimposed state of each component constituting a figure is stored refers to the layout information, and a component that is pointed at by the cursor and a component that is at least partially superimposed on this component Generate a list of In addition, the computer causes the display device to display the list. Then, when a component is selected from the list, the computer updates the superposition state in the storage layout information and the component display of the display device so that the selected component is positioned in the foreground.

  In one aspect, a component hidden behind the component displayed on the forefront of the display device can also be selected, and selection of components displayed in a superimposed state can be facilitated.

It is a functional block diagram which shows an example of a figure editing apparatus. It is explanatory drawing of the edit screen of a WYSIWYG format. It is a data structure figure which shows an example of layout information. It is a flowchart which shows an example of a component arrangement | positioning process. It is a flowchart which shows an example of the main routine of a list display process. It is a flowchart which shows an example of the subroutine of a list display process. It is explanatory drawing of the edit screen on which the parts list was displayed. It is a flowchart which shows an example of a component rearrangement process. It is explanatory drawing of the edit screen in an Example. It is explanatory drawing of the layout information in an Example. It is explanatory drawing of the edit screen in which the components list | wrist in the Example was displayed. It is explanatory drawing which shows the update state of the layout information in an Example. It is explanatory drawing which shows the update state of the edit screen in an Example.

Hereinafter, embodiments for carrying out the present invention will be described in detail with reference to the accompanying drawings.
FIG. 1 shows an example of a graphic editing apparatus according to this embodiment.

  The graphic editing apparatus 10 is constructed by a computer 40 in which a pointing device 20 such as a mouse and a display apparatus 30 such as an LCD (Liquid Crystal Display) are connected. The computer 40 implements the component placement unit 50, the stop determination unit 60, the list generation unit 70, the list display unit 80, and the component rearrangement unit 90 by executing a graphic editing program installed in a storage such as a hard disk. To do. The graphic editing program is installed in the storage from a computer-readable recording medium such as a CD-ROM (Compact Disk Read Only Memory) and a DVD-ROM (Digital Versatile Disk Read Only Memory) using a known means. .

  In the editing screen 100 as shown in FIG. 2, the component placement unit 50 selects a component from the component list 100A and places it in the editing area 100B in the WYSIWYG format in which the pointing device 20 and the display device 30 cooperate. Provide functionality. The stop determination unit 60 determines whether or not the cursor 110 has stopped for a predetermined time in the editing area 100B of the editing screen 100. When the stop determination unit 60 determines that the cursor 110 has stopped for a predetermined time, the list generation unit 70 generates a list of parts that are at least partially superimposed on the part pointed to by the cursor 110. The list display unit 80 causes the display device 30 to display the list generated by the list generation unit 70. The component rearrangement unit 90 rearranges the components displayed on the display device 30 when a component is selected from the list displayed on the display device 30.

  Further, the computer 40 stores the layout information 130 of the components arranged by the component arrangement unit 50 in the storage 120 such as a hard disk. As shown in FIG. 3, the layout information 130 associates a component identifier such as a component name for identifying a component with a base point coordinate, a width, a height, and an overlapping order for identifying the arrangement position of the component. A set of records. Here, the base coordinate is information for specifying the reference position of the component, and is, for example, the upper left coordinate of the smallest rectangle surrounding the component. Further, the superposition order is information for specifying the superposition order (superposition state) of at least a part of the parts that are superposed, for example, the parts located on the foreground to the parts located on the foreground in ascending order. Numbers are assigned sequentially. When a plurality of parts having the same name are registered in the layout information 130, for example, each part can be distinguished by adding a serial number after the part identifier, such as part A (1) or part A (2). do it.

  FIG. 4 shows an example of a component placement process executed by the component placement unit 50 when a part selected from the parts list 100A on the editing screen 100 shown in FIG. 2 is placed in the editing area 100B.

  In step 1 (abbreviated as “S1” in the drawing, the same applies hereinafter), the component placement unit 50 uses the layout information of the storage 120 to place the component placed in the editing area 100B of the editing screen 100 (hereinafter referred to as “placed component”). 130. That is, the part placement unit 50 generates a record in which the base point coordinates, width, height, and superposition order of the placed part are associated with the part identifier of the placed part, and this record is additionally registered at the end of the layout information 130. . At this time, the arrangement order of the arranged components may be determined as appropriate with reference to the layout information 130 of each arranged component.

  According to such component placement processing, when a user places a component in the WYSIWYG format, layout information 130 of the placed component is registered in the storage 120. For this reason, referring to the layout information 130 of the storage 120, the layout information 130 of the arranged parts can be acquired.

  FIG. 5 shows an example of a main routine of list display processing that is repeatedly executed in cooperation by the stop determination unit 60, the list generation unit 70, and the list display unit 80 when the graphic editing apparatus 10 is activated.

  In step 11, the stop determination unit 60 determines whether or not the cursor 110 has been stopped for a predetermined time (for example, several seconds) by analyzing an event message, for example. The stop determination unit 60 advances the process to step 12 if it is determined that the cursor 110 has been stopped for a predetermined time (Yes), and ends the process if it is determined that the cursor 110 has not stopped for a predetermined time. (No). It should be noted that the predetermined time for determining whether the cursor 110 is stopped may be set arbitrarily for the convenience of the user.

  In step 12, the list generation unit 70 refers to the layout information 130 of the storage 120, and identifies the part displayed at the forefront (hereinafter referred to as “instruction part”) at the position indicated by the cursor 110. To do.

  In step 13, the list generation unit 70 determines whether or not the designated part has been specified, that is, whether or not the cursor 110 points to the part. Then, if it is determined that the designated part can be identified, the list generation unit 70 advances the process to step 14 (Yes), whereas if it is determined that the designated part cannot be identified, the list generation unit 70 ends the process (No).

In step 14, the list generation unit 70 executes a subroutine for creating a parts list in which parts that are at least partially superimposed on the parts indicated by the cursor 110 are listed.
In step 15, the list display unit 80 determines whether or not a plurality of parts are registered in the parts list, that is, whether or not the parts are arranged in a superimposed state. If the list display unit 80 determines that a plurality of components are registered in the component list, the list display unit 80 proceeds to step 16 (Yes), but determines that a plurality of components are not registered in the component list. The process is terminated (No).

In step 16, the list display unit 80 displays the parts list on the display device 30.
FIG. 6 shows an example of a subroutine for list display processing executed by the list generation unit 70.
In step 31, the list generator 70 creates an empty parts list on the memory, for example.

In step 32, the list generation unit 70 refers to the layout information 130 of the storage 120, and acquires the position information (base coordinates, width, height, and superposition order) of the designated component.
In step 33, the list generation unit 70 refers to the layout information 130 of the storage 120 and sequentially selects other parts excluding the designated part.

  In step 34, the list generation unit 70 refers to the layout information 130 of the storage 120 and acquires the position information of the part selected in step 33 (hereinafter referred to as “selected part”).

  In step 35, the list generation unit 70 calculates the four end points of the selected part by adding the width and height to the base point coordinates, for example. That is, when the base coordinate of the selected part is (x1, y1), the width is w1, and the height is h1, the four end points are (x1, y1), (x1 + w1, y1), (x1, y1 + h1), and (x1 + w1). , Y1 + h1).

  In step 36, the list generation unit 70 determines whether any of the endpoints of the selected component is included in the specified component, for example, based on whether each endpoint of the selected component is in the designated component placement area. Determine. If the list generation unit 70 determines that any one of the end points of the selected part is included in the designated part, the process proceeds to step 37 (Yes), while any of the end points of the selected part is the designated part. If it is determined that it is not included, the process proceeds to step 38 (No).

In step 37, the list generation unit 70 adds a part name for identifying the selected part to the parts list.
In step 38, the list generation unit 70 refers to the layout information 130 in the storage 120 and determines whether or not all parts in the layout information 130 have been processed. If the list generation unit 70 determines that all parts have been processed, the process proceeds to step 39 (Yes), whereas if it is determined that all parts have not been processed, the process returns to step 33 (No). .

  In step 39, the list generation unit 70 sorts the component list in accordance with, for example, the component superposition order. At this time, if a plurality of parts having the same name are registered in the parts list, each part can be distinguished by adding a serial number after the part name, such as part A (1), part A (2), etc. do it.

  According to such list display processing, when the cursor 110 is stopped for a predetermined time in the editing area 100B of the editing screen 100, the layout information 130 of the storage 120 is referred to, and the designated component pointed to by the cursor 110 is specified. Further, the layout information 130 of the storage 120 is referred to, and a part at least partially overlapped with the designated part is extracted. Then, a parts list in which the instruction parts and the extracted parts are listed is generated, and a parts list 100C is displayed on the editing screen 100 as shown in FIG.

  At this time, since the parts list 100C is displayed when the cursor 110 is stopped for a predetermined time, it is possible to avoid the parts on the movement trajectory of the cursor 110 from being selected. In addition, since the components in the component list 100C are sorted according to the overlapping order of the components, the list can reflect the actual overlapping state.

  The parts list 100C is closed by, for example, performing an operation such as moving the cursor 110 from the parts or clicking the mouse as the pointing device 20.

  FIG. 8 shows an example of a component rearrangement process executed by the component rearrangement unit 90 when an arbitrary component is selected from the component list 100C shown in FIG. Here, the selection of the component is performed by, for example, the pointing device 20 or the keyboard.

  In step 41, the component rearrangement unit 90 updates the layout information 130 of the storage 120 so that the selected component (hereinafter referred to as “selected component”) is positioned in the foreground. That is, the part rearrangement unit 90 updates the layout information 130 by setting the superposition order of the selected parts to “1” and appropriately changing the superposition order of other parts.

  In step 42, the component rearrangement unit 90 refers to the layout information 130 of the storage 120 and updates the component display displayed in the editing area 100B of the editing screen 100 so that the selected component is displayed in the foreground. .

  According to such component rearrangement processing, when a component is selected from the component list 100C, the layout information 130 in the storage 120 and the component display in the editing area 100B are updated so that the component is positioned in the foreground. .

  Therefore, according to the graphic editing apparatus 10 in the present embodiment, if the cursor 110 has been stopped for a predetermined time, at least a part of the instruction component is not only a component at the position indicated by the cursor 110 as a component to be selected. A list of superimposed parts is presented. Therefore, a part completely hidden behind the part displayed on the foreground can also be selected, and the part displayed in the superimposed state can be easily selected.

Next, for the purpose of facilitating the understanding of the graphic editing apparatus 10 in the present embodiment, an example assuming a specific example will be described.
As a precondition of the embodiment, as shown in FIG. 9, a figure in which the part C (1) and the part C (2) are completely hidden behind the part A in a superimposed state is considered. Further, it is assumed that the layout information 130 as shown in FIG. 10 is stored in the storage 120 as the layout information 130 of the parts A, C (1) and C (2). Then, it is assumed that the pointing device 20 is operated and the cursor 110 is moved to the lower right part (coordinates: 30, 37) of the part A and stopped for a predetermined time.

  The computer 40 refers to the layout information 130 and identifies the pointing component located at the forefront among the components at the position (coordinates: 30 and 37) indicated by the cursor 110. Here, since the part A is arranged in a rectangular area defined by the coordinates (10, 10) and the coordinates (40, 40) and the overlapping order of the parts A is 1, the part is indicated as the pointing part indicated by the cursor 110. A is specified. Note that the component A as the instruction component is registered in the component list 100C as one of the selection targets.

  Next, the computer 40 refers to the layout information 130 and identifies a component that at least partially overlaps the component A. That is, the computer 40 refers to the layout information 130, selects a part C (1) different from the part A, and selects the four end points (25, 25), (35, 25), (25) of the part C (1). , 35) and (35, 35). Further, the computer 40 sets “10 (base point x coordinate) ≦ x ≦ 10 (base point x coordinate) +30 (width) and 10 (width) with respect to the part A for each end point (x, y) of the part C (1). It is determined whether or not the inequality “base point y coordinate) ≦ y ≦ 10 (base point y coordinate) +30 (height)” holds. Since the inequality holds for all four end points of the component C (1), the component C (1) is registered in the component list 100C. Similarly, the part C (2) is also registered in the parts list 100C. Thereafter, the computer 40 sorts the parts list 100C as necessary in accordance with the superposition order of the layout information 130, and displays the parts list 100C on the editing screen 100 as shown in FIG.

  When, for example, the component C (2) is selected from the component list 100C displayed on the editing screen 100 using the pointing device 20, the computer 40 selects the component C (2) in the layout information 130 as shown in FIG. Is rewritten to 1. Further, the computer 40 sequentially lowers the overlapping order of the component A and the component C (1) in the layout information 130. Then, the computer 40 updates the component display displayed on the editing screen 100 so that the component C (2) is positioned at the forefront as shown in FIG.

  In the embodiment including the above examples, the component arrangement area is specified by a rectangle. However, if it is not appropriate to specify a rectangle such as a triangle, for example, the layout information may be adapted to the component shape. . In this case, the determination of the overlap between the two components may be performed by a known method.

The following additional notes are further disclosed with respect to the embodiment including the above examples.
(Supplementary Note 1) A display device, a pointing device, and a computer having a storage in which layout information including a superimposed state of each part constituting a figure is stored, is referred to the storage layout information, and is operated by the pointing device. Generating a list of parts pointed to by the cursor and a part at least partially overlapping the parts; displaying the list on the display device; and selecting when a part is selected from the list A graphic editing program for realizing the superimposition state in the storage layout information and the step of updating the component display of the display device so that the performed component is positioned in the foreground.

  (Supplementary note 2) The graphic editing program according to supplementary note 1, wherein in the step of generating a list of the parts, a list is generated when the cursor is stopped for a predetermined time.

  (Supplementary note 3) The graphic editing program according to supplementary note 2, wherein the predetermined time can be arbitrarily set by a user.

  (Supplementary note 4) The graphic editing according to any one of supplementary notes 1 to 3, wherein the step of generating the list of parts sorts the parts in the list in accordance with a superposition state of each part. program.

  (Supplementary note 5) The graphic editing program according to any one of supplementary notes 1 to 4, wherein the step of generating the list of parts assigns a serial number to each part when there are a plurality of parts having the same name. .

  (Supplementary Note 6) A computer having a storage device in which layout information including a display device, a pointing device, and a superimposed state of each component constituting a figure is stored is operated by the pointing device with reference to the layout information of the storage. Generating a list of parts pointed to by the cursor and a part at least partially overlapping the parts; displaying the list on the display device; and selecting when a part is selected from the list And a step of updating the superposition state in the storage layout information and the component display of the display device so that the performed component is positioned in the foreground.

  (Supplementary Note 7) Display device for displaying figure composed of a plurality of parts, pointing device for operating cursor, storage for storing layout information including superimposed state of parts constituting the figure, A list generation unit that refers to layout information and generates a list of the component pointed to by the cursor, a component that is at least partially superimposed on the component, a list display unit that displays the list on the display device, and the list A component rearrangement unit that updates a superimposed state in the storage layout information and a component display of the display device so that the selected component is positioned in the forefront when the component is selected from Characteristic graphic editing device.

DESCRIPTION OF SYMBOLS 10 Graphic editing apparatus 20 Pointing device 30 Display apparatus 40 Computer 60 Stop determination part 70 List production | generation part 80 List display part 90 Parts rearrangement part 100 Edit screen 100B Edit area | region 100C Parts list 110 Cursor 120 Storage 130 Layout information

Claims (5)

In a computer having a storage device storing layout information including a display device, a pointing device, and a superimposed state of each component constituting a figure,
Referring to the storage layout information, generating a list of parts pointed to by a cursor operated by the pointing device, and a part at least partially overlapping the parts;
Displaying the list on the display device;
Updating a superimposed state in the storage layout information and the component display of the display device so that the selected component is positioned in the foreground when a component is selected from the list;
Graphic editing program to realize   2. The graphic editing program according to claim 1, wherein the step of generating the list of parts generates a list when the cursor is stopped for a predetermined time.   3. The graphic editing program according to claim 1, wherein the step of generating the list of parts sorts the parts in the list in accordance with a superposition state of each part. A computer having a storage in which layout information including a display device, a pointing device, and a superimposed state of each component constituting a figure is stored.
Referring to the storage layout information, generating a list of parts pointed to by a cursor operated by the pointing device, and a part at least partially overlapping the parts;
Displaying the list on the display device;
Updating a superimposed state in the storage layout information and the component display of the display device so that the selected component is positioned in the foreground when a component is selected from the list;
The graphic editing method characterized by performing this. A display device for displaying a graphic composed of a plurality of parts;
A pointing device for operating the cursor;
A storage for storing layout information including the superimposed state of the parts constituting the figure;
A list generation unit that refers to the layout information of the storage, generates a list of the component pointed to by the cursor, and a component at least a part of which is superimposed on the component;
A list display unit for displaying the list on the display device;
A component rearrangement unit that updates a superimposed state in the layout information of the storage and a component display of the display device so that the selected component is positioned in the forefront when a component is selected from the list;
A graphic editing apparatus characterized by comprising:

Images