JPH05233185A - User interface control system - Google Patents

User interface control system

Info

Publication number
JPH05233185A
JPH05233185A JP4029854A JP2985492A JPH05233185A JP H05233185 A JPH05233185 A JP H05233185A JP 4029854 A JP4029854 A JP 4029854A JP 2985492 A JP2985492 A JP 2985492A JP H05233185 A JPH05233185 A JP H05233185A
Authority
JP
Japan
Prior art keywords
user interface
display area
view
hierarchy
relationship
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Granted
Application number
JP4029854A
Other languages
Japanese (ja)
Other versions
JP2929824B2 (en
Inventor
Michi Iwasaki
未知 岩▲崎▼
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
NEC Corp
Original Assignee
NEC Corp
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by NEC Corp filed Critical NEC Corp
Priority to JP4029854A priority Critical patent/JP2929824B2/en
Publication of JPH05233185A publication Critical patent/JPH05233185A/en
Application granted granted Critical
Publication of JP2929824B2 publication Critical patent/JP2929824B2/en
Anticipated expiration legal-status Critical
Expired - Fee Related legal-status Critical Current

Links

Abstract

PURPOSE:To reduce the troublesome of operation by multiply defining the two relations of a relation for managing a display area and a relation unrelated to the management of the display area in optical order and utilizing it. CONSTITUTION:The system is provided with a grouping object being masters 11, 21, 31, 33 on a view hierarchy and being virtual masters 22, 32, 34 on the view hierarchy. The view hierarchy preparation can be realized by constituting a tree structure with a component for constructing a user interface, which is in the relation of master-slave and on the other hand, group hierarchy preparation can be realized by introducing data structure corresponding to the grouping object to by virtual masters 22, 32 and 34 on the tree structure and constituting the structure and the components for interface construction in the tree structure. Thus, by putting both structures into one tree structure, both relations of the relation for management of the display area and relation unrelated to the relation of the display area can multiply be defined in an optical order and utilized.

Description

【発明の詳細な説明】Detailed Description of the Invention

【0001】[0001]

【産業上の利用分野】本発明は例えば情報処理装置にお
いて、そのユーザ・インタフェース(具体的には表示形
態や入力様式)の定義あるいは変更の方式に関する。
BACKGROUND OF THE INVENTION 1. Field of the Invention The present invention relates to a method of defining or changing a user interface (specifically, display mode or input mode) of an information processing apparatus.

【0002】[0002]

【従来の技術】[Prior Art]

(1)ウィンドウシステムとその上のユーザ・インタフ
ェース構築環境で用いられている方式 情報処理装置など何らかの機能を実現する装置におい
て、そのユーザ・インタフェースを実現するソフトウェ
アを作成しようとする場合、作成工数を低減するために
部品群として予め用意しておくことが行われている。対
話的にユーザ・インタフェースを作成し利用するシステ
ムでは、これらユーザ・インタフェース構築部品群から
適切なものを選択し画面上に配置することによってユー
ザ・インタフェースの作成が行われる。
(1) Method used in the window system and the user interface construction environment thereabove In an apparatus that realizes some function such as an information processing apparatus, when creating software that realizes the user interface, In order to reduce the number of components, it is performed in advance as a component group. In a system that interactively creates and uses a user interface, the user interface is created by selecting an appropriate one from these user interface building components and arranging it on the screen.

【0003】こうして作られるユーザ・インタフェース
は通常、表示領域管理のための階層関係の編集を支援し
ている。
The user interface thus created typically supports editing hierarchical relationships for display area management.

【0004】以下では、この階層関係を複数のユーザ・
インタフェース構築部品をまとめて操作する手段として
みたときに提供されている機能に関して説明する。
In the following, this hierarchical relationship will be described by a plurality of users.
The functions provided when viewed as a means for collectively operating the interface building components will be described.

【0005】ウィンドウシステムの多くでは、ユーザ・
インタフェースは、複数のユーザ・インタフェース構築
用部品を階層的に構成することで実現される。具体的に
は、画面上に表示されるユーザ・インタフェース構築用
部品とそれが持つ表示領域を対応づけて構成される。以
下では、ユーザ・インタフェース構築用部品に対応して
画面に行われる表示をビューと呼ぶ。
In many window systems, the user
The interface is realized by hierarchically configuring a plurality of user interface building components. Specifically, the user interface building component displayed on the screen and the display area of the component are associated with each other. Hereinafter, the display performed on the screen corresponding to the user interface building component is called a view.

【0006】ビューは、表示領域の包含関係に対応した
親子関係を持っている。例えば、図6(a)の様に画面
11′がビュー21′,22′,31′,32′が表示
されている場合、画面11′もビューの一つと考え、こ
れに対する関係を図6(b)の様な階層構造として表現
することが可能である。ここで、図中の11,21,2
2,31,32はビューのそれぞれに対応するデータ構
造であり各ビューの持つ属性、例えばビューの種類、表
示時の位置や色等を格納、管理している。ビューに対応
するデータ構造の間を結ぶ実線はビューの親子関係を表
しており、この図においては上に描かれているものが下
に書かれているものの親となる。例えば、21は11の
子でありかつ31と32の親である。また、同一の親を
持つ複数のビューは兄弟とみなすことができる。図6
(a)の21′と22′は兄弟である。兄弟は順序関係
を持ち、画面上で表示領域が重なった場合には、この順
序関係にしたがって表示が重ねられ、一方の表示が隠さ
れ表示されないことになる。図6(a)では21′の表
示を22′の表示が隠している。親子においては、常に
子供の表示が親の表示を隠すことになる。以下では、こ
の階層関係をビュー階層と呼ぶ。この階層関係は木構造
を持ち、単一の親と複数の子供との関係を重層的に定義
したものである。
Views have a parent-child relationship corresponding to the inclusion relationship of display areas. For example, when the screen 11 'displays the views 21', 22 ', 31' and 32 'as shown in FIG. 6 (a), the screen 11' is considered as one of the views, and the relation to this is shown in FIG. It can be expressed as a hierarchical structure like b). Here, 11, 11, 2 in the figure
Reference numerals 2, 31, and 32 are data structures corresponding to the views, respectively, and store and manage the attributes of each view, such as the type of view, the position and color at the time of display. The solid lines connecting the data structures corresponding to the views represent the parent-child relationships of the views. In this figure, the ones drawn above are the parents of what is written below. For example, 21 is a child of 11 and a parent of 31 and 32. Also, multiple views with the same parent can be considered siblings. Figure 6
21 'and 22' in (a) are siblings. The siblings have an order relationship, and when the display areas overlap on the screen, the displays are overlapped according to this order relationship, and one display is hidden and not displayed. In FIG. 6 (a), the display of 21 'is hidden by the display of 22'. For parents and children, the child's display will always hide the parent's display. Hereinafter, this hierarchical relationship is referred to as a view hierarchy. This hierarchical relationship has a tree structure and defines the relationship between a single parent and multiple children in multiple layers.

【0007】実際には、ビューに対応するデータ構造は
例えばプログラミング言語における構造体として実現さ
れ、親子関係の保持は構造体の中に他の構造体を指すポ
インタを格納することで行われる。
Actually, the data structure corresponding to the view is realized as a structure in a programming language, for example, and the parent-child relationship is maintained by storing a pointer pointing to another structure in the structure.

【0008】ビューの具体例としては、画面上に存在し
マウスで操作するためのボタンや、数値や文字列入出力
のためのテキストフィールドのそれぞれがビューに対応
すると考えることができる。実際には、これらボタンや
テキストフィールドが複数のビューから構成されること
もある。また複数のボタンやテキストフィールドを台紙
となるビューであるフォームの上に並べることにより、
プログラムが情報を表示するためのウィンドウやダイア
ログボックスが構成される。
As a specific example of the view, it can be considered that each of the buttons existing on the screen for operating with a mouse and the text field for inputting / outputting a numerical value or a character string corresponds to the view. In practice, these buttons and text fields may consist of multiple views. In addition, by arranging multiple buttons and text fields on the form that is the view that becomes the mount,
A window or dialog box is created for the program to display information.

【0009】図6(a),図6(b)に示される構造で
定義される親子関係において、子供のビューは親ビュー
の領域以外に表示を行うことができない。換言すると、
子供のビューの表示は親のビューの領域によってクリッ
ピングされる。例えば図6(a)のビュー32′が図7
(a)に示される位置まで右に移動した場合、図7
(a)の32′の斜線部は表示されず、この部分は、下
にあるビュー11′による表示が見られることになる。
In the parent-child relationship defined by the structures shown in FIGS. 6 (a) and 6 (b), the child view cannot be displayed outside the area of the parent view. In other words,
The display of the child's view is clipped by the area of the parent's view. For example, the view 32 'of FIG. 6 (a) is shown in FIG.
When moving to the position shown in FIG.
The shaded portion 32 'in (a) is not displayed, and this portion can be viewed by the view 11' below.

【0010】また、ユーザ・インタフェース構築用部品
は、通常そのビューを表示するか否かを決定する属性を
持つ。以下ではこれを表示属性と呼ぶ。表示属性は論理
値であり、これが真である時ビューは表示され、偽であ
る時ビューは表示されない。ビュー階層においては、親
のビューの表示属性が偽である状態では、その子孫のビ
ューはそれ自体の表示属性の真偽に関わらず表示されな
い。例えば、図6(a)においてビュー21′の表示属
性が偽となると、その子孫であるビュー31,32の表
示は画面上には実際には行われない。
The user interface building component usually has an attribute for determining whether to display the view. Below, this is called a display attribute. The display attribute is a Boolean value, when this is true the view is displayed and when it is false the view is not displayed. In the view hierarchy, when the display attribute of the parent view is false, the view of the descendant is not displayed regardless of whether the display attribute of its own view is true or false. For example, when the display attribute of the view 21 'in FIG. 6A becomes false, the views 31 and 32 that are descendants thereof are not actually displayed on the screen.

【0011】子供のビューの表示位置は、通常親のビュ
ーの上で定義された座標系に対して定義される。よっ
て、親のビューが画面上で移動した際には子供のビュー
は親のビューとの相対的な位置関係を保つ。つまり、画
面に対しては親ビューの移動と同じだけ移動する。例え
ば、図6(a)においてビュー21′が図7(b)に示
される位置まで右に移動した場合、ビュー31′,3
2′も親であるビュー21′と同じだけ移動し図7
(b)に示す位置となる。すなわち、子供であるビュー
31′,32′は親であるビュー21′に対する相対位
置を維持する。
The display position of the child's view is usually defined with respect to the coordinate system defined on the parent's view. Therefore, when the parent's view moves on the screen, the child's view maintains a relative positional relationship with the parent's view. That is, the screen is moved as much as the parent view is moved. For example, if the view 21 'in FIG. 6 (a) has moved to the position shown in FIG. 7 (b) to the right, the views 31', 3
2'is also moved by the same amount as the parent view 21 '.
The position is as shown in (b). That is, the views 31 'and 32' that are children maintain their relative positions with respect to the view 21 'that is a parent.

【0012】その他、親のビューの大きさが変わった場
合に子供のビューの大きさを変更するウィンドウシステ
ムも存在する。
In addition, there is a window system that changes the size of the child's view when the size of the parent's view changes.

【0013】親のビューの色を変更する際は、親のビュ
ーの色のみが変更され、子供のビューは影響を受けな
い。すなわち、親に対する属性の設定に対して、位置に
関してはそれを子供に対して伝達するかのごとく変更の
影響が及び、色に関しては子供には伝達しないかのごと
く変更の影響が及ばない。大きさに関してはシステムに
よって扱いが異なる。影響が及ぶ際には子孫に向かって
再帰的に適用される。
When changing the color of the parent's view, only the color of the parent's view is changed, the child's view is unaffected. That is, the setting of the attribute for the parent is not affected by the change regarding the position as if it is transmitted to the child and the change regarding the color as if it is not transmitted to the child. Regarding the size, the handling differs depending on the system. When affected, it is applied recursively to descendants.

【0014】ウィンドウシステムでは、多数のウィンド
ウを管理する必要があるが、この枠組を用いることによ
り複数のウィンドウに対する操作の困難さを軽減してい
る。例えば、アプリケーション・プログラマが一旦ビュ
ーの階層を定義すれば、それらをまとめて移動させたい
時はそれら自体の親となるビューのみを操作すれば良
い。また、あるビューの表示属性を操作すれば結果的に
その子孫の表示全ての状態を変更することが可能であ
る。
In the window system, it is necessary to manage a large number of windows. By using this framework, it is possible to reduce the difficulty of operating a plurality of windows. For example, once an application programmer has defined a hierarchy of views, if they want to move them together, they only need to manipulate the views that are their parents. Further, by manipulating the display attribute of a certain view, it is possible to eventually change the state of all the display of its descendants.

【0015】ウィンドウシステム上で動作するアプリケ
ーション・プログラムを対象としたユーザ・インタフェ
ース構築環境では、使用者がビュー階層を定義するため
の機能が提供されている。例えば個々のユーザ・インタ
フェース構築用部品に対して後述の描画ツールに近い操
作によって画面上でビューの配置を指定していき、更に
ビューの階層関係を定義する。ビューの階層関係の定義
は例えば子供を画面上に配置する時に、子供の表示領域
が完全に親の表示領域に入るように置くことで行う。ま
た、あるウィンドウの上のビューの配置を定義している
間はそのウィンドウに対応するビューと新たに定義する
ビューの親子関係以外の親子関係を定義できないものも
多い。すなわち、ビューの階層構造を重層的に定義する
という概念をアプリケーション・プログラマに提供して
いない。ビューの階層構造の重層的定義を行うことがで
きないものも存在する。この場合、画面全体に対応する
ビューかまたはその直接の子供であるビューのうちの一
方の上にのみ子供のビューを定義することが許され、そ
こで定義される全てのビューは兄弟となる。 (2)描画ツールで用いられている方式 描画ツールにおいては、複数の表示物をまとめて操作す
る手段がユーザ・インタフェース構築環境とは異なった
形で提供されている。
In the user interface construction environment for application programs operating on the window system, a function for the user to define the view hierarchy is provided. For example, the layout of views is specified on the screen for each user interface building component by an operation similar to the drawing tool described later, and the hierarchical relationship of views is further defined. The hierarchical relationship of views is defined by placing the child's display area completely within the parent's display area when the child is placed on the screen, for example. Further, while defining the layout of a view on a certain window, there are many cases in which a parent-child relationship other than the parent-child relationship between the view corresponding to the window and the newly defined view cannot be defined. That is, it does not provide the application programmer with the concept of defining the hierarchical structure of views in multiple layers. There are some that do not allow layered definition of the hierarchical structure of views. In this case, it is allowed to define a child's view only on one of the view corresponding to the entire screen or its immediate children, and all views defined there are siblings. (2) Method used in drawing tool In the drawing tool, a means for collectively operating a plurality of display objects is provided in a form different from the user interface construction environment.

【0016】描画ツールでは、通常画面上に紙のイメー
ジを表示してその上に、直線、矩形、多角形、円、楕
円、文字列などの図形要素を図形オブジェクトとして配
置していくことにより複雑な円形を描きあげる。図形オ
ブジェクトはマウスなどのポインティング・デバイスに
よってその位置や大きさを定めることができる。
The drawing tool is complicated by displaying a paper image on a normal screen and arranging graphic elements such as lines, rectangles, polygons, circles, ellipses, and character strings on it as graphic objects. Draw a perfect circle. The position and size of the graphic object can be determined by a pointing device such as a mouse.

【0017】また、図形オブジェクトの持つ属性として
線の幅や色といったものがある。これらを設定する際の
典型的な操作は、ポインティング・デバイスを用いて図
形オブジェクトを選択しておき、別に存在するメニュー
から属性の値を選択すると選択された状態にあった図形
オブジェクトの属性が設定されるというものである。
The attributes of the graphic object include line width and color. The typical operation for setting these is to select the graphic object using the pointing device and then select the attribute value from a separate menu to set the attribute of the graphic object in the selected state. Is to be done.

【0018】描画ツールの多くでは、複数の図形オブジ
ェクトを一つにまとめあたかも単一の図形オブジェクト
であるかのように扱うための機能としてグループ化なる
機能が提供されている。グループ化された図形オブジェ
クト群は単一のオブジェクトとして操作することができ
る。移動を行った場合はグループの要素である各図形オ
ブジェクトはそれぞれ同じだけ移動する。大きさを変更
する際は、通常、各図形オブジェクト間の大きさの縦横
それぞれの比率が保存される形で各図形オブジェクトの
大きさが変更される。グループに対して色や線の幅の変
更操作を行った際は、グループを構成する各図形オブジ
ェクトの全てに対して変更が行われる。描画ツールでの
グループ化機能は、複数の図形オブジェクトを選択して
おいて、メニューからグループ化機能を選択するという
操作で行うことが多い。
Many of the drawing tools provide a grouping function as a function for treating a plurality of graphic objects as one and treating them as if they were a single graphic object. The grouped graphic objects can be operated as a single object. When moved, each graphic object that is an element of the group moves by the same amount. When changing the size, usually, the size of each graphic object is changed in such a manner that the vertical and horizontal ratios of the sizes between the graphic objects are preserved. When a color or line width changing operation is performed on a group, the change is performed on all of the graphic objects forming the group. The grouping function in the drawing tool is often performed by selecting a plurality of graphic objects and then selecting the grouping function from the menu.

【0019】図形オブジェクトの管理の実現は、例え
ば、前述のビューに対応するデータ構造の管理と同様の
手法を用いることによって実現される。例えば、図8
(a)左側の様に画面11′の上に図形オブジェクト2
1′,22′,23′が配置されている時、同図右側の
様なデータ構造を考えることができる。
The management of the graphic object is realized, for example, by using the same method as the management of the data structure corresponding to the view described above. For example, in FIG.
(A) A graphic object 2 on the screen 11 'as shown on the left side
When 1 ', 22', and 23 'are arranged, the data structure shown on the right side of the figure can be considered.

【0020】グループ化は、グループに対して仮想的な
親を存在させることで表現可能である。図8(a)で、
21′と22′のグループ化は、図8(b)の31の様
な仮想的な親を置くことで実現できる。以下では、この
仮想的なオブジェクトをグループ化オブジェクトと呼
ぶ。グループ化された図形オブジェクト21′,22′
のそれぞれに対する操作は表示形態を持たないグループ
化オブジェクト31′に対する操作とみなし、操作の結
果を子供である21′と22′に反映する。これによっ
て、位置や大きさの変更、色の設定、複製などを複数の
図形オブジェクトに対して同時に行うことが可能とな
る。
Grouping can be expressed by allowing a virtual parent to exist for a group. In FIG. 8 (a),
The grouping of 21 'and 22' can be realized by placing a virtual parent like 31 in FIG. 8 (b). Below, this virtual object is called a grouping object. Grouped graphic objects 21 ', 22'
Is regarded as an operation on the grouped object 31 'having no display form, and the result of the operation is reflected on the children 21' and 22 '. This makes it possible to change the position and size, set the color, and copy the plurality of graphic objects at the same time.

【0021】描画ツールのグループ化は、通常重層的に
行うことができる。ただしグループ化の対象とできるの
は最上位レベルに存在する図形オブジェクトのみであ
り、図8(b)においては21と22をグループ化した
結果としての31と22のみが対象となり得る。21と
22はもはや対象となり得ない。よって、重層的にグル
ープ化を行っても、出来上がる階層構造をこの表現方法
において表現したものは結果的に木構造となり網構造に
はならない。以下では、この階層関係をグループ階層と
呼ぶ。この階層関係は、単一の親と複数の子供との関係
を重層的に定義したものである。
Grouping of drawing tools can usually be done in multiple layers. However, only the graphic objects existing at the highest level can be targeted for grouping, and in FIG. 8B, only 31 and 22 as a result of grouping 21 and 22 can be targeted. 21 and 22 can no longer be targeted. Therefore, even if the layers are grouped in layers, the resulting hierarchical structure expressed by this expression method will eventually become a tree structure and not a net structure. Below, this hierarchical relationship is called a group hierarchy. This hierarchical relationship is a layered definition of the relationship between a single parent and multiple children.

【0022】重層的に定義されたグループ階層において
も描画ツールのユーザが直接操作できるのは最上位レベ
ルに存在する図形オブジェクトと最上位レベルに存在す
るグルーブ化オブジェクトのみである。最上位レベルの
グループ化オブジェクトに位置や大きさの変更、色の設
定などの操作が行われた場合、その子供達のオブジェク
トのそれぞれに操作の結果が反映される。子供達の中に
下のレベルのグループをまとめるためのグループ化オブ
ジェクトが存在した場合には、更にその子供達に操作の
結果が再帰的に反映される。これは、最上位レベルのグ
ループ化オブジェクトに対して設定された属性の値のグ
ループ化階層を子孫に向かっての伝播とみなすことが可
能である。すなわち、最上位以外のグループ化オブジェ
クトは親から伝達された属性を自分の子供達に伝達す
る。
Even in the hierarchically defined group hierarchy, the user of the drawing tool can directly operate only the graphic object existing at the highest level and the grooved object existing at the highest level. When an operation such as changing the position or size or setting a color is performed on the highest level grouped object, the result of the operation is reflected on each of the children's objects. When there is a grouping object for grouping lower level groups in the children, the result of the operation is recursively reflected in the children. This can be viewed as propagating the grouping hierarchy of attribute values set for the highest level grouping object towards descendants. That is, the grouped objects other than the topmost group transmit the attributes transmitted from the parent to their own children.

【0023】以上述べた様に、多くの図形描画ツールで
は画面上に配置されたオブジェクトのグループ化が提供
されているが、これは動作可能なユーザ・インタフェー
スを作成するためのシステムではないため表示領域管理
のための階層構造の編集を支援していない。例えば、図
7(a)に示した様な、親の表示領域による子供の表示
領域のクリッピングといったことは支援されていない。
As described above, many graphic drawing tools provide grouping of objects arranged on the screen. However, this is not a system for creating an operable user interface, and thus display is performed. It does not support editing the hierarchical structure for area management. For example, clipping of the child display area by the parent display area as shown in FIG. 7A is not supported.

【0024】グループ化の実現手法はこれ以外にも存在
するが、表現方法は異なっても概念的には木構造を考え
てそれをそれぞれの手法で表現している。
There are other methods for realizing grouping, but even if the expression methods are different, the tree structure is conceptually considered and expressed by each method.

【0025】[0025]

【発明が解決しようとする課題】しかしながら従来の方
式においては画面上に多数のユーザ・インタフェース構
築用部品を配置する際に次の問題が存在した。
However, the conventional method has the following problems when arranging a large number of user interface building parts on the screen.

【0026】従来のユーザ・インタフェース構築環境に
おいては多数のビューを操作する必要があり、それらを
階層構造に組織化することで操作上の繁雑さを軽減して
いる。
In the conventional user interface construction environment, it is necessary to operate many views, and by organizing them in a hierarchical structure, the operational complexity is reduced.

【0027】しかし、図8(a)のビュー21′と2
2′の様に、ひとまとまりのビューとして扱いたい複数
のビューが画面上で離れている場合には、ビュー階層で
はうまく処理できない。この両者の間にビュー階層の親
子関係を定義することが不可能だからである。これをビ
ュー階層を用いてひとまとまりにする場合、これらを子
として持つビューを新たに作成することになる。親とな
るビューは子となるビューの表示領域の全てを含む大き
さの表示領域を持つことになる。この時、親となるビュ
ーの表示領域の内、子となるビューの表示領域でない部
分が発生してしまう。例えば、子となるビューの表示領
域の間の部分である。この領域は本来の親のビューの表
示が見えていなければならないものであるにもかかわら
ず、新しい親のビューの表示に隠されてしまう。隠され
る領域の中に、子となるビューと本来兄弟であった他の
ビューが存在する場合、これも隠される可能性が存在す
る。一般的には、複数のユーザ・インタフェース構築用
部品をひとまとまりにはしたいが、表示領域に対するこ
の様な影響は受けたくない場合が多い。また、ユーザ・
インタフェース構築中はいくつかのユーザ・インタフェ
ース構築用部品をひとまとまりにして扱いたいが、最終
的には全てのユーザ・インタフェース構築用部品を、ビ
ュー階層の上では兄弟として定義したい場合も存在す
る。この様に、グループ階層とビュー階層の一方を他方
の代用として利用することには無理がある。以上の様
に、図8(a)のビュー21′と22′はグループ階層
無しにはひとまとまりにして操作することが困難であ
り、複数のユーザ・インタフェース構築用部品に同じ操
作を施す際に全てのユーザ・インタフェース構築用部品
に対してそれぞれ操作を行う必要がある。このため、操
作の手間はユーザ・インタフェース構築用部品の数に比
例して増大してしまう。
However, the views 21 'and 2 of FIG.
If a plurality of views that are to be treated as a group of views are separated on the screen, such as 2 ', the view hierarchy cannot process them well. This is because it is impossible to define a parent-child relationship in the view hierarchy between them. If this is grouped together using the view hierarchy, a new view with these as children will be created. The parent view will have a display area that is large enough to include all the display areas of the child views. At this time, a portion of the display area of the parent view that is not the display area of the child view will occur. For example, the portion between the display areas of the child views. This area is hidden by the display of the new parent view, even though the original parent view display must have been visible. If there are other views that were originally siblings of the child view in the hidden area, this may also be hidden. Generally, it is desired to make a plurality of user interface construction parts as a group, but in many cases, it is not desired to have such an influence on the display area. Also, the user
There are cases where it is desired to handle some user interface building components as a group during interface building, but ultimately to define all user interface building components as siblings on the view hierarchy. Thus, it is not possible to use one of the group hierarchy and the view hierarchy as a substitute for the other. As described above, it is difficult to operate the views 21 'and 22' of FIG. 8A as a group without a group hierarchy. Therefore, when the same operation is performed on a plurality of user interface building components. It is necessary to perform operations for all user interface building components. For this reason, the operation labor increases in proportion to the number of user interface building components.

【0028】これに対処するには、グループ階層に相当
する機能が必要であるが、これは一般のユーザ・インタ
フェース構築環境では提供されていない。よって、これ
らの環境ではグループ化することによる恩恵を受けるこ
とができない。例えば、図9では、ユーザ・インタフェ
ース構築用部品21′の上に31′,32′,33′を
ひとまとめにしたユーザ・インタフェース構築用部品群
と同じ形態の部品群を合計3組配置しているが、この様
な場合も41′,42′,43′,51′,52′,5
3′のそれぞれを個別に作成し配置する必要がある。も
し、31′,32′,33′をひとまとめにして扱うこ
とができれば、これを2回複製することによって4
1′,42′,43′,51′,52′,53′に相当
する部分の作成を行うことが可能である。
To cope with this, a function equivalent to the group hierarchy is required, but this is not provided in a general user interface construction environment. Therefore, these environments do not benefit from grouping. For example, in FIG. 9, a total of three component groups having the same form as the user interface constructing component group in which 31 ', 32', and 33 'are grouped together are arranged on the user interface constructing component 21'. However, even in such a case, 41 ', 42', 43 ', 51', 52 ', 5
It is necessary to individually create and arrange each 3 '. If 31 ', 32', 33 'can be handled as a group, it can be duplicated twice to obtain 4
It is possible to create portions corresponding to 1 ', 42', 43 ', 51', 52 ', 53'.

【0029】以上はグループ化機能を全く提供していな
いユーザ・インタフェース構築環境での問題であるが、
ユーザ・インタフェース構築環境の中にはグループ化に
類似する機能が提供されているものとして、複数のビュ
ーを一時的に選択して操作可能であるがグループ等とし
て関係を保存できずまた多重に階層化することもできな
いものが存在する。これらの環境では多重にグループ化
することによる恩恵を受けることができない。例えば、
図9の配置をこの様な環境で作成する際には、ユーザ・
インタフェース構築用部品31′,32′,33′を作
成した後、これらを選択して2回複製することにより4
1′,42′,43′,51′,52′,53′を作成
可能である。しかし、31′,32′,33′を選択し
て複製を行っても41′,42′,43′の作成が可能
であるだけであり、これらはあくまでも別々のユーザ・
インタフェース構築用部品として存在し一つの構造とし
て操作できるわけではない。よって、図9の様な形で作
成した後でその一部を操作する必要が発生した場合には
再度個々のユーザ・インタフェース構築用部品を単独に
操作しなければならない。複数個まとめて操作したけれ
ば、まとめて操作したいものの選択を再度行わなければ
ならない。すなわち、一時的にグループ化機能を利用す
ることができても、作成されたユーザ・インタフェース
構築用部品群の間には最終的にはグループ階層が定義さ
れておらず、全てが独立した単独のユーザ・インタフェ
ース構築用部品となってしまう点が問題となる。
The above is the problem in the user interface construction environment which does not provide the grouping function at all.
As a function similar to grouping is provided in the user interface building environment, it is possible to temporarily select and operate multiple views, but relationships cannot be saved as groups, etc. There are things that cannot be transformed. These environments do not benefit from multiple grouping. For example,
When creating the layout of Fig. 9 in such an environment, the user
After creating the interface building parts 31 ', 32', 33 ', they are selected and duplicated twice to obtain 4
1 ', 42', 43 ', 51', 52 ', 53' can be created. However, 41 ', 42', and 43 'can only be created even if 31', 32 ', and 33' are selected and copied, and these are strictly different users.
It exists as an interface construction component and cannot be operated as a single structure. Therefore, if it is necessary to operate a part of the user interface after creating it in the form as shown in FIG. 9, it is necessary to individually operate each user interface building component again. If you want to operate more than one, you have to select the ones you want to operate again. In other words, even if the grouping function can be used temporarily, no group hierarchy is finally defined between the created user interface building component groups, and all are independent and independent. The problem is that it becomes a user interface building component.

【0030】この問題は、グループとしてひとまとめに
扱いたいユーザ・インタフェース構築用部品が離れて配
置されていない場合には更に困難なものとなる。図9で
の例と異なり、複数のグループに所属すべきものの配置
が相互に入り組んでいたり重なっていたりした場合、あ
るグループに所属すべきユーザ・インタフェース構築用
部品群の全てを画面上で正しく選択することは必ずしも
容易でない。その内のいくつかが他のグループに属すべ
きユーザ・インタフェース構築用部品の下に隠されてお
り直接選択ができない場合も存在する。
This problem becomes even more difficult when the user interface building components that are to be handled as a group are not arranged separately. Different from the example in Fig. 9, when the layouts of things that should belong to multiple groups are intricate or overlap with each other, all the user interface construction parts that should belong to a certain group are correctly selected on the screen. It's not always easy to do. In some cases, some of them are hidden under the user interface building component that should belong to another group and cannot be selected directly.

【0031】複数のビューを重層的にグループ化可能で
あるがビュー階層を利用可能な局面あるいは回数が限定
されておりグループ階層とビュー階層とを任意の組合せ
では利用できないユーザ・インタフェース構築環境も存
在する。ビュー階層は予め定められた数段に限られてお
り、利用する場面を自由に選択することができない。こ
の環境ではビュー階層を自由に使用することができず、
これによる恩恵を受けることができない。例えば、ビュ
ー階層によって実現される表示領域のクリッピングを自
由に利用することができない。自由にビュー階層を用い
ることができる環境では、図10の様にユーザ・インタ
フェース構築用部品31′の上に41′,42′,4
3′,51′,52′,53′,61′,62′,6
3′が配置されている状況で41′〜63′の大きさを
変更せずに31′の大きさを変更し、図11の様に上に
配置されているユーザ・インタフェース構築用部品の表
示を隠すといった形態でのビュー階層の利用ができる。
また、これを利用すればユーザ・インタフェース構築用
部品の位置を動かすことによって、アニメーションを作
成する際もその表示領域を親となるユーザ・インタフェ
ース構築用部品によって管理、限定することが可能であ
る。こうしたビュー階層による表示領域のクリッピング
は、システムによって実現されるので使用者の負担が軽
減される。しかし、ビュー階層が自由に使用できない環
境においてこの様な処理を行おうとすると、ユーザ・イ
ンタフェース構築用部品の移動にともなってその形状を
変更する、あるいは、別のユーザ・インタフェース構築
用部品を用いて不要な部分を隠蔽するといった処理をユ
ーザが記述しなければならない。
There is also a user interface construction environment in which a plurality of views can be grouped in a multi-layered manner, but the phase or number of times when the view hierarchy can be used is limited and the group hierarchy and the view hierarchy cannot be used in an arbitrary combination. To do. The view hierarchy is limited to a predetermined number of stages, and the scene to be used cannot be freely selected. In this environment you can not use the view hierarchy freely,
You cannot benefit from this. For example, the clipping of the display area realized by the view hierarchy cannot be freely used. In an environment in which the view hierarchy can be freely used, as shown in FIG. 10, 41 ', 42', 4 are provided on the user interface construction part 31 '.
3 ', 51', 52 ', 53', 61 ', 62', 6
In the situation where 3'is arranged, the size of 31 'is changed without changing the sizes of 41' to 63 ', and the display of the user interface building parts arranged on the upper side as shown in FIG. You can use the view hierarchy by hiding the view hierarchy.
Further, by utilizing this, by moving the position of the user interface building component, the display area can be managed and limited by the parent user interface building component when creating an animation. Since clipping of the display area by such a view hierarchy is realized by the system, the burden on the user is reduced. However, if such a process is attempted in an environment where the view hierarchy cannot be used freely, the shape of the user interface building component will change as the user interface building component moves, or another user interface building component will be used. The user must describe the process of hiding unnecessary parts.

【0032】以上の様に、ビュー階層とグループ階層は
両者とも必要であるにもかかわらず、両者を自由に利用
できるユーザ・インタフェース構築環境は存在せず、複
雑なユーザ・インタフェースの構築は対象の複雑さに応
じて繁雑な作業となっていた。
As described above, even though both the view hierarchy and the group hierarchy are necessary, there is no user interface construction environment for freely using both, and the construction of a complicated user interface is targeted. It was complicated work depending on the complexity.

【0033】この様に、従来のユーザ・インタフェース
制御方式には解決すべき問題があった。本発明の目的
は、上記の問題を解決し、利用者が多数のユーザ・イン
タフェース構築用部品を容易に扱うことが可能なユーザ
・インタフェース構築環境及び利用環境の実現方式を提
供することにある。
As described above, the conventional user interface control method has a problem to be solved. An object of the present invention is to solve the above problems and to provide a user interface construction environment and a method of realizing a use environment in which a user can easily handle a large number of user interface construction parts.

【0034】[0034]

【課題を解決するための手段】本発明においては、以下
の手法を用いることにより前述の問題を解決している。
In the present invention, the above-mentioned problem is solved by using the following method.

【0035】(1)請求項1記載の発明 予め用意されたユーザ・インタフェース構築用部品を画
面上に複数配置することにより画面上で対話的にユーザ
・インタフェースを構築し利用するシステムで、複数の
ユーザ・インタフェース構築用部品の間に表示領域を管
理するための関係と表示領域の管理とは無関係な関係と
の2つの関係を利用するユーザ・インタフェース制御方
式において、両方の関係を任意の順序で多重に定義して
利用可能としている。
(1) The invention according to claim 1 A system for interactively constructing and utilizing a user interface on a screen by arranging a plurality of user interface constructing parts prepared in advance on the screen. In a user interface control method that uses two relationships, one for managing the display area between the parts for building the user interface and the other one not related to the management of the display area, both relationships can be used in any order. It is defined as multiple and can be used.

【0036】しかし、この式にも次のような問題があ
る。ビュー階層とグループ階層の双方を任意の順序で多
重に許す枠組では、その構成要素であるユーザ・インタ
フェース構築用部品に対する各種属性の設定手法が問題
となる。これら階層関係を解除してそれぞれに対して属
性の設定を行い再度階層関係を定義するのでは操作の繁
雑さを軽減するという効果が利用できないからである。
However, this equation also has the following problems. In the framework that allows both the view hierarchy and the group hierarchy to be multiplexed in an arbitrary order, the method of setting various attributes for the user interface building component, which is its constituent element, becomes a problem. This is because the effect of reducing the complexity of operations cannot be utilized by canceling these hierarchical relationships, setting attributes for each, and defining the hierarchical relationships again.

【0037】グループ化されたユーザ・インタフェース
構築用部品に対する属性の設定操作は、多くの場合、そ
のグループの構成要素の全てに同一の属性を設定すると
いうものである。描画ツールではグループ階層を属性の
設定が伝播するという手法を用いて複数の図形オブジェ
クト対する属性の設定操作を簡単なものとすることに成
功している。
In many cases, the attribute setting operation for the grouped user interface building parts is to set the same attribute to all the constituent elements of the group. The drawing tool has succeeded in simplifying the attribute setting operation for a plurality of graphic objects by using the method in which the attribute setting propagates through the group hierarchy.

【0038】請求項1のビュー階層とグループ階層の双
方を任意の順序で多重に許す枠組においても、もしこれ
に類する手法を利用してビュー階層とグループ階層の双
方を利用して属性の伝播を行うことが可能であれば、複
数のユーザ・インタフェース構築用部品に対する属性の
設定操作を簡単なものとすることができるのだが、利用
できない場合、属性の設定を個々のユーザ・インタフェ
ース構築用部品に対して個別に行わなければならない。
Even in the framework in which both the view hierarchy and the group hierarchy are allowed to be multiplexed in an arbitrary order, if a method similar to this is used, attribute propagation is performed using both the view hierarchy and the group hierarchy. If it is possible, it is possible to simplify the operation of setting attributes for multiple user interface building components, but if it is not available, set the attributes for individual user interface building components. Must be done individually.

【0039】以上の様に、請求項1のビュー階層とグル
ープ階層の両者を自由に利用できるユーザ・インタフェ
ース構築環境においては、複雑なユーザ・インタフェー
スの構築時のユーザ・インタフェース構築用部品に対す
る属性の設定は複雑さに応じて繁雑な作業となってい
た。
As described above, in the user interface construction environment in which both the view hierarchy and the group hierarchy of claim 1 can be used freely, the attributes of the user interface construction parts at the time of constructing a complicated user interface are Setting up was a complicated task depending on the complexity.

【0040】これを解決したのが請求項2記載の発明で
ある。
The present invention has solved this problem.

【0041】(2)請求項2記載の発明 予め用意されたユーザ・インタフェース構築用部品を画
面上に複数配置することにより画面上で対話的にユーザ
・インタフェースを構築し利用するシステムで、複数の
ユーザ・インタフェース構築用部品の間に表示領域を管
理するための関係と表示領域の管理とは無関係な関係と
の2つの関係を利用し、両方の関係を任意の順序で多重
に定義して利用可能なユーザ・インタフェース制御方式
において、あるユーザ・インタフェース構築用部品に対
して状態の変化が起こった際に、前記の関係を利用して
他のユーザ・インタフェース構築用部品に対して状態の
伝播を行う様にしている。
(2) The invention according to claim 2 A system for interactively constructing and utilizing a user interface on a screen by arranging a plurality of user interface constructing parts prepared in advance on the screen. Two relationships, one for managing the display area between the parts for building the user interface and one for which the management of the display area is irrelevant are used, and both relationships are defined and used in any order. In a possible user interface control method, when a state change occurs for a certain user interface construction component, the above-mentioned relationship is used to propagate the state to other user interface construction components. I am going to do it.

【0042】しかし、この方式にも次のような問題があ
る。
However, this method also has the following problems.

【0043】ビュー階層とグループ階層の双方を任意の
順序で多重に許し双方の関係を利用して属性の伝播を行
うことのできるユーザ・インタフェース構築において
は、複数のユーザ・インタフェース構築用部品に対して
一度の操作で属性の設定を行うことが可能である。しか
し、伝播が無条件に行われると不便な場合も存在する。
In the user interface construction in which both the view hierarchy and the group hierarchy can be permitted to be superposed in an arbitrary order and the attributes can be propagated by utilizing the relationship between them, in a plurality of user interface construction parts, It is possible to set attributes with a single operation. However, there are cases where it is inconvenient if the propagation is unconditional.

【0044】例えば、図12の様にビュー階層を用いて
ひとまとまりのものとして作成したユーザ・インタフェ
ース構築用部品31′,41′,42′,43と3
2′,51′,52′,53′が21′の上に配置され
ている時、これら2つをそれぞれユーザ・インタフェー
ス構築用複合部品と捉えることができる。これら複合部
品の背景に相当する31′と32′の色を変更し、しか
しそれらのビュー階層上の子供である41′,42′,
43′,51′,52′,53′には影響を与えたくな
い場合が存在する。31′と32′とをグループ化し、
グループ化オブジェクト61′のグループ階層での子供
とすれば、61′を経由して属性を伝播させることが可
能である。しかし、伝播を無条件に行うと41′,4
2′,43′,51′,52′,53′にも影響が及ん
でしまう。
For example, as shown in FIG. 12, user interface building parts 31 ', 41', 42 ', 43 and 3 created as a group using the view hierarchy.
When 2 ', 51', 52 'and 53' are arranged on 21 ', these two can be respectively regarded as a composite part for constructing a user interface. Change the color of 31 'and 32' corresponding to the background of these composite parts, but 41 ', 42', which are children on their view hierarchy.
There are cases where it is desired not to affect 43 ', 51', 52 'and 53'. 31 'and 32' are grouped,
If the grouped object 61 'is a child in the group hierarchy, the attribute can be propagated via 61'. However, if the propagation is performed unconditionally 41 ', 4
2 ', 43', 51 ', 52', 53 'are also affected.

【0045】この様に、無条件に行われる伝播は必ずし
も望ましい結果をもたらさない。ビュー階層は本来ビュ
ーの表示領域の管理を支援する枠組であり、それぞれの
ビューの表示領域の位置などが伝播することは望ましい
場合も多いが、色などは多くの場合ひとまとまりのもの
としてユーザが意識的に定義した関係であるグループ階
層等のみにおいて伝播が起こることが望ましい。
Thus, unconditional propagation does not always produce the desired result. The view hierarchy is originally a framework for supporting the management of the display area of the view, and it is often desirable that the position of the display area of each view is propagated, but in many cases, the color is a group of users, Propagation should occur only in a group hierarchy that is a consciously defined relationship.

【0046】もし、階層の種類、すなわちユーザ・イン
タフェース構築用部品間の関係の種類によって伝播の形
態を選択することができれば、グループ階層においては
属性を伝播し、ビュー階層においては伝播しない様に制
御することにより上記の問題を回避することができ、4
1′,42′,43′,51,52′,53′に属性が
伝播しない様な形態を実現することが可能であるが、あ
らゆる関係を無条件に属性が伝播する環境においては複
数のユーザ・インタフェース構築用部品に対する選択的
な属性の更新を一度の操作で行うことが不可能であり、
多くのユーザ・インタフェース構築用部品の内のいくつ
かに対する選択的な属性の設定は複雑さに応じて繁雑な
作業となっていた。
If the mode of propagation can be selected according to the type of hierarchy, that is, the type of relationship between the user interface building parts, the attribute is propagated in the group hierarchy, but not propagated in the view hierarchy. By doing so, the above problems can be avoided.
It is possible to realize a form in which the attribute does not propagate to 1 ', 42', 43 ', 51, 52', 53 ', but in an environment in which the attribute propagates unconditionally to all relationships, a plurality of users・ It is impossible to perform selective update of attributes for interface building parts with a single operation.
Setting selective attributes for some of many user interface building components has been a chore of complexity.

【0047】これを解決したのが請求項3記載の発明で
ある。
This is solved by the invention according to claim 3.

【0048】(3)請求項3記載の発明 予め用意されたユーザ・インタフェース構築用部品を画
面上に複数配置することにより画面上で対話的にユーザ
・インタフェースを構築し利用するシステムで、複数の
ユーザ・インタフェース構築用部品の間に表示領域を管
理するための関係と表示領域の管理とは無関係な関係と
の2つの関係を利用し、両方の関係を任意の順序で多重
に定義して利用可能であり、かつ、あるユーザ・インタ
フェース構築用部品に対して状態の変更が起こった際
に、前記の関係を利用して他のユーザ・インタフェース
構築用部品に対して状態の伝播を行うユーザ・インタフ
ェース制御方式において、関係の種類に応じて異なった
種類の状態伝播形態を提供する様にしている。
(3) Invention of Claim 3 A system for interactively constructing and utilizing a user interface on a screen by arranging a plurality of user interface constructing parts prepared in advance on the screen. Two relationships, one for managing the display area between the parts for building the user interface and one for which the management of the display area is irrelevant are used, and both relationships are defined and used in any order. A user who is capable and propagates the state to other user interface building components by using the above relationship when the state changes to a certain user interface building component. In the interface control method, different types of state propagation modes are provided according to the types of relationships.

【0049】[0049]

【作用】[Action]

(1)請求項1記載の発明 本発明のユーザ・インタフェース制御方式の基本原理
は、複数のユーザ・インタフェース構築用部品の間に表
示領域を管理するための関係と表示領域の管理とは無関
係な関係との2つの関係を利用するユーザ・インタフェ
ース制御方式において、両方の関係を任意の順序で多重
に定義して利用可能とすることにより、表示領域管理上
の関係を持たないものも含めて多数のユーザ・インタフ
ェース構築部品を任意の構造に組織化して操作すること
を可能とすることによりこれらの操作の繁雑さを軽減す
ることを狙ったものである。
(1) The invention according to claim 1 The basic principle of the user interface control system of the present invention is independent of the relationship for managing the display area between a plurality of user interface construction parts and the management of the display area. In the user interface control method that uses two relations with relations, by defining both relations in multiple orders in an arbitrary order so that they can be used, even if there is no relation in display area management It is intended to reduce the complexity of these operations by making it possible to organize and operate the user interface building components of the above.

【0050】(2)請求項2記載の発明 本発明のユーザ・インタフェース制御方式の基本原理
は、複数のユーザ・インタフェース構築用部品の間に表
示領域を管理するための関係と表示領域の管理とは無関
係な関係との2つの関係を利用し、両方の関係を任意の
順序で多重に定義して利用可能なユーザ・インタフェー
ス制御方式において、あるユーザ・インタフェース構築
用部品に対して状態の変更が起こった際に、前記の関係
を利用して他のユーザ・インタフェース構築用部品に対
して状態の伝播を行うことにより複数のユーザ・インタ
フェース構築用部品に対する属性設定操作をあたかも単
一ユーザ・インタフェース構築用部品に対する属性設定
であるかのように行うことを可能とし、表示領域管理上
の関係の有無に関わらず多数のユーザ・インタフェース
構築用部品に対する属性の設定操作の繁雑さを軽減する
ことを狙ったものである。
(2) The invention according to claim 2 The basic principle of the user interface control system of the present invention is to manage the display area between a plurality of user interface construction parts and the management of the display area. In the user interface control method in which two relationships with irrelevant relationships are used and both relationships can be multiply defined in an arbitrary order, it is possible to change the state of a user interface building component. When this happens, the above-mentioned relationship is used to propagate the state to other user interface building components, thereby performing attribute setting operation for multiple user interface building components as if building a single user interface. It is possible to set it as if it was an attribute setting for a component for use, and it is possible to use many users regardless of the relation in display area management. The purpose is to reduce the complexity of attribute setting operations for the interface construction parts.

【0051】(3)請求項3記載の発明 本発明のユーザ・インタフェース制御方式の基本原理
は、複数のユーザ・インタフェース構築用部品の間に表
示領域を管理するための関係と表示領域の管理とは無関
係な関係との2つの関係を利用し、両方の関係を任意の
順序で多重に定義して利用可能であり、かつ、あるユー
ザ・インタフェース構築用部品に対して状態の変更が行
った際に、前記の関係を利用して他のユーザ・インタフ
ェース構築用部品に対して状態の伝播を行うユーザ・イ
ンタフェース制御方式において、関係の種類に応じて異
なった種類の状態伝播形態を提供することにより、組織
化された複数のユーザ・インタフェース構築用部品に対
する属性設定操作をあたかも単一ユーザ・インタフェー
ス構築用部品に対する属性設定であるかのように行う際
に無差別に属性設定を行うことを避け、多数のユーザ・
インタフェース構築用部品に対して選択的に属性を設定
する操作の繁雑さを軽減することを狙ったものである。
(3) The invention according to claim 3 The basic principle of the user interface control system of the present invention is to manage the display area between a plurality of user interface construction parts and the management of the display area. Can be used by defining two relations in an arbitrary order by using two relations with an unrelated relation, and when changing the state of a certain user interface construction component. In the user interface control method that propagates states to other user interface building components using the above relationships, by providing different types of state propagation modes according to the types of relationships. , Attribute setting operation for a plurality of organized user interface building components is as if attribute setting for a single user interface building component Avoid indiscriminate attribute setting when performing as if
The purpose is to reduce the complexity of the operation of selectively setting the attributes for the interface building component.

【0052】[0052]

【実施例】図1の下部に示す状態にユーザ・インタフェ
ース構築用部品を組織化する機能をソフトウェアで実現
する例について説明する。図1の上部は、図1の下部の
様に組織化したユーザ・インタフェース構築用部品を本
発明のユーザ・インタフェース制御方式を用いて管理す
る際に用いる構造の例である。11,21,22,31
〜34,41〜48のユーザ・インタフェース構築用部
品が存在する状況において、11に対するビュー11′
の上に21,22,31〜34,41〜48に対応する
ビュー21′,22′,31′〜34′,41′〜4
8′を11′の上に配置する際、以下の関係を定義した
状態を考える。41′と42′は31′のビュー階層上
の子供、43′と44′は32′のグループ階層上の子
供でありかつ21′のビュー階層上の子供、45′と4
6′は33′のビュー階層上の子供、47′と48′は
34′のグループ階層上の子供でありかつ22′のビュ
ー階層上の子供、31′と32′は21′のビュー階層
上の子供、33′と34′は22′のグループ階層上の
子供でありかつ11′のビュー階層上の子供、21′と
22′は11′のビュー階層上の子供。これらの関係
は、図1の上部の様な木構造に表現可能である。ここ
で、11,21,31,33はビュー階層上の親であ
り、22,32,34はグループ階層上の仮想的な親で
あるグループ化オブジェクトである。
DETAILED DESCRIPTION OF THE PREFERRED EMBODIMENTS An example in which the function of organizing user interface construction parts in the state shown in the lower part of FIG. 1 is realized by software will be described. The upper part of FIG. 1 is an example of a structure used when managing the user interface building components organized as in the lower part of FIG. 1 using the user interface control method of the present invention. 11, 21, 22, 31
, 34, 41-48 user interface building components, view 11 'to 11
On views 21 ', 22', 31'-34 ', 41'-4 corresponding to 21, 22, 31-34, 41-48
When placing 8'on 11 ', consider the situation where the following relationship is defined. 41 'and 42' are children on the 31 'view hierarchy, 43' and 44 'are children on the 32' group hierarchy and are children on the 21 'view hierarchy, 45' and 4 '.
6'is a child on the 33'view hierarchy, 47 'and 48' are children on the 34'group hierarchy and are children on the 22'view hierarchy, 31 'and 32' are on the 21'view hierarchy. , 33 'and 34' are children on the group hierarchy of 22 'and children on the view hierarchy of 11', 21 'and 22' are children on the view hierarchy of 11 '. These relationships can be expressed in a tree structure like the upper part of FIG. Here, 11, 21, 31, and 33 are parents on the view hierarchy, and 22, 32, and 34 are grouping objects that are virtual parents on the group hierarchy.

【0053】(1)請求項1記載の発明の実施例 これをソフトウェアで実現するため、それぞれのユーザ
・インタフェース構築用部品に対するデータ構造を作成
し識別子として図1の下部と同様に番号を付与する。ソ
フトウェアにおいて木構造の表現手法は各種存在が知ら
れている。例えば、一つの親に対する子供の中に順序を
考え兄弟とみなし、親から長男へのポインタ、兄弟を一
列に結ぶポインタ群、子供から親へのポインタ、の3種
類のポインタを考えれば、各データ構造あたり3つのポ
インタを設けることで木構造は表現できる。ここで、兄
弟を一列に結ぶポインタ群のそれぞれは兄から弟へと張
ることにし、弟の居ない子供の保持するポインタは弟が
居ないことを示す特別な値を格納するものとする。親を
持たないデータ構造の親へのポインタ、子供を持たない
データ構造の長男へのポインタも同様に処理する。
(1) Embodiment of the invention described in claim 1 In order to realize this with software, a data structure for each user interface construction component is created and a number is given as an identifier as in the lower part of FIG. .. There are various known tree structure representation methods in software. For example, considering the order in the children for one parent and considering them as siblings, and considering three types of pointers: a pointer from the parent to the eldest son, a group of pointers connecting the siblings in a row, and a pointer from the child to the parent, each data A tree structure can be represented by providing three pointers per structure. Here, each of the pointer groups connecting the siblings in a line extends from the brother to the younger brother, and the pointer held by the child who does not have the younger brother stores a special value indicating that the younger brother is not present. The pointer to the parent of the data structure having no parent and the pointer to the eldest son of the data structure having no child are processed in the same manner.

【0054】以上のデータ構造により木構造が表現可能
である。ビュー階層の作成は親子をなすユーザ・インタ
フェース構築用部品を木構造に構成することにより実現
可能であり、一方、グループ階層の作成は木構造上の仮
想的な親となるグループ化オブジェクトに対応するデー
タ構造を導入し、これとユーザ・インタフェース構築用
部品を木構造に構成することにより実現可能である。
A tree structure can be represented by the above data structure. The creation of the view hierarchy can be realized by configuring the parent user interface building parts for the user interface in a tree structure, while the creation of the group hierarchy corresponds to the grouped object that is the virtual parent on the tree structure. This can be achieved by introducing a data structure and configuring this and the user interface construction parts into a tree structure.

【0055】両方の構造を図1の様に1つの木構造にま
とめることにより、表示領域を管理するための関係と表
示領域の管理とは無関係な関係との両方の関係を任意の
順序で多重に定義して利用可能とすることができる。
By combining both structures into one tree structure as shown in FIG. 1, both the relationship for managing the display area and the relationship unrelated to the management of the display area are multiplexed in an arbitrary order. Can be made available by defining

【0056】(2)請求項2記載の発明の実施例 図1と同様な状況である図2において、グループ化オブ
ジェクト22に対して色の設定を行うことにより、図2
中で斜線で塗りつぶされたユーザ・インタフェース構築
用部品33′,45′,46′,47′,48′の色を
設定する例に関して説明する。
(2) Embodiment of the invention described in claim 2 In FIG. 2 which is the same situation as FIG. 1, by setting the color for the grouped object 22,
An example of setting the colors of the user interface building parts 33 ', 45', 46 ', 47', 48 'which are shaded in the figure will be described.

【0057】すなわち、グループ化オブジェクト22に
対する操作により、図2の上部に示す木構造においてグ
ループ化オブジェクト22以下の部分的な木構造に含ま
れるユーザ・インタフェース構築用部品のそれぞれに対
して色の設定が行われた状態と同等である。グループ化
オブジェクトは表示形態をもたないので、これによる表
示上の変化は発生しない。
That is, by operating the grouping object 22, a color is set for each of the user interface building parts included in the partial tree structure below the grouping object 22 in the tree structure shown in the upper part of FIG. Is equivalent to the state in which Since the grouped object does not have a display form, the display change does not occur.

【0058】これを実現可能なグループ化オブジェクト
22から他のユーザ・インタフェース構築用部品群への
状態の伝播機能をソフトウェアで実現するには、例えば
図3のフローチャートに示される処理を各ユーザ・イン
タフェース構築用部品に対応するデータ構造で行えば良
い。まず、グループ化オブジェクト22においてこの処
理が行われると、処理は、図3のフローチャートにおい
て10,11,12と進み、色を表示属性の一種とみな
し30へと進む。なんらかの階層関係上の子供が存在す
るため処理は31へと進み、グループ階層上の直接の子
供であるユーザ・インタフェース構築用部品33とグル
ープ化オブジェクト34に対応するデータ構造に対して
属性の設定が行われる。すなわち伝達される。この後処
理は14へと進み終了する。属性を伝達された33と3
4において再び図3のフローチャートに示される処理を
行う。この様にして再帰的に伝達することにより、関係
を利用した状態の伝播が実現可能である。
In order to realize the function of propagating the state from the grouped object 22 to another user interface building component group by software, for example, the process shown in the flowchart of FIG. 3 is executed for each user interface. The data structure may correspond to the building component. First, when this processing is performed in the grouped object 22, the processing proceeds to 10, 11, and 12 in the flowchart of FIG. 3, and the color is regarded as one of the display attributes and proceeds to 30. Since there is a child in some hierarchical relationship, the process proceeds to 31 to set attributes for the data structure corresponding to the user interface building component 33 and the grouping object 34 which are direct children on the group hierarchy. Done. That is, it is transmitted. This post-processing proceeds to 14 and ends. 33 and 3 whose attributes were transmitted
In step 4, the process shown in the flowchart of FIG. 3 is performed again. By recursively transmitting in this manner, it is possible to realize the propagation of the state using the relation.

【0059】(3)請求項3記載の発明の実施例 図1と同様な状況である図4において、グループ化オブ
ジェクト22に対して色の設定を行うことにより、図4
中で斜線で塗りつぶされたユーザ・インタフェース構築
用部品33′,47′,48′の色を設定する例に関し
て説明する。
(3) Embodiment of the Invention According to Claim 3 In FIG. 4, which is the same as FIG. 1, by setting the color for the grouped object 22,
An example of setting the colors of the user interface construction parts 33 ', 47' and 48 'which are shaded in the figure will be described.

【0060】すなわち、グループ化オブジェクト22に
対する操作により、図4の上部に示す木構造においてグ
ループ化オブジェクト22以下の部分的な木構造に含ま
れるユーザ・インタフェース構築用部品の一部に選択的
に色の設定が行われた状態と同等である。具体的には、
グループ階層上の子供には状態が伝播するがビュー階層
上の子供には状態が伝播していない。グループ化オブジ
ェクトは表示形態をもたないので、これによる表示上の
変化は発生しない。
That is, by operating the grouping object 22, a part of the user interface building parts included in the partial tree structure below the grouping object 22 in the tree structure shown in the upper part of FIG. 4 is selectively colored. It is equivalent to the state in which the setting of is performed. In particular,
The state is propagated to the children on the group hierarchy, but the state is not propagated to the children on the view hierarchy. Since the grouped object does not have a display form, the display change does not occur.

【0061】これを実現可能な状態の伝播機能をソフト
ウェアで実現するには、例えば図5のフローチャートに
示される処理を各ユーザ・インタフェース構築用部品に
対応するデータ構造で行えば良い。まず、グループ化オ
ブジェクト22においてこの処理が行われると、処理
は、図5のフローチャートにおいて10,11,12と
進み、色を表示属性の一種とみなし20へと進む。自分
がグループ化オブジェクトであるので、処理は20,2
1,30へと進み、グループ階層関係上の子供が存在す
るため処理は31へと進み、グループ階層上の直接の子
供であるユーザ・インタフェース構築用部品33とグル
ープ化オブジェクト34に対応するデータ構造に対して
属性の設定が行われる。すなわち伝達される。この後処
理は14へと進み終了する。
In order to realize the propagation function of a state in which this can be realized by software, for example, the processing shown in the flowchart of FIG. 5 may be performed with a data structure corresponding to each user interface building component. First, when this processing is performed in the grouped object 22, the processing proceeds to 10, 11, and 12 in the flowchart of FIG. 5, and the color is regarded as one of the display attributes and proceeds to 20. Since I am a grouping object, the processing is 20, 2
1 and 30, since there is a child in the group hierarchy relationship, the process proceeds to 31 and the data structure corresponding to the user interface construction part 33 and the grouping object 34 which are direct children in the group hierarchy. Attributes are set for the. That is, it is transmitted. This post-processing proceeds to 14 and ends.

【0062】属性を伝達された部品33と部品34にお
いて再び図3のフローチャートに示される処理を行う。
部品33においては、処理は10,11,12,20,
14と進み、子供への状態の伝達が起こらないため伝播
はここで終了する。部品34においては、処理は10,
11,12,20,21,30,31,14と進み、再
び子供への状態の伝達が起こり伝播が継続する。この結
果、図4に示す様に選択的な状態の伝達が可能となる。
The components 33 and 34 to which the attributes have been transmitted perform the processing shown in the flowchart of FIG. 3 again.
In the part 33, the processing is 10, 11, 12, 20,
Propagation ends here because the state is not transmitted to the child at 14. In the part 34, the processing is 10,
Proceed to 11, 12, 20, 21, 30, 31, and 14, the state is transmitted to the child again, and the propagation continues. As a result, it becomes possible to transmit a selective state as shown in FIG.

【0063】この様に、再帰的に伝達する際にユーザ・
インタフェース構築用部品間の関係の種類に応じて異な
る処理を行うようにすることにより、ユーザ・インタフ
ェース構築用部品間の関係の種類に応じて異なった種類
の状態伝播を実現することが可能である。
In this way, the user can
By performing different processing depending on the type of relationship between the interface building components, it is possible to realize different types of state propagation depending on the type of relationship between the user interface building components. ..

【0064】ここでは、ソフトウェアのみによって実現
した例を示しているが複数の関係を管理するための情報
を保持できれば他の実現手段を用いることも可能であ
る。また、ここでは二つの関係を一つの木構造として実
現しているが、この様に全体が一つの木構造に表現され
ることは本質的ではなく、複数のグラフ構造として表現
されることもあり得る。このグラフ構造が巡回路を含む
場合、図5の処理のみでは伝播処理が停止しない可能性
が存在するが、これは、1回の操作によって発生した伝
播の処理があるユーザ・インタフェース構築用部品に対
して2度以上行われた場合にその処理を行わないことに
よって回避可能である。具体的には、例えば一連の伝播
処理の開始時にそれを別の一連の伝播処理と識別するた
めの識別子を割つけておき、ユーザ・インタフェース構
築用部品側では最新の識別子を持った伝播処理が自分に
対して2度以上連続して発生した時点で以降の処理を不
要とみなすことで可能である。
Here, an example in which only software is used for implementation is shown, but other implementation means can be used as long as information for managing a plurality of relationships can be held. In addition, although the two relationships are realized as one tree structure here, it is not essential to express the whole as one tree structure in this way, and it may be expressed as a plurality of graph structures. obtain. When this graph structure includes a traveling route, there is a possibility that the propagation process will not stop only with the process of FIG. 5, but this is due to the user interface building component that has the propagation process generated by one operation. On the other hand, when the process is performed twice or more, it can be avoided by not performing the process. Specifically, for example, at the start of a series of propagation processes, an identifier for allocating it to another series of propagation processes is assigned, and the user interface construction component side has a process of having the latest identifier. It is possible to regard the subsequent processing as unnecessary when it occurs twice or more in a row for itself.

【0065】[0065]

【発明の効果】以上詳細に説明したように、本発明のユ
ーザ・インタフェース制御方式では以下の効果を特徴と
して備える。
As described in detail above, the user interface control system of the present invention has the following effects.

【0066】(1)請求項1記載の発明の効果 本発明のユーザ・インタフェース制御方式では、表示領
域を管理するための関係と表示領域の管理とは無関係な
関係の2つの関係を任意の順序で多重に定義して利用す
ることが可能となっているので、使用者は自分で定義し
た関係を用いて複数のユーザ・インタフェース構築用部
品の構造化を自由に行うことが可能であり、かつビュー
階層を用いた表示領域の管理をも自由に利用することが
可能となっている。よって、多数のユーザ・インタフェ
ース構築用部品を扱う際の操作の繁雑さを軽減すること
が可能である。
(1) Effect of the Invention According to Claim 1 In the user interface control system of the present invention, two relationships, a relationship for managing the display area and a relationship irrelevant to the management of the display area, are set in an arbitrary order. Since it is possible to define and use it in multiple ways, the user can freely structure multiple user interface building parts using the relationship defined by himself. It is also possible to freely use the management of the display area using the view hierarchy. Therefore, it is possible to reduce the complexity of operations when handling a large number of user interface building components.

【0067】また、ビュー階層以外の関係をも利用でき
ることにより図8(a)の様に離れて配置されているユ
ーザ・インタフェース構築用部品も図8(b)の様にグ
ループ化することによりひとまとめにして扱うことが可
能である。
Further, since the relationships other than the view hierarchy can be used, the user interface building parts arranged separately as shown in FIG. 8A are grouped as shown in FIG. 8B. It is possible to handle.

【0068】図9の様に同一の構造にまとめられたユー
ザ・インタフェース構築用部品群を複数配置する際も、
グループ化されたユーザ・インタフェース構築用部品群
をまとめたまま1回の操作で複製することによりユーザ
・インタフェース構築を行うことができ、作成後もグル
ープとして定義された関係は保存されるため、ユーザ・
インタフェース作成時のみでなく修正時等にも常にグル
ープとして操作することが可能である。
Also when arranging a plurality of user interface construction parts grouped in the same structure as shown in FIG. 9,
The user interface can be constructed by duplicating the grouped user interface construction parts group in a single operation, and the relationship defined as a group is saved even after the creation.・
It is possible to operate as a group not only when creating an interface but also when modifying it.

【0069】さらに、ビュー階層を自由に利用できるた
め、図10,図11でユーザ・インタフェース構築用部
品31′の大きさを変更することで子供のユーザ・イン
タフェース構築用部品群の表示領域を変更している例の
様に、ビュー階層の表示領域制御への利用も自由に行う
ことも可能である。
Further, since the view hierarchy can be freely used, the display area of the child user interface building parts group is changed by changing the size of the user interface building parts 31 'in FIGS. It is also possible to freely use the view hierarchy to control the display area as in the example.

【0070】(2)請求項2記載の発明の効果 本発明のユーザ・インタフェース制御方式では、表示領
域を管理するための関係と表示領域の管理とは無関係な
関係の2つの関係を任意の順序で多重に定義して利用す
ることが可能であるユーザ・インタフェース構築環境に
対して、あるユーザ・インタフェース構築用部品に対し
て状態の変更が起こった際に、前述の関係を利用して他
のユーザ・インタフェース構築用部品に対して状態の伝
播を行う様にすることにより、複数のユーザ・インタフ
ェース構築用部品に対する属性の更新を1回の操作で行
うことが可能となっている。
(2) Effect of the invention according to claim 2 In the user interface control method of the present invention, two relationships, a relationship for managing the display area and a relationship irrelevant to the management of the display area, are set in an arbitrary order. In the user interface construction environment that can be defined and used in multiple ways with the user interface construction part, when a state change occurs in a certain user interface construction part, another relation By propagating the state to the user interface building component, it is possible to update the attributes of a plurality of user interface building components with a single operation.

【0071】例えば、図2の階層においてユーザ・イン
タフェース構築用部品22以下のユーザ・インタフェー
ス構築用部品のそれぞれに対して何らかの属性の設定を
行う際、これをユーザ・インタフェース構築用部品22
に対する属性の設定とみなし、22からその子孫に対し
て順次伝播させれば、1回の操作によって行うことがで
きる。
For example, when setting some attributes for each of the user interface building parts 22 and below in the hierarchy of FIG. 2, this is set by the user interface building part 22.
It can be performed by one operation if it is regarded as the setting of the attribute for and the propagation is sequentially performed from 22 to its descendants.

【0072】この様に、位置や大きさ、色など様々な属
性を伝播させることにより複数のユーザ・インタフェー
ス構築用部品に対する属性の設定操作を容易なものとす
ることができる。
In this way, by propagating various attributes such as position, size, and color, it is possible to facilitate the attribute setting operation for a plurality of user interface building parts.

【0073】(3)請求項3記載の発明の効果 本発明のユーザ・インタフェース制御方式では、表示領
域を管理するための関係と表示領域の管理とは無関係な
関係の2つの関係を任意の順序で多重に定義して利用す
ることが可能であるユーザ・インタフェース構築環境に
対して、あるユーザ・インタフェース構築用部品に対し
て状態の変更が起こった際に、前述の関係を利用して他
のユーザ・インタフェース構築用部品に対して状態の伝
播を行うユーザ・インタフェース制御方式において、関
係の種類に応じて異なった種類の状態伝播形態を提供す
ることにより、複数のユーザ・インタフェース構築用部
品に対する属性の更新を行う際に、その一部のユーザ・
インタフェース構築用部品のみを対象にした選択的な更
新を1回の操作で行うことを可能としている。
(3) Effect of the Invention According to Claim 3 In the user interface control method of the present invention, two relationships, that is, a relationship for managing the display area and a relationship irrelevant to the management of the display area are set in an arbitrary order. In the user interface construction environment that can be defined and used in multiple ways with the user interface construction part, when a state change occurs in a certain user interface construction part, another relation In the user interface control method that propagates the state to the user interface building component, by providing different types of state propagation modes depending on the type of relationship, attributes for multiple user interface building components When updating some of the
It is possible to perform a selective update targeting only the interface building component with a single operation.

【0074】例えば、図4の階層においてユーザ・イン
タフェース構築用部品22以下のユーザ・インタフェー
ス構築用部品をひとまとめにしてそのそれぞれに対する
属性の設定を1回の操作で行う際、その属性がグループ
階層を通じては伝播するがビュー階層を通じては伝播し
ない様に伝播形態を指定しておけば、1回の設定操作に
よって複数のユーザ・インタフェース構築用部品に対す
る属性の更新を斜線で示す部分に対してのみ選択的に行
うことが可能である。
For example, in the hierarchy of FIG. 4, when the user interface building parts 22 and the user interface building parts 22 and below are grouped together and an attribute for each of them is set by one operation, the attribute is set through the group hierarchy. If you specify the propagation mode so that it propagates through the view hierarchy but not through the view hierarchy, you can selectively update the attributes for multiple user interface construction parts only by the setting operation once for the shaded area. It is possible to

【0075】以上では、主にユーザ・インタフェース構
築時のユーザ・インタフェース構築環境使用者の画面上
での操作を簡便にする効果に関して説明しているが、例
えば、プログラムが実行中に自分自身のユーザ・インタ
フェースの変更を行うといった場合にもその処理の記述
を簡潔に行うことを可能にする効果を備えている。
In the above, mainly the effect of simplifying the operation on the screen of the user interface construction environment user at the time of constructing the user interface has been described. -Even when the interface is changed, it has the effect of making it possible to simplify the description of the process.

【図面の簡単な説明】[Brief description of drawings]

【図1】請求項1記載の発明の実施例の一つに対応する
データ構造を示す概念図である。
FIG. 1 is a conceptual diagram showing a data structure corresponding to one of the embodiments of the invention described in claim 1.

【図2】請求項2記載の発明の実施例の一つに対応する
データ構造を示す概念図である。
FIG. 2 is a conceptual diagram showing a data structure corresponding to one of the embodiments of the invention described in claim 2;

【図3】請求項2記載の発明の実施例の一つを示すフロ
ーチャートである。
FIG. 3 is a flowchart showing one embodiment of the invention described in claim 2.

【図4】請求項3記載の発明の実施例の一つに対応する
データ構造を示す概念図である。
FIG. 4 is a conceptual diagram showing a data structure corresponding to one of the embodiments of the invention described in claim 3;

【図5】請求項3記載の発明の実施例の一つを示すフロ
ーチャートである。
FIG. 5 is a flowchart showing one embodiment of the invention described in claim 3;

【図6】図6(a)は従来ウィンドウシステムで用いら
れている方式におけるビューの階層の利用を説明すべく
その表示形態を示した図、図6(b)は図6(a)に示
されるビューの階層を従来ウィンドウシステムで用いら
れている方式において管理するためのデータ構造の一例
を示す概念図である。
FIG. 6 (a) is a diagram showing a display form for explaining the use of a view hierarchy in a method used in a conventional window system, and FIG. 6 (b) is shown in FIG. 6 (a). FIG. 9 is a conceptual diagram showing an example of a data structure for managing a hierarchy of views to be displayed in a method used in a conventional window system.

【図7】図7(a)は従来ウィンドウシステムで用いら
れている方式におけるビュー階層管理の動作の一つとし
ての親子関係を持つビューの間での表示領域のクリッピ
ングを示す図、図7(b)は従来ウィンドウシステムで
用いられている方式におけるビュー階層管理の動作の一
つとしての親子関係を持つビューの間でのビューの表示
の相対位置の保存を示す図である。
FIG. 7 (a) is a diagram showing clipping of a display area between views having a parent-child relationship as one of the operations of view hierarchy management in the method used in the conventional window system, FIG. FIG. 6B is a diagram showing saving of the relative position of display of views among views having a parent-child relationship as one of the operations of view hierarchy management in the method used in the conventional window system.

【図8】図8(a)は従来描画ツールで用いられている
方式における図形オブジェクトの管理のためのデータ構
造の一例を示す概念図、図8(b)は従来描画ツールで
用いられている方式における図形オブジェクトのグルー
プ化を実現するためのデータ構造の一例を示す概念図で
ある。
8A is a conceptual diagram showing an example of a data structure for managing a graphic object in a method used in a conventional drawing tool, and FIG. 8B is used in a conventional drawing tool. It is a conceptual diagram which shows an example of the data structure for implement | achieving the grouping of the graphic objects in a system.

【図9】図9は多数のビューを配置する際に従来ウィン
ドウシステムで用いられている方式におけるビュー階層
管理のみを用いる場合と従来描画ツールで用いられてい
る方式を併用する場合との違いを示す図である。
FIG. 9 shows a difference between a case where only a view hierarchy management is used in a method used in a conventional window system and a case where a method used in a conventional drawing tool is used together when arranging a large number of views. FIG.

【図10】従来ウィンドウシステムで用いられている方
式を利用してビューの表示領域の制御を行う例を示す図
である。
FIG. 10 is a diagram showing an example of controlling a display area of a view using a method used in a conventional window system.

【図11】図10の状態から一部のビューを変更した場
合のビューの表示領域の制御の例を示す図である。
FIG. 11 is a diagram showing an example of control of a display area of a view when a part of the views is changed from the state of FIG.

【図12】ビューの間に定義された関係を通じて無条件
に状態の伝播を行うことが望ましくない場合が存在する
ことを説明するための例を示す図である。
FIG. 12 is a diagram illustrating an example for explaining that there are cases where it is not desirable to unconditionally propagate a state through a defined relationship between views.

【符号の説明】[Explanation of symbols]

11,21,22,31,31〜34,41〜48 ユ
ーザ・インタフェース構築用部品 11′,21′,22′,31′〜34′,41′〜4
8′ ビュー
11, 11, 22, 22, 31, 31-34, 41-48 User interface building parts 11 ', 21', 22 ', 31'-34', 41'-4
8'view

Claims (3)

【特許請求の範囲】[Claims] 【請求項1】予め用意されたユーザ・インタフェース構
築用部品を画面上に複数配置することにより画面上で対
話的にユーザ・インタフェースを構築し利用するシステ
ムで、複数のユーザ・インタフェース構築用部品の間に
表示領域を管理するための関係と表示領域の管理とは無
関係な関係との2つの関係を利用するユーザ・インタフ
ェース制御方式において、両方の関係を任意の順序で多
重に定義して利用可能であることを特徴とするユーザ・
インタフェース制御方式。
1. A system for interactively constructing and utilizing a user interface on a screen by arranging a plurality of user interface constructing parts prepared in advance on the screen. In the user interface control method that uses two relations, one for managing the display area and the other for managing the display area, both relationships can be defined and used in any order in multiple order. A user characterized by
Interface control method.
【請求項2】予め用意されたユーザ・インタフェース構
築用部品を画面上に複数配置することにより画面上で対
話的にユーザ・インタフェースを構築し利用するシステ
ムで、複数のユーザ・インタフェース構築用部品の間に
表示領域を管理するための関係と表示領域の管理とは無
関係な関係との2つの関係を利用し、両方の関係を任意
の順序で多重に定義して利用可能なユーザ・インタフェ
ース制御方式において、あるユーザ・インタフェース構
築用部品に対して状態の変化が起こった際に、前記の関
係を利用して他のユーザ・インタフェース構築用部品に
対して状態の伝播を行うことを特徴とするユーザ・イン
タフェース制御方式。
2. A system for interactively constructing and utilizing a user interface on a screen by arranging a plurality of user interface constructing parts prepared in advance on the screen. A user interface control method in which two relationships, that is, a relationship for managing the display area and a relationship unrelated to the management of the display area, are used, and both relationships can be multiply defined in an arbitrary order. The user characterized in that, when a state change occurs in a certain user interface construction part, the state is propagated to another user interface construction part using the above relationship. -Interface control method.
【請求項3】予め用意されたユーザ・インタフェース構
築用部品を画面上に複数配置することにより画面上で対
話的にユーザ・インタフェースを構築し利用するシステ
ムで、複数のユーザ・インタフェース構築用部品の間に
表示領域を管理するための関係と表示領域の管理とは無
関係な関係との2つの関係を利用し、両方の関係を任意
の順序で多重に定義して利用可能であり、かつ、あるユ
ーザ・インタフェース構築用部品に対して状態の変更が
起こった際に、前記の関係を利用して他のユーザ・イン
タフェース構築用部品に対して状態の伝播を行うユーザ
・インタフェース制御方式において、関係の種類に応じ
て異なった種類の状態伝播形態を提供することを特徴と
するユーザ・インタフェース制御方式。
3. A system for interactively constructing and utilizing a user interface on a screen by arranging a plurality of user interface constructing parts prepared in advance on the screen. Two relationships, a relationship for managing the display area and a relationship irrelevant to the management of the display area, are used, and both relationships can be multiply defined in an arbitrary order and can be used. In the user interface control method that propagates the state to other user interface building components by using the above relationship when the state of the user interface building component is changed. A user interface control method characterized by providing different types of state propagation modes according to types.
JP4029854A 1992-02-18 1992-02-18 User interface control method Expired - Fee Related JP2929824B2 (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
JP4029854A JP2929824B2 (en) 1992-02-18 1992-02-18 User interface control method

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
JP4029854A JP2929824B2 (en) 1992-02-18 1992-02-18 User interface control method

Publications (2)

Publication Number Publication Date
JPH05233185A true JPH05233185A (en) 1993-09-10
JP2929824B2 JP2929824B2 (en) 1999-08-03

Family

ID=12287555

Family Applications (1)

Application Number Title Priority Date Filing Date
JP4029854A Expired - Fee Related JP2929824B2 (en) 1992-02-18 1992-02-18 User interface control method

Country Status (1)

Country Link
JP (1) JP2929824B2 (en)

Cited By (13)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JPH0793119A (en) * 1993-09-21 1995-04-07 Mitsubishi Electric Corp Graphical user interface device
JPH07104967A (en) * 1993-09-23 1995-04-21 Internatl Business Mach Corp <Ibm> Method and system for formation of graphical object in object-oriented interface
JPH113314A (en) * 1997-04-14 1999-01-06 Matsushita Electric Ind Co Ltd Network control system, network terminal and control terminal
JP2002055818A (en) * 2000-08-10 2002-02-20 N K Ekusa:Kk Method for constructing application, method for executing application, application construction device, application execution system, and recording media stored with the application construction and execution methods
JP2002244848A (en) * 2001-02-14 2002-08-30 Mitsubishi Electric Corp User interface designing apparatus
JP2003202949A (en) * 2003-01-14 2003-07-18 Fujitsu Ltd Method and device for displaying list chart of tree structure with identification icon
JP2004038965A (en) * 2002-06-28 2004-02-05 Microsoft Corp Extensible on-demand property system
JP2007025813A (en) * 2005-07-12 2007-02-01 Canon Inc Information processor
JP2008542919A (en) * 2005-05-31 2008-11-27 クゥアルコム・インコーポレイテッド Precise grain control of element z-order in display
US20110035802A1 (en) * 2009-08-07 2011-02-10 Microsoft Corporation Representing virtual object priority based on relationships
JP2013235387A (en) * 2012-05-08 2013-11-21 Nomura Research Institute Ltd Multi-device support web server system, and multi-device support method in web server system
US10496264B2 (en) 2015-04-03 2019-12-03 Mitsubishi Electric Corporation Object adjustment tool and object adjustment program
WO2021106082A1 (en) * 2019-11-26 2021-06-03 東芝三菱電機産業システム株式会社 Scada web hmi system

Cited By (14)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JPH0793119A (en) * 1993-09-21 1995-04-07 Mitsubishi Electric Corp Graphical user interface device
JPH07104967A (en) * 1993-09-23 1995-04-21 Internatl Business Mach Corp <Ibm> Method and system for formation of graphical object in object-oriented interface
JPH113314A (en) * 1997-04-14 1999-01-06 Matsushita Electric Ind Co Ltd Network control system, network terminal and control terminal
JP2002055818A (en) * 2000-08-10 2002-02-20 N K Ekusa:Kk Method for constructing application, method for executing application, application construction device, application execution system, and recording media stored with the application construction and execution methods
JP2002244848A (en) * 2001-02-14 2002-08-30 Mitsubishi Electric Corp User interface designing apparatus
JP2004038965A (en) * 2002-06-28 2004-02-05 Microsoft Corp Extensible on-demand property system
JP2003202949A (en) * 2003-01-14 2003-07-18 Fujitsu Ltd Method and device for displaying list chart of tree structure with identification icon
JP2008542919A (en) * 2005-05-31 2008-11-27 クゥアルコム・インコーポレイテッド Precise grain control of element z-order in display
JP4782828B2 (en) * 2005-05-31 2011-09-28 クゥアルコム・インコーポレイテッド Precise grain control of z-order elements in the display
JP2007025813A (en) * 2005-07-12 2007-02-01 Canon Inc Information processor
US20110035802A1 (en) * 2009-08-07 2011-02-10 Microsoft Corporation Representing virtual object priority based on relationships
JP2013235387A (en) * 2012-05-08 2013-11-21 Nomura Research Institute Ltd Multi-device support web server system, and multi-device support method in web server system
US10496264B2 (en) 2015-04-03 2019-12-03 Mitsubishi Electric Corporation Object adjustment tool and object adjustment program
WO2021106082A1 (en) * 2019-11-26 2021-06-03 東芝三菱電機産業システム株式会社 Scada web hmi system

Also Published As

Publication number Publication date
JP2929824B2 (en) 1999-08-03

Similar Documents

Publication Publication Date Title
JP3634323B2 (en) Graphic editing system
Zanden et al. Automatic, look-and-feel independent dialog creation for graphical user interfaces
US6154875A (en) Graphical programming system that allows easy handling of data structures and creation of programs by manipulating graphic components
JP5762716B2 (en) How to select a shape in a graphic display
CN102044083B (en) System and method for maintaining graphical presentations based on user customizations
JP2929824B2 (en) User interface control method
KR20130095860A (en) Ontological filtering using spatial boundary of 3d objects
US20080262983A1 (en) Method and apparatus for displaying and interacting with hierarchical information and time varying rule priority
JP3056297B2 (en) Drawing information processing system, design support method
JPH06251089A (en) Design / manufacturing device by computer
US6339439B1 (en) Device for modifying appearance of related display planes
JPH1097415A (en) Gui screen layout design system
JPH01116729A (en) Editor for specification description
JPH09185482A (en) Scroll control method for picture
US5617548A (en) Method of interacting with computer graphics
US20230418846A1 (en) User-defined graphical hierarchies
JP2008276394A (en) Process model creation system and method, and program therefor
JP2880030B2 (en) Scheduling system
JP3261607B2 (en) Teaching material creation device
Prusinkiewicz et al. Virtual control panels
CN114860223A (en) Interactive editing frame, interactive object generation method and electronic equipment
Graham The Clock Language
JPH056910B2 (en)
JP2937381B2 (en) Integrated circuit design method and design apparatus
JPH05128107A (en) Structured document editing device

Legal Events

Date Code Title Description
LAPS Cancellation because of no payment of annual fees