JPH06161693A - Gui parts constitution method - Google Patents

Abstract

PURPOSE:To easily constitute GUI parts by suppressing windows by setting an incorporating relation between the windows mutual constituting GUI parts displayed on a screen. CONSTITUTION:When a window 62 is dragged by a mouse 3 and superposed on a window 61, the parent of the constituting element 62a of an operation panel 62 is changed to ID#61 of the window 61 as a new parent window and at the same time ID#62 of the operation panel 62 as a new child window is described in the children of the constituting element 61a of the window 61 so that a video tape device can be operated by the operation panel 62. On the other hand, when the window 62 is dragged by the mouse 3 and superposed on a window 69, a percentage between the window 61 and the operation panel 62 is cancelled and the processing object (control object) of the operation panel 62 becomes a laser disk device symbolized by the window 69 so that the laser disk device can be operated by the operation panel 62.

Description

Detailed Description of the Invention

[0001]

BACKGROUND OF THE INVENTION The present invention relates to a GUI displayed on a screen.
The present invention relates to a GUI component configuration method suitable for use when configuring an I (Graphical User Interface) component.

[0002]

2. Description of the Related Art In many recent computer systems, a man-machine interface called GUI (Graphical User Interface) is adopted, and GUI parts (eg, scroll bar, operation menu, and file) are graphically displayed on the screen. (Things etc.) are displayed, thereby improving the operability and the affinity with the user.

That is, for example, as shown in FIG.
In the window 81 opened on the display 4, scroll bars 81a or 81b are arranged at the right end portion or the lower end portion, respectively, and each is operated by a pointing device such as a mouse. By (for example, dragging), the display can be scrolled vertically or horizontally in the window 81 without operating the keyboard.

Scroll bars 82a and 82b or 83a opened on the display 4
Window 82 or 8 having a and 83b respectively
Also in No. 3, scrolling can be performed in the same manner as in the window 81.

Further, as shown in FIG. 12 (b), a window 84 (85, 85, opened on the display 4 is displayed.
86), the operation menu 84a (85a, 86)
a) is arranged at the left end portion,
By operating it with the mouse (for example, clicking), you can perform the specified processing (for example, editing or saving a file) without operating the keyboard and entering complicated commands. ing.

[0006]

By the way, the conventional GU
In I, the shape and configuration of the GUI part can be edited by, for example, an editor called a GUI editor, and is edited before executing an application program that uses the GUI part.
After that, it will be fixed.

Therefore, in order to change the GUI component once edited, it is necessary to edit the GUI component again with the GUI editor, change the application program as necessary, and recompile the application program. Changing parts was not easy.

Further, the GUI editor can handle only existing GUI parts called widgets, that is, the degree of freedom of editing is low, and it is difficult to obtain GUI parts according to the taste of the user. .

Further, for example, the window 8 shown in FIG.
Scroll bars 81 arranged on 1 to 83 respectively
Although a (81b) to 83a (83b) all have the same function (scroll function) and have almost the same shape, each window 81 to 83 is managed and displayed independently. It has become.

Therefore, there is a problem that a large memory space is required to manage the GUI parts.

The present invention has been made in view of such a situation, and it is an object of the present invention to easily construct a GUI part and further change it.

[0012]

A GUI according to claim 1
The component configuration method is characterized in that an inclusive relation is set between windows constituting GUI components displayed on the screen, and the windows are controlled based on the inclusive relation.

A GUI component configuration method according to a second aspect is
It is characterized in that the inclusion relation is changed based on movement or resizing of the window.

According to a third aspect of the present invention, there is provided a GUI component construction method,
It is characterized in that a GUI component composed of windows is reconfigured based on the change of the inclusion relation.

According to a fourth aspect of the present invention, there is provided a GUI component construction method,
The GUI component is configured by arranging at least one child window on the parent window.

The GUI component construction method according to claim 5 is
The parent window can be changed to another parent window.

The GUI component construction method according to claim 6 is
It is characterized in that the GUI component can be arranged on another GUI component.

The GUI component construction method according to claim 7 is
The window is a button for activating a predetermined action on a predetermined processing target, and a GUI component composed of the window is reconfigured based on the predetermined processing target.

[0019]

In the above-described GUI part structuring method, the inclusion relation is set between the windows forming the GUI part displayed on the screen, and the windows are controlled based on the inclusion relation. Therefore, the GUI component can be easily configured.

Further, in this GUI component construction method, the inclusion relation is changed based on the movement or resizing of the window, and the GUI component formed from the window is reconfigured based on the change of the inclusion relation. Therefore, GU
It is possible to easily change the I part.

Further, in this GUI component construction method, a GUI component which can be arranged on another GUI component is constituted by arranging at least one child window on a parent window which can be changed to another parent window. . Therefore, G
UI parts can be easily configured.

Further, in this GUI component construction method, the window serves as a button for activating a predetermined action on a predetermined processing target, and the GUI component composed of the window becomes a predetermined processing target. Reconstructed based on. Therefore, the GUI component can be easily changed.

[0023]

1 is a perspective view showing the configuration of an embodiment of a computer system to which a GUI component configuring method of the present invention is applied. In addition to the window manager 2, the CPU 1
Control the entire device. The window manager 2 manages, for example, the windows 11a to 11c displayed on the display 4. That is, the window manager 2
An event is generated based on an input from, for example, the mouse 3 as a pointing device, and the position and size of windows, such as the windows 11a to 11c, displayed on the display 4 are changed in response to the event. Or make the window function as a button.

The mouse 3 is, for example, a right button, a middle button,
It has three buttons, the left button, and moves the mouse cursor 3a displayed on the display 4 to change the positions and sizes of the windows 11a to 11c on the display, and to make the windows 11a to 11c function as buttons. If operated. The display 4 displays windows managed by the window manager 2, such as windows 11a to 11c.

The windows 11a to 11c are windows constituting GUI parts displayed on the display 4.

Here, the GUI parts include, for example, those shown in FIG. That is, the scroll bar as a GUI component shown in FIG. 2A is composed of a frame 21 as a parent window and a slider 22 as a child window belonging to the frame. Further, the scroll bar shown in FIG. 2B has a frame 21 in the case of FIG.
In addition to the slider and the slider 22, a frame 2 as a parent window
Buttons 23 for moving the slider 22 discretely up or down as child windows belonging to 1
It is composed of a or 23b.

The menu as the GUI component shown in FIG. 2C is a frame 24 as a parent window, and an edit (EDIT) button 25, a save (SAVE) button 26, and a print (PRIN) as child windows belonging to the frame.
It is composed of item buttons such as a T) button 27 and an end (QUIT) button 28. The operation panel as a GUI component shown in FIG. 2D includes a frame 29 as a parent window, a counter 30 as a child window belonging to it, and button groups 31 to 3 as child windows.
It is composed of nine.

The windows constituting the GUI parts displayed on the display 4 can be moved together with the mouse cursor 3a or changed in size by operating the mouse 3. Further, the window can be made to function as a button for activating a predetermined action on a predetermined device.

The window has, for example, an ID as its identifier, the size of itself, the ID of the parent window as information indicating the inclusion relationship with the parent window to which the window belongs, and its parent window (parent window). Relative position (coordinates) from, for example, the center or the upper left point, and in the case where the child itself has a child window, for example, as the information indicating the inclusion relationship with the child window, such as the ID of the child window, The components of the window are set and managed by this.

Next, referring to the flowchart of FIG.
The operation will be described. First, a function for a callback (notification) callback is assigned to each window used first (step S1).

That is, in the computer system,
Mouse 3 is operated, mouse cursor 3a is the window
When a predetermined event (state) occurs such as entering or exiting the window or clicking or dragging the mouse 3 when the mouse cursor 3a is inside the window window, a callback callback for the event is returned. The function usrFunction that performs a predetermined process is called according to this callback callback, for example, the function XtAddCallback (window, callback, usrFunction, client_d
ata) is assigned to the window window. Note that client_d
ata is an argument of the function usrFunction.

In the present invention, the event handler is registered in advance for at least the following events.

(A) Exposure event ... An event in which another window that hides a part or all of the window window displayed on the display 4 is deleted or moved to expose the window window. (B) ButtonPress, ButtonRelease , ButtonMotion event ... When the mouse cursor 3a is in the window window, the button of the mouse 3 is pressed (ButtonPress),
Event that is released (ButtonRelease) or dragged (ButtonMotion) (c) EnterWindow, LeaveWindow event ... Mouse cursor 3a appears in the window window (LeaveWin)
dow) Event to enter (EnterWindow)

Then, the above-mentioned events (a) to (c)
On the other hand, the event handlers are registered in advance as follows, for example.

(A) XtAddEventHandler (window, Exposur
e, eventhandler, data) (b) XtAddEventHandler (window, ButtonPress | ButtonR
elease | ButtonMotion, eventhandler, data) (c) XtAddEventHandler (window, EnterWindow | LeaveWi
ndow, eventhandler, data) In addition, | means a logical sum. Also, data is the function even
It is an argument of thandler.

When events (a) to (c) occur due to the above registration, the function described in C language shown in FIG.
The eventhandler will be called. In this case, the function eventhandler (Fig. 4) is called for any event, but the function eventhandler may be divided and described so that the function to be called differs for each event. good.

Function XtAddCallback to window window
After the processing of allocating the event, the input of an event from the mouse 3 is waited (step S2), and when the event is input, the function eventhandler (FIG. 4) is called (step S
3), the callback callback corresponding to the event is returned (steps S4 to S6).

That is, for example, when the window window has the mouse cursor 3a and the window window functions as a button, when the left button of the mouse 3 is pressed, it is as if the window window as the button is pressed. For the sake of clarity, the window window is displayed with a shadow like a recess (for example, like the EDIT button 25 in FIG. 2, the left end portion and the bottom end portion thereof are shaded) of It is described as being displayed) (step L2 in FIG. 4).

After that, when the left button of the mouse 3 is released while the mouse cursor 3a is on the window window, it is considered that the window window is selected, and the function eventhandler is called (step S).
4). Then, the ACTIVATE callback corresponding to this event is notified (step L6 in FIG. 4), and step S
Function XtAddCallb assigned to window window in 1
Function usrFu corresponding to ACTIVATE callback in ack
nction is called, and the concave window window is the original display (hereinafter, concave display is referred to as convex display)
Returned to.

If the left button of the mouse 3 is pressed when the mouse cursor 3a is in a certain window, the concave display is made as described above, but the mouse cursor 3a is moved to another window as it is. And other windows are displayed in a concave form. At this time, a certain window is returned from the concave display to the convex display.

When the window window is dragged by the middle button of the mouse 3, if the window window can be moved, the GRAB callback is notified (step S6) (step L3 in FIG. 4) and the window window is moved. The system is notified that is started. Furthermore, when the mouse 3 is moved, the DRAG callback is notified (step S6) (step L10 in FIG. 4), and the window window and the windows, such as the slide button and its background, are displayed at high speed. It is moved by being redrawn (correctly, it does not appear to move, but appears to move) (step S9). When the middle button of mouse 3 is released,
The MOVE callback is notified (step S6) (step L7 in FIG. 4) to notify the system that the movement of the window window is completed.

After that, for example, the minimum window that wraps the window window is obtained, and the window wind
It is determined whether or not the parent window to which ow itself belongs has changed (step S7). When it is determined that the parent window has changed, the REPARENT callback is notified (step S8), and the inclusion relation corresponding to the window window is rewritten. If it is determined that the parent window of the window window has not changed, the input of an event is awaited again (step S2).

If the window window is not movable, the above-mentioned movement processing is not performed.
Furthermore, for example, if a constraint condition is set in advance for the window window such that it cannot be output from its parent window, the moving window wind
The size or position of ow is compared with the size or position of its parent window, and the window window is controlled so as not to go out of its parent window.

When the window key is dragged by the middle button of the mouse 3 while the shift key of the keyboard (not shown) is pressed, the RGRAB callback is notified if the window window can be resized ( Step S5) (step L4 in FIG. 4), window
The system is notified that window resizing is about to begin. Further, when the mouse 3 is moved, the RUBBER callback is notified (step S5) (step L in FIG. 4).
11), the entire window window or its frame is resized. Then, when the middle button of the mouse 3 is released, the RESIZE callback is notified (step S5).
The system is informed that the resizing of the window window is completed (step L8 in FIG. 4).

Then, for example, the resized window
The smallest window that wraps window is required, etc.
It is determined whether or not the parent window to which the window window itself belongs has changed (step S7). If it is determined that the parent window has changed, the REPARENT callback is notified (step S8), and the window is changed.
The inclusion relation corresponding to window is rewritten. If it is determined that the parent window of the window window has not changed, the input of an event is awaited again (step S
2).

If the window window cannot be resized, the above resizing processing is not performed. In addition, for example, when a constraint condition such as that the window cannot be put out from the parent window is set in advance, the size or position of the resized window window and the size or position of the parent window Are compared and the window window is
It is controlled so that it does not go out of its parent window.

Also, during the resizing or movement of the window window described above, if another window that is partially or wholly hidden is exposed in the window window, the exposed portion is redrawn. (Step L1 in FIG. 4).

Furthermore, when the window window is dragged by the right button of the mouse 3, the MENU callback is notified (step S4) (step L7 of FIG. 4),
Function assigned to window window in step S1
A function usrFunction corresponding to the MENU callback in XtAddCallback is called, and a window as a menu is displayed in a pull-down mode, for example (step S9). In this case, when the mouse cursor 3a is moved into the menu while the right button is being dragged, the menu item (window) in which the mouse cursor 3a is located is depressed to indicate that it is selected. The mouse cursor 3a is displayed from the displayed menu item.
Is displayed, a convex display is performed (steps L12 to L15 in FIG. 4).

When the menu is displayed,
When the right button of the mouse 3 is released, the ACTIVATE callback is notified (step S4) (step L in FIG. 4).
9) The system is informed that the menu item displayed in the concave display has been selected. Thereafter, the MENUEND callback is further notified (step S4) (step L9 in FIG. 4), and the window as the menu is deleted (step S9).

If there is no menu in the window window, the above menu processing is not performed.

Next, an example of the configuration of the GUI component by the above processing will be described with reference to FIGS. Figure 5
(A) shows a menu component including a frame 41 as a parent window and an edit button 42, a read button 43, and a save button 44 as child windows. In this menu part, an inclusion relation is created by overlapping the edit button 42, the read button 43, and the save button 44 on the frame 41.

Here, FIG. 6 shows respective constituent elements 41a to 45a for managing the windows 41 to 45 constituting the parts of FIG. The ID is the identifier of the window managed by the component, and x and y indicate the relative position of the parent window to which the window itself belongs, for example, from the center or the upper left (x indicates the horizontal coordinate). y indicates the vertical coordinate). w, h
Indicates the size of the window itself (w indicates the length in the horizontal direction, h indicates the length in the vertical direction), paren
t indicates the ID of the parent window to which the window belongs as an inclusion relation. In addition, children
Indicates the ID of a child window that the window has as an inclusion relation.

If the window has no child window, children is not described.

The components 41a to 45 shown in FIG. 6 (a).
a is the case in FIG. 5A, and the frame 41
Has an edit button 42, a read button 43, and a save button 44 as child windows, the child button of the constituent element 41a has an edit button 42,
ID # 4 of the read button 43 and the save button 44
2 to # 44 are described. Further, the frame 41 is I
Parent window of D # 001 (Paper itself is ID # 0
(Assuming that it is the parent window of 01), therefore, # 001 is described in the parent of its constituent element 41a.

Further, the edit button 42 and the read button 4
Since 3 and the save button 44 have no child windows and all belong to the frame 41 as a parent window, the parent of each of the constituent elements 42a to 44a thereof.
Describes the ID # 41 of the frame 41.

In this case (FIGS. 5A and 6)
(A)) Since the end button 45 does not have a child window and belongs to the same parent window as the frame 41, ID # 001 is described in the parent of the constituent element 45a.

From the state shown in FIG. 5 (a), the end button 45 is dragged by the mouse 3 (mouse cursor 3a) and moved to the frame 41 (FIG. 5 (b)), whereupon the dragging ends. Then, the parent of the component 45a of the end button 45 is changed to the ID # 41 of the frame 41 as a new parent window, and the child button of the end button 45 as a new child window is added to the children of the component 41a of the frame 41. ID # 45 is added (FIG. 6 (b)). Then, as described above, the REPARENT callback indicating that the parent window of the end button 45 has changed is notified, and the corresponding function is called.

With this function, the size of the edit button 42, the read button 43, and the save button 44 can be changed, and the size of the end button 45 can be changed, so that the end button 45 can be changed without changing the size of the frame 41. Is frame 4
The GUI component is reconfigured by being added to the number 1 (FIG. 5C).

In this case, the size of the frame 41 is changed to
Edit button 42, read button 43, save button 4
4, without changing the size of the end button 45,
An end button may be added in the frame 41.

Further, in FIG. 5A, the edit button 42, the read button 43, or the save button 44 may be deleted from the frame 41 to reconfigure the GUI part.

Further, for example, the window 51 shown in FIG.
a window 51 having a window 51a having b as a child window, a window 52 having windows 52a and 52b as child windows, a window 53 having windows 53a to 53c as child windows, and a SAVE button 54a and a QUIT button 54b. Even for a complicated GUI component such as the frame 41 having the window 54 having a child window as a child window, the above-described reconfiguration can be performed.

Next, referring to FIG. 8, for example, a video tape device and a laser disk device (both not shown) are connected to the computer system of FIG. 1, and the video tape device and the laser disk device are controlled by the computer system. A window 61 symbolizing a video tape device and a window 69 symbolizing a laser disk device, which are displayed on the display 4 when the device is configured so as to be capable of performing, are shown.

Window 6 symbolizing a video tape device
1, a reproduced image from the video tape device is displayed. Window 62 as an operation panel
Has a rewind button 63, a stop button 64, a play button 65, a fast forward button 66, a record button 67, and a pause button 68 as its child windows.
When it is dragged by and is moved to the window 61 or 69 from the position shown by the dotted line in the figure, it becomes the operation panel of the video tape device or the laser disk device.

That is, the window 62 as an operation panel
, The windows 61 and 69 are not the parent windows of the window 62, and the rewind button 63, the stop button 64, the play button 65, and the fast-forward button 66 as child windows of the windows 61 and 69. Even if the record button 67 or the pause button 68 is clicked with the mouse 3, the action is performed by the video tape device and the laser disk device.
Can not be started.

However, when the window 62 is dragged with the mouse 3 and overlaid on the window 61, the parent of the component 62a of the operation panel 62 is changed to the ID # 61 of the window 61 as a new parent window, and Ch of the component 61a of the window 61
ID # 62 of the operation panel 62 as a new child window is described in ildren (FIG. 9).

Then, a REPARENT callback indicating that the parent window of the operation panel 62 has been changed to the window 61 is notified, and the corresponding function is called.

This function enables the video tape device to start the reproduction of an image by, for example, clicking the play button 65 as a child window of the operation panel 62 with the mouse 3. That is, the processing target (control target) of the operation panel 62 becomes the video tape device symbolized by the window 61, and the operation of the video tape device on the operation panel 62 becomes possible.

When the window 62 is dragged with the mouse 3 and overlapped with the window 69, the window 6 is displayed.
The parent-child relationship between 1 and the operation panel 62 is canceled, the parent of the component element 62a of the operation panel 62 is changed to the ID # 69 of the window 69 as a new parent window, and the component element 69a of the window 69 is changed. ID # 62 of the operation panel 62 as a new child window is described in the child (FIG. 10).

Then, a REPARENT callback indicating that the parent window of the operation panel 62 has been changed to the window 69 is notified, and the corresponding function is called.

With this function, when the play button 65, which is a child window of the operation panel 62, is clicked with the mouse 3, the laser disk device can start reproducing the image. That is, the processing target (control target) of the operation panel 62 becomes the laser disk device symbolized by the window 69, and the operation of the laser disk device on the operation panel 62 becomes possible.

Since the laser disk device cannot record information, if a parent-child relationship is defined between the window 69 and the operation panel 62, a function for erasing the record button 67 should be called. By this, the record button 67 can be prevented from being displayed (indicated by a dotted line in FIG. 8 or FIG. 10).

Further, in this case, FIG. 5 to FIG.
In the same manner as in the above case, another button is added to the operation panel 62 as its child window, and the rewind button 63, the stop button 64, the play button 65, the fast forward button 66, the record button 67, or the pause button 68 is removed. The GUI component (operation panel 62) can be configured by using the GUI. That is, the GUI component (operation panel 62) can be configured according to the preference of the user.

If a parent-child relationship is defined between the window 61 and the operation panel 62 (FIG. 9),
Rewind button 6 as a child window of operation panel 62
3. Even if the stop button 64, the play button 65, the fast-forward button 66, the record button 67, or the pause button 68 is moved to a position where it does not overlap the operation panel 62, the parent-child relationship between the operation panel 62 and the moved button But it can be prevented. As a result, as long as the parent-child relationship is defined between the window 61 and the operation panel 62, any of the rewind button 63, the stop button 64, the play button 65, the fast forward button 66, the record button 67, or the pause button 68 will be displayed. Even in the position, the video tape device can be operated.

As described above, since the operation panel 62 can be commonly used for the video tape device and the laser disk device, the required memory space is smaller than that in the case where the operation panels are managed independently. It will be less. Further, the operation of the device connected to the computer system can be performed uniformly, and the operability of the device and the affinity for the user can be improved.

Next, FIG. 11 is a plan view showing an embodiment of a scroll bar constructed by the GUI component construction method of the present invention. The scroll bar in FIG. 11A is composed of a frame 71 as a parent window and a slide button 72 as a child window thereof, and the slide button 72 can freely move within the frame 71. When the slide button 72 is dragged by the mouse 3 and moved, the above-mentioned DRAG callback is notified and the corresponding function is called.

With this function, the scroll target is scrolled based on the relative position of the slide button 72 with respect to the frame 71.

In this case, the function is the slide button 7
The frame 71 as the parent window is assigned to No. 2 and can be freely changed.

Further, if the function usrFunction called by the callback is defined, the functions shown in FIGS.
In the same way as in, move the scroll bar,
The scroll target (control target) can be changed.
In this case, the size of the frame of the scroll bar or the size or number of slide buttons of the scroll bar can be changed in accordance with the changed scroll target.

That is, the slide buttons 74 and 75 as child windows are arranged in the frame 73 corresponding to the changed scroll target (see FIG. 11).
(B)) A window 77 having a slide button 78 as a child window and functioning as a frame and a slide button is arranged as a child window in the frame 76 (see FIG. 1).
1 (c)), the scroll bar can be reconfigured.

In the present invention, in addition to the above description, for example, a window functioning as a slide button of a scroll bar is overlaid with a window for displaying characters and images, and a GU as a scroll bar on which characters and images are placed.
It is possible to configure an I part or the like.

[0081]

As described above, according to the GUI component structuring method of the present invention, the inclusion relation is set between the windows constituting the GUI component displayed on the screen, and the windows are controlled based on the inclusion relation. . Therefore, the GUI component can be easily configured.

Further, according to this GUI component structuring method, the inclusion relation is changed based on the movement or resizing of the window, and the GUI component made up of the windows is reconfigured based on the change of the inclusion relation. Therefore, GU
It is possible to easily change the I part.

Further, according to this GUI component construction method,
A GUI component that can be arranged on another GUI component is configured by arranging at least one child window on a parent window that can be changed to another parent window. Therefore, the GUI
The parts can be easily constructed.

Further, according to this GUI component forming method, the window is a button for activating a predetermined action on a predetermined processing target, and the GUI component made up of the window is a predetermined processing target. Is reconstructed based on. Therefore, the GUI component can be easily changed.

[Brief description of drawings]

FIG. 1 is a perspective view showing a configuration of an embodiment of a computer system to which a GUI component configuring method of the present invention is applied.

FIG. 2 is a plan view showing an embodiment of a GUI component configured by the GUI component configuring method of the present invention.

3 is a flow chart for explaining the operation of the computer system of FIG.

FIG. 4 is a diagram showing a description example of an event handler.

FIG. 5 is a plan view showing a menu component configured by the GUI component configuration method of the present invention.

FIG. 6 is a diagram showing components of the menu part of FIG.

FIG. 7 is a plan view showing a menu component configured by the GUI component configuration method of the present invention.

8 is a GUI displayed on the display 4 of FIG.
Window 6 symbolizing the video tape device as a component
1 and window 6 that symbolizes the laser disk device
It is a figure which shows 9.

9 is a diagram showing constituent elements of the GUI part shown in FIG. 8;

10 is a diagram showing components of the GUI part shown in FIG. 8;

FIG. 11 is a plan view showing a scroll bar configured by the GUI component configuring method of the present invention.

FIG. 12 is a diagram for explaining a conventional GUI.

[Explanation of symbols]

1 CPU 2 Window Manager 3 Mouse 3a Mouse Cursor 4 Display 11a to 11c Windows 41a to 45a, 61a, 62a, 67a, 69a
Component

Claims (7)

[Claims] 1. A GUI component configuring method comprising: setting an inclusion relation between windows constituting GUI components displayed on a screen, and controlling the windows based on the inclusion relation. 2. The GUI component configuring method according to claim 1, wherein the inclusion relation is changed based on movement or resizing of the window. 3. The GUI component configuring method according to claim 2, wherein the GUI component configured from the window is reconfigured based on the change of the inclusion relation. 4. The GUI according to claim 1, wherein the GUI component is configured by arranging at least one child window on a parent window.
Parts configuration method. 5. The G according to claim 4, wherein the parent window can be changed to another parent window.
UI component configuration method. 6. The GUI component configuring method according to claim 1, wherein the GUI component can be arranged on another GUI component. 7. The window is a predetermined processing target,
7. The button for activating a predetermined action, wherein the GUI component configured by the window is reconfigured based on the predetermined processing target. The GUI component configuration method described in 1.