JP3438822B2 - Ｇｕｉ部品表示制御方法およびｇｕｉ部品表示制御装置 - Google Patents

Description

【発明の詳細な説明】

【０００１】

【産業上の利用分野】本発明は、画面上に表示するＧＵ
Ｉ（GraphicalUserInterface）部品を構成する場合に用
いて好適なＧＵＩ部品表示制御装置およびＧＵＩ部品表
示制御装置に関する。

【０００２】

【従来の技術】最近の多くのコンピュータシステムにお
いては、ＧＵＩ（Graphical User Interface）と呼ばれ
るマンマシンインターフェイスが採用され、その画面上
に、ＧＵＩ部品（例えば、スクロールバーや操作メニュ
ー、ファイルを図形化したものなど）が表示されるよう
になっており、これにより操作性、および使用者との親
和性の向上が図られている。

【０００３】即ち、例えば図１２（ａ）に示すように、
ディスプレイ４上にオープンされたウインドウ８１にお
いては、スクロールバー８１ａまたは８１ｂが、その右
端部分、または下端部分にそれぞれ配置されるようにな
っていおり、それぞれをポインティングデバイスとして
の、例えばマウスなどで操作する（例えば、ドラッグす
る）ことにより、キーボードを操作することなく、ウイ
ンドウ８１内に表示を上下または左右にそれぞれスクロ
ールすることができるようになっている。

【０００４】なお、ディスプレイ４上にオープンされ
た、スクロールバー８２ａおよび８２ｂ、または８３ａ
および８３ｂをそれぞれ有するウインドウ８２または８
３においても、ウインドウ８１における場合と同様にし
てスクロールすることができるようになっている。

【０００５】さらに、図１２（ｂ）に示すように、ディ
スプレイ４上にオープンされたウインドウ８４（８５，
８６）においては、操作メニュー８４ａ（８５ａ，８６
ａ）が、その左端部分に配置されるようになっており、
それをマウスで操作する（例えば、クリックする）こと
により、キーボードを操作して複雑なコマンドを入力す
ることなく、所定の処理（例えば、ファイルの編集やセ
ーブなど）を行うことができるようになっている。

【０００６】

【発明が解決しようとする課題】ところで、従来のＧＵ
Ｉにおいては、そのＧＵＩ部品の形状や構成は、例えば
ＧＵＩエディタと呼ばれるエディタにより編集すること
ができるようになっており、そのＧＵＩ部品を使用する
アプリケーションプログラムを実行する前に編集され、
その後固定されるようになっている。

【０００７】従って、一度編集したＧＵＩ部品を変更す
るには、ＧＵＩエディタにより再びＧＵＩ部品を編集す
るとともに、必要に応じてアプリケーションプログラム
を変更し、さらにアプリケーションプログラムをコンパ
イルし直さなければならず、ＧＵＩ部品の変更は容易で
はなかった。

【０００８】また、ＧＵＩエディタでは、例えばウィジ
ェットと呼ばれる既成のＧＵＩ部品だけしか取り扱うこ
とができず、即ち編集の自由度が低く、使用者の嗜好に
応じたＧＵＩ部品を得ることが困難であった。

【０００９】さらに、例えば図１２に示すウインドウ８
１乃至８３上にそれぞれ配置されたスクロールバー８１
ａ（８１ｂ）乃至８３ａ（８３ｂ）は、すべて同じ機能
（スクロール機能）を有し、また形状もほぼ同じである
にもかかわらず、各ウインドウ８１乃至８３ごとに独立
に管理されて表示されるようになっている。

【００１０】従って、ＧＵＩ部品を管理するためのメモ
リ空間が多く必要になる課題があった。

【００１１】本発明は、このような状況に鑑みてなされ
たものであり、ＧＵＩ部品を容易に構成し、さらに変更
することができるようにするものである。

【００１２】

【課題を解決するための手段】本発明のＧＵＩ部品表示
制御方法は、第１のウインドウと第２のウインドウの表
示を制御する表示制御ステップと、表示制御ステップの
処理により表示が制御された第１のウインドウ上に、第
２のウインドウが重ねられたことを検出する検出ステッ
プと、検出ステップの処理による検出結果に基づいて、
第１のウインドウと第２のウインドウの間の包含関係を
定義する定義ステップと、定義ステップの処理により定
義された包含関係に基づいて、第１のウインドウまたは
第２のウインドウのＧＵＩ部品を再構成する再構成ステ
ップとを含むことを特徴とする。

【００１３】再構成ステップの処理は、第１のウインド
ウ上に、第２のウインドウを追加して表示するように、
ＧＵＩ部品を再構成するようにすることができる。

【００１４】再構成ステップの処理は、第１のウインド
ウ自体の大きさを変更せずに、第１のウインドウ内に含
まれる他のウインドウおよび第２のウインドウの大きさ
を変更して、ＧＵＩ部品を再構成するようにすることが
できる。

【００１５】再構成ステップの処理は、第１のウインド
ウ内に含まれる他のウインドウおよび第２のウインドウ
の大きさを変更せずに、第１のウインドウ自体の大きさ
を変更して、ＧＵＩ部品を再構成するようにすることが
できる。

【００１６】第１のウインドウは、複数種類のアプリケ
ーションプログラムにより構成されるようにすることが
できる。

【００１７】再構成ステップの処理は、第１のウインド
ウが利用可能な第３のウインドウを、第２のウインドウ
上に表示するように、ＧＵＩ部品を再構成するようにす
ることができる。

【００１８】再構成ステップの処理によりＧＵＩ部品が
再構成された後、第２のウインドウが第１のウインドウ
上に重ならない位置に移動しても、包含関係を維持する
維持ステップをさらに含むようにすることができる。 本
発明のＧＵＩ部品表示制御装置は、第１のウインドウと
第２のウインドウの表示を制御する表示制御手段と、表
示制御手段により表示が制御された第１のウインドウ上
に、第２のウインドウが重ねられたことを検出する検出
手段と、前記検出手段による検出結果に基づいて、第１
のウインドウと第２のウインドウの間の包含関係を定義
する定義手段と、定義手段により定義された包含関係に
基づいて、第１のウインドウまたは第２のウインドウの
ＧＵＩ部品を再構成する再構成手段とを備えることを特
徴とする。 再構成手段は、第１のウインドウ上に、第２
のウインドウを追加して表示するように、ＧＵＩ部品を
再構成するようにすることができる。 再構成手段は、第
１のウインドウ自体の大きさを変更せずに、第１のウイ
ンドウ内に含まれる他のウインドウおよび第２のウイン
ドウの大きさを変更して、ＧＵＩ部品を再構成するよう
にすることができる。 再構成手段は、第１のウインドウ
内に含まれる他のウインドウおよび第２のウインドウの
大きさを変更せずに、第１のウインドウ自体の大きさを
変更して、ＧＵＩ部品を再構成するようにすることがで
きる。 第１のウインドウは、複数種類のアプリケーショ
ンプログラムにより構成されるようにすることができ
る。 再構成手段は、第１のウインドウが利用可能な第３
のウインドウを、第２のウインドウ上に表示するよう
に、ＧＵＩ部品を再構成するようにすることができる。
再構成手段によりＧＵＩ部品が再構成された後、第２の
ウインドウが第１のウインドウ上に重ならない位置に移
動しても、包含関係を維持する維持手段をさらに備える
ようにすることができる。

【００１９】

【作用】本発明のＧＵＩ部品表示制御方法およびＧＵＩ
部品表示制御装置においては、第１のウインドウと第２
のウインドウの表示が制御され、表示が制御された第１
のウインドウ上に、第２のウインドウが重ねられたこと
が検出されたという検出結果に基づいて、第１のウイン
ドウと第２のウインドウの間の包含関係が定義される。
そして、定義された包含関係に基づいて、第１のウイン
ドウまたは第２のウインドウのＧＵＩ部品が再構成され
る。従って、ＧＵＩ部品を容易に構成することができ
る。

【００２０】さらに、本発明のＧＵＩ部品表示制御方法
およびＧＵＩ部品表示制御装置においては、第１のウイ
ンドウ自体の大きさを変更せずに、第１のウインドウ内
に含まれる他のウインドウおよび第２のウインドウの大
きさを変更して、または、第１のウインドウ内に含まれ
る他のウインドウおよび第２のウインドウの大きさを変
更せずに、第１のウインドウ自体の大きさを変更して、
第１のウインドウ上に、第２のウインドウを追加して表
示するように、ＧＵＩ部品が再構成される。従って、Ｇ
ＵＩ部品の変更を容易に行うことができる。

【００２１】また、本発明のＧＵＩ部品表示制御方法お
よびＧＵＩ部品表示制御装置においては、第１のウイン
ドウが、複数種類のアプリケーションプログラムにより
構成され、第１のウインドウが利用可能な第３のウイン
ドウを、第２のウインドウ上に表示するように、ＧＵＩ
部品が再構成される。従って、ＧＵＩ部品を容易に構成
することができる。

【００２２】さらに、本発明のＧＵＩ部品構成方法およ
びＧＵＩ部品構成装置においては、ＧＵＩ部品が再構成
された後、第２のウインドウが第１のウインドウ上に重
ならない位置に移動しても、包含関係が維持される。従
って、ＧＵＩ部品を容易に変更することができる。

【００２３】

【実施例】図１は、本発明のＧＵＩ部品構成方法を適用
したコンピュータシステムの一実施例の構成を示す斜視
図である。ＣＰＵ１は、ウインドウマネージャ２の他、
装置全体を制御する。ウインドウマネージャ２は、ディ
スプレイ４に表示される、例えばウインドウ１１ａ乃至
１１ｃを管理する。即ち、ウインドウマネージャ２は、
ポインティングデバイスとしての、例えばマウス３から
の入力に基づいて、イベントを発生し、そのイベントに
対応して、ディスプレイ４上に表示された、例えばウイ
ンドウ１１ａ乃至１１ｃなどのウインドウの位置や大き
さを変更したり、またそのウインドウをボタンとして機
能させる。

【００２４】マウス３は、例えば右ボタン、中ボタン、
左ボタンの３つのボタンを有し、ディスプレイ４に表示
されたマウスカーソル３ａを移動させ、ディスプレイ上
のウインドウ１１ａ乃至１１ｃの位置や大きさを変更し
たり、またウインドウ１１ａ乃至１１ｃをボタンとして
機能させる場合に操作される。ディスプレイ４は、ウイ
ンドウマネージャ２によって管理される、例えばウイン
ドウ１１ａ乃至１１ｃなどのウインドウを表示する。

【００２５】ウインドウ１１ａ乃至１１ｃは、ディスプ
レイ４に表示されるＧＵＩ部品を構成するウインドウで
ある。

【００２６】ここで、ＧＵＩ部品には、例えば図２に示
すようなものがある。即ち、図２（ａ）に示すＧＵＩ部
品としてのスクロールバーは、親ウインドウとしての枠
２１、およびそれに属する子ウインドウとしてのスライ
ダ２２から構成されている。さらに、図２（ｂ）に示す
スクロールバーは、図２（ａ）における場合の、枠２１
およびスライダ２２に加え、親ウインドウとしての枠２
１に属する子ウインドウとしての、スライダ２２を離散
的に上または下にそれぞれ移動させるためのボタン２３
ａまたは２３ｂから構成されている。

【００２７】また、図２（ｃ）に示すＧＵＩ部品として
のメニューは、親ウインドウとしての枠２４、並びにそ
れに属する子ウインドウとしての編集（ＥＤＩＴ）ボタ
ン２５、保存（ＳＡＶＥ）ボタン２６、印刷（ＰＲＩＮ
Ｔ）ボタン２７、および終了（ＱＵＩＴ）ボタン２８な
どの項目ボタンから構成されている。図２（ｄ）に示す
ＧＵＩ部品としての操作パネルは、親ウインドウとして
の枠２９、それに属する子ウインドウとしてのカウンタ
３０、および子ウインドウとしてのボタン群３１乃至３
９から構成されている。

【００２８】ディスプレイ４に表示されたＧＵＩ部品を
構成するウインドウは、マウス３を操作することによ
り、マウスカーソル３ａとともに移動させたり、大きさ
を変更したりすることができるようになっている。さら
に、ウインドウは、所定の装置に所定のアクションを起
動させるためのボタンとして機能させるようにすること
ができるようになっている。

【００２９】また、ウインドウには、その識別子として
のＩＤ、自分自身の大きさ、自分自身が属する親ウイン
ドウとの包含関係を示す情報としての、例えば親ウイン
ドウのＩＤ、およびその親ウインドウ（親ウインドウ
の、例えば中心や左上の点）からの相対的な位置（座
標）、並びに自分自身が子ウインドウを有する場合にお
いては、その子ウインドウとの包含関係を示す情報とし
ての、例えば子ウインドウのＩＤなどのウインドウの構
成要素が設定され、これにより管理されるようになって
いる。

【００３０】次に、図３のフローチャートを参照して、
その動作について説明する。まず最初に使用する各ウイ
ンドウに、コールバック（通知）callbackに対する関数
が割り当てられる（ステップＳ１）。

【００３１】即ち、コンピュータシステムにおいては、
マウス３が操作され、マウスカーソル３ａがウインドウ
windowに出入りしたり、マウスカーソル３ａがウインド
ウwindow内にあるときにマウス３がクリックやドラッグ
されたりするような、所定のイベント（状態）が発生し
た場合に、それに対するコールバックcallbackが返され
るようになっており、このコールバックcallbackに対応
して、所定の処理を行う関数usrFunctionが呼び出され
るように、例えば関数 XtAddCallback(window,callback,usrFunction,client_d
ata) がウインドウwindowに割り当てられる。なお、client_d
ataは、関数usrFunctionの引数である。

【００３２】ここで、本発明においては、少なくとも次
のイベントに対して、イベントハンドラの登録があらか
じめ行われている。

【００３３】（ａ）Exposureイベント・・・ ディスプレイ４に表示されたウインドウwindowの一部ま
たは全部を隠していた他のウインドウが消去または移動
され、ウインドウwindowが露出されるイベント （ｂ）ButtonPress, ButtonRelease, ButtonMotionイベ
ント・・・ マウスカーソル３ａがウインドウwindow内にあるとき
に、マウス３のボタンが押されたり（ButtonPress）、
離されたり（ButtonRelease）、またはドラッグされる
（ButtonMotion）イベント （ｃ）EnterWindow, LeaveWindowイベント・・・ ウインドウwindowにマウスカーソル３ａが出（LeaveWin
dow）入（EnterWindow）りするイベント

【００３４】そして、上述のイベント（ａ）乃至（ｃ）
に対して、イベントハンドラの登録が、例えば次のよう
にそれぞれあらかじめ行われている。

【００３５】（ａ）XtAddEventHandler(window,Exposur
e,eventhandler,data) （ｂ）XtAddEventHandler(window,ButtonPress|ButtonR
elease|ButtonMotion,eventhandler,data) （ｃ）XtAddEventHandler(window,EnterWindow|LeaveWi
ndow,eventhandler,data) なお、｜は論理和を意味する。また、dataは、関数even
thandlerの引数である。

【００３６】上述の登録により、イベント（ａ）乃至
（ｃ）が生じると、図４に示すＣ言語で記述された関数
eventhandlerが呼び出されるようになる。なお、この場
合、どのイベントに対しても、関数eventhandler（図
４）が呼び出されるようになっているが、イベントごと
に呼び出す関数が異なるように、関数eventhandlerを分
割して記述するようにしても良い。

【００３７】ウインドウwindowへの関数XtAddCallback
の割り当ての処理後、マウス３からのイベントの入力が
待たれ（ステップＳ２）、イベントの入力があると、関
数eventhandler（図４）が呼び出され（ステップＳ
３）、イベントに対応したコールバックcallbackが返さ
れる（ステップＳ４乃至Ｓ６）。

【００３８】即ち、例えばウインドウwindowにマウスカ
ーソル３ａがあり、ウインドウwindowがボタンとして機
能するようになっている場合、マウス３の左ボタンが押
されると、ボタンとしてのウインドウwindowが押された
ようにみせるために、ウインドウwindowが、凹んだよう
に影を付して表示される（例えば、図２のＥＤＩＴボタ
ン２５のように、その左端部分と下端部分に影が付され
る）（以下、凹表示されると記載する）（図４のステッ
プＬ２）。

【００３９】さらに、この後、マウスカーソル３ａがウ
インドウwindow上にあるときに、マウス３の左ボタンが
離されると、そのウインドウwindowが選択されたとみな
され、関数eventhandlerが呼び出される（ステップＳ
４）。そして、このイベントに対応したACTIVATEコール
バックが通知され（図４のステップＬ６）、ステップＳ
１でウインドウwindowに割り当てられた関数XtAddCallb
ackにおけるACTIVATEコールバックに対応する関数usrFu
nctionが呼び出され、凹表示されたウインドウwindowが
元の表示（以下、凹表示に対して、凸表示と記載する）
に戻される。

【００４０】なお、マウスカーソル３ａが、あるウイン
ドウ上にある場合に、マウス３の左ボタンが押される
と、上述のように凹表示されるが、そのままマウスカー
ソル３ａが他のウインドウに移動されると、他のウイン
ドウが凹表示されるようになっている。このとき、ある
ウインドウは凹表示から凸表示に戻される。

【００４１】また、マウス３の中ボタンによってウイン
ドウwindowがドラッグされると、ウインドウwindowが移
動可能であれば、GRABコールバックが通知され（ステッ
プＳ６）（図４のステップＬ３）、ウインドウwindowの
移動が開始されることがシステムに知らされる。さら
に、マウス３が移動されると、DRAGコールバックが通知
され（ステップＳ６）（図４のステップＬ１０）、ウイ
ンドウwindowとともに、それが有するウインドウとして
の、例えばスライドボタンや、その背景などが高速で再
描画されることにより移動される（正確には、移動して
いるのではなく、移動しているように見える）（ステッ
プＳ９）。そして、マウス３の中ボタンが離されると、
MOVEコールバックが通知され（ステップＳ６）（図４の
ステップＬ７）、ウインドウwindowの移動が終了したこ
とがシステムに知らされる。

【００４２】その後、例えばウインドウwindowを包む最
小のウインドウが求められるなどして、ウインドウwind
ow自身が属していた親ウインドウが変化したか否かが判
定される（ステップＳ７）。そして、親ウインドウが変
化したと判定された場合、REPARENTコールバックが通知
され（ステップＳ８）、そのウインドウwindowに対応す
る包含関係が書き換えられる。ウインドウwindowの親ウ
インドウが変化していないと判定された場合、再びイベ
ントの入力が待たれる（ステップＳ２）。

【００４３】なお、ウインドウwindowが移動可能でなけ
れば、上述の移動処理は行われないようになっている。
さらに、例えばウインドウwindowに対して、その親ウイ
ンドウから出すことができないなどの拘束条件があらか
じめ設定されている場合には、移動中のウインドウwind
owの大きさまたは位置と、その親ウインドウの大きさま
たは位置が比較され、ウインドウwindowが、その親ウイ
ンドウから出ないように制御されるようになっている。

【００４４】また、キーボード（図示せず）のシフトキ
ーが押された状態で、マウス３の中ボタンによってウイ
ンドウwindowがドラッグされると、ウインドウwindowが
リサイズ可能であれば、RGRABコールバックが通知され
（ステップＳ５）（図４のステップＬ４）、ウインドウ
windowのリサイズが開始されることがシステムに知らさ
れる。さらに、マウス３が移動されると、RUBBERコール
バックが通知され（ステップＳ５）（図４のステップＬ
１１）、ウインドウwindow全体、あるいはその枠がリサ
イズされる。そして、マウス３の中ボタンが離される
と、RESIZEコールバックが通知され（ステップＳ５）
（図４のステップＬ８）、ウインドウwindowのリサイズ
が終了したことがシステムに知らされる。

【００４５】その後、例えばリサイズされたウインドウ
windowを包む最小のウインドウが求められるなどして、
ウインドウwindow自身が属していた親ウインドウが変化
したか否かが判定される（ステップＳ７）。そして、親
ウインドウが変化したと判定された場合、REPARENTコー
ルバックが通知され（ステップＳ８）、そのウインドウ
windowに対応する包含関係が書き換えられる。ウインド
ウwindowの親ウインドウが変化していないと判定された
場合、再びイベントの入力が待たれる（ステップＳ
２）。

【００４６】なお、ウインドウwindowがリサイズ可能で
なければ、上述のリサイズ処理は行われないようになっ
ている。さらに、例えばウインドウwindowに対して、そ
の親ウインドウから出すことができないなどの拘束条件
があらかじめ設定されている場合には、リサイズのウイ
ンドウwindowの大きさまたは位置と、その親ウインドウ
の大きさまたは位置が比較され、ウインドウwindowが、
その親ウインドウから出ないように制御されるようにな
っている。

【００４７】また、上述したウインドウwindowのリサイ
ズや移動中に、そのウインドウwindowで、一部または全
部が隠されていた他のウインドウが露出された場合、そ
の露出された部分が再描画されるようになっている（図
４のステップＬ１）。

【００４８】さらに、マウス３の右ボタンによって、ウ
インドウwindowがドラッグされると、MENUコールバック
が通知され（ステップＳ４）（図４のステップＬ７）、
ステップＳ１でウインドウwindowに割り当てられた関数
XtAddCallbackにおけるMENUコールバックに対応する関
数usrFunctionが呼び出され、これによりメニューとし
てのウインドウが、例えばプルダウン表示される（ステ
ップＳ９）。この場合、右ボタンがドラッグされたま
ま、マウスカーソル３ａがメニューの中に移動される
と、マウスカーソル３ａが位置しているメニュー項目
（ウインドウ）は、それが選択されることを示すために
凹表示され、そのメニュー項目からマウスカーソル３ａ
が出されると凸表示される（図４のステップＬ１２乃至
Ｌ１５）。

【００４９】そして、メニューが表示されている場合、
マウス３の右ボタンが離されると、ACTIVATEコールバッ
クが通知され（ステップＳ４）（図４のステップＬ
９）、凹表示されているメニュー項目が選択されたこと
がシステムに知らされる。その後、さらにMENUENDコー
ルバックが通知され（ステップＳ４）（図４のステップ
Ｌ９）、メニューとしてのウインドウが消去される（ス
テップＳ９）。

【００５０】なお、ウインドウwindowにメニューがない
場合には、上述のメニュー処理は行われないようになっ
ている。

【００５１】次に、以上の処理によるＧＵＩ部品の構成
例について、図５乃至図１１を参照して説明する。図５
（ａ）は、親ウインドウとしての枠４１と、子ウインド
ウとしての編集ボタン４２、読み込みボタン４３、およ
び保存ボタン４４とからなるメニュー部品を示してい
る。このメニュー部品においては、枠４１に、編集ボタ
ン４２、読み込みボタン４３、および保存ボタン４４が
重ねられることによって包含関係が生じるようになって
いる。

【００５２】ここで、図６は、図５の部品を構成するウ
インドウ４１乃至４５を管理するためのそれぞれの構成
要素４１ａ乃至４５ａを示している。ＩＤはその構成要
素が管理するウインドウの識別子であり、ｘ，ｙは、ウ
インドウ自身が属する親ウインドウの、例えば中心また
は左上からの相対的な位置を示している（ｘは横方向の
座標を示しｙは縦方向の座標を示している）。ｗ，ｈ
は、ウインドウ自身の大きさを示し（ｗは横方向の長さ
を示し、ｈは縦方向の長さを示している）、ｐａｒｅｎ
ｔは、包含関係としてのそのウインドウが属する親ウイ
ンドウのＩＤを示している。さらに、ｃｈｉｌｄｒｅｎ
は、包含関係としてのそのウインドウが有する子ウイン
ドウのＩＤを示している。

【００５３】なお、ウインドウが子ウインドウを有さな
い場合、ｃｈｉｌｄｒｅｎは記述されない。

【００５４】図６（ａ）に示す構成要素４１ａ乃至４５
ａは、図５（ａ）における場合のものであり、枠４１
は、編集ボタン４２、読み込みボタン４３、および保存
ボタン４４を子ウインドウとして有するので、その構成
要素４１ａのｃｈｉｌｄｒｅｎには、編集ボタン４２、
読み込みボタン４３、および保存ボタン４４のＩＤ＃４
２乃至＃４４が記述されている。さらに、枠４１は、Ｉ
Ｄ＃００１の親ウインドウ（紙面そのものを、ＩＤ＃０
０１の親ウインドウと仮定する）に属し、従ってその構
成要素４１ａのｐａｒｅｎｔには、＃００１が記述され
ている。

【００５５】また、編集ボタン４２、読み込みボタン４
３、および保存ボタン４４は、子ウインドウを有さない
とともに、すべて親ウインドウとしての枠４１に属する
ので、その各構成要素４２ａ乃至４４ａのｐａｒｅｎｔ
には、枠４１のＩＤ＃４１が記述されている。

【００５６】また、この場合（図５（ａ）および図６
（ａ））、終了ボタン４５は子ウインドウを有さないと
ともに、枠４１と同じ親ウインドウに属するので、その
構成要素４５ａのｐａｒｅｎｔには、ＩＤ＃００１が記
述されている。

【００５７】図５（ａ）に示す状態から、マウス３（マ
ウスカーソル３ａ）によって終了ボタン４５がドラッグ
され、枠４１上に移動されて（図５（ｂ））、さらにそ
こでドラッグが終了されると、終了ボタン４５の構成要
素４５ａのｐａｒｅｎｔが、新しい親ウインドウとして
の枠４１のＩＤ＃４１に変更されるとともに、枠４１の
構成要素４１ａのｃｈｉｌｄｒｅｎに、新たな子ウイン
ドウとしての終了ボタン４５のＩＤ＃４５が加えられる
（図６（ｂ））。そして、上述したように、終了ボタン
４５の親ウインドウが変更したことを示すREPARENTコー
ルバックが通知され、それに対応した関数が呼び出され
る。

【００５８】この関数により、編集ボタン４２、読み込
みボタン４３、および保存ボタン４４の大きさが変えら
れるとともに、終了ボタン４５の大きさが変えられ、枠
４１の大きさを変えることなく、終了ボタン４５が枠４
１の中に追加されることによりＧＵＩ部品が再構成され
る（図５（ｃ））。

【００５９】なお、この場合、枠４１の大きさを変え、
編集ボタン４２、読み込みボタン４３、保存ボタン４
４、および終了ボタン４５の大きさを変えることなく、
終了ボタンをわく４１の中に追加するようにすることが
できる。

【００６０】さらに、図５（ａ）において、編集ボタン
４２、読み込みボタン４３、または保存ボタン４４を枠
４１の中から削除し、ＧＵＩ部品を再構成するようにす
ることもできる。

【００６１】また、例えば図７に示す、ウインドウ５１
ｂを子ウインドウとして有するウインドウ５１ａをさら
に子ウインドウとして有するウインドウ５１、ウインド
ウ５２ａおよび５２ｂを子ウインドウとして有するウイ
ンドウ５２、ウインドウ５３ａ乃至５３ｃを子ウインド
ウとして有するウインドウ５３、並びにＳＡＶＥボタン
５４ａおよびＱＵＩＴボタン５４ｂを子ウインドウとし
て有するウインドウ５４を子ウインドウとして有する枠
４１などのような複雑なＧＵＩ部品についても、上述し
たような再構成をするようにすることができる。

【００６２】次に、図８は、図１のコンピュータシステ
ムに、例えばビデオテープ装置およびレーザディスク装
置（いずれも図示せず）を接続し、コンピュータシステ
ムによりビデオテープ装置およびレーザディスク装置を
制御することができるように装置を構成したときの、デ
ィスプレイ４上に表示された、ビデオテープ装置を象徴
するウインドウ６１と、レーザディスク装置を象徴する
ウインドウ６９を示している。

【００６３】ビデオテープ装置を象徴するウインドウ６
１には、ビデオテープ装置からの再生画像が表示される
ようになっている。操作パネルとしてのウインドウ６２
は、その子ウインドウとして巻戻しボタン６３、停止ボ
タン６４、プレイボタン６５、早送りボタン６６、記録
ボタン６７、およびポーズボタン６８を有し、マウス３
でドラッグされて、例えば図中点線で示す位置からウイ
ンドウ６１または６９上へ移動されると、ビデオテープ
装置またはレーザディスク装置の操作パネルとなるよう
になっている。

【００６４】即ち、操作パネルとしてのウインドウ６２
が、例えば図中点線で示す位置にある場合、ウインドウ
６１および６９は、ウインドウ６２の親ウインドウでは
ない状態であり、その子ウインドウとしての巻戻しボタ
ン６３、停止ボタン６４、プレイボタン６５、早送りボ
タン６６、記録ボタン６７、またはポーズボタン６８が
マウス３でクリックされても、それにより、ビデオテー
プ装置およびレーザディスク装置に動作（アクション）
を起動させることができないようになっている。

【００６５】ところが、ウインドウ６２がマウス３でド
ラッグされ、ウインドウ６１に重ねられると、操作パネ
ル６２の構成要素６２ａのｐａｒｅｎｔが、新たな親ウ
インドウとしてのウインドウ６１のＩＤ＃６１に変更さ
れるとともに、ウインドウ６１の構成要素６１ａのｃｈ
ｉｌｄｒｅｎに、新たな子ウインドウとしての操作パネ
ル６２のＩＤ＃６２が記述される（図９）。

【００６６】そして、操作パネル６２の親ウインドウ
が、ウインドウ６１に変更されたことを示すREPARENTコ
ールバックが通知され、それに対応した関数が呼び出さ
れる。

【００６７】この関数により、操作パネル６２の子ウイ
ンドウとしての、例えばプレイボタン６５をマウス３で
クリックすることにより、ビデオテープ装置に画像の再
生を開始させることができるようになる。即ち、操作パ
ネル６２の処理対象（制御対象）がウインドウ６１が象
徴するビデオテープ装置になり、操作パネル６２でのビ
デオテープ装置の操作が可能となる。

【００６８】また、ウインドウ６２がマウス３でドラッ
グされ、ウインドウ６９に重ねられると、ウインドウ６
１と操作パネル６２との間の親子関係が解消され、操作
パネル６２の構成要素６２ａのｐａｒｅｎｔが、新しい
親ウインドウとしてのウインドウ６９のＩＤ＃６９に変
更されるとともに、ウインドウ６９の構成要素６９ａの
ｃｈｉｌｄｒｅｎに、新たな子ウインドウとしての操作
パネル６２のＩＤ＃６２が記述される（図１０）。

【００６９】そして、操作パネル６２の親ウインドウ
が、ウインドウ６９に変更されたことを示すREPARENTコ
ールバックが通知され、それに対応した関数が呼び出さ
れる。

【００７０】この関数により、操作パネル６２の子ウイ
ンドウとしての、例えばプレイボタン６５をマウス３で
クリックすることにより、レーザディスク装置に画像の
再生を開始させることができるようになる。即ち、操作
パネル６２の処理対象（制御対象）がウインドウ６９が
象徴するレーザディスク装置になり、操作パネル６２で
のレーザディスク装置の操作が可能となる。

【００７１】なお、レーザディスク装置は、情報を記録
することができないので、ウインドウ６９と操作パネル
６２との間に親子関係が定義された場合には、記録ボタ
ン６７を消去する関数を呼び出すようにしておき、これ
により記録ボタン６７を表示しないようにすることがで
きる（図８または図１０においては、点線で示してあ
る）。

【００７２】さらに、この場合、上述した図５乃至図７
における場合と同様に、操作パネル６２に、その子ウイ
ンドウとして他のボタンを追加したり、また巻戻しボタ
ン６３、停止ボタン６４、プレイボタン６５、早送りボ
タン６６、記録ボタン６７、またはポーズボタン６８を
取り除いてＧＵＩ部品（操作パネル６２）を構成するよ
うにすることができる。即ち、使用者の嗜好に合わせ
て、ＧＵＩ部品（操作パネル６２）を構成することがで
きる。

【００７３】また、例えばウインドウ６１と操作パネル
６２との間に親子関係が定義されている場合（図９）、
操作パネル６２の子ウインドウとしての巻戻しボタン６
３、停止ボタン６４、プレイボタン６５、早送りボタン
６６、記録ボタン６７、またはポーズボタン６８を、操
作パネル６２に重ならない位置に移動しても、操作パネ
ル６２と、移動されたボタンとの親子関係が、解消され
ないようにすることができる。これにより、ウインドウ
６１と操作パネル６２との間に親子関係が定義されてい
る限りは、巻戻しボタン６３、停止ボタン６４、プレイ
ボタン６５、早送りボタン６６、記録ボタン６７、また
はポーズボタン６８がいかなる位置にあっても、ビデオ
テープ装置の操作が可能となる。

【００７４】以上のように、ビデオテープ装置とレーザ
ディスク装置に、操作パネル６２を共通して利用するこ
とができるので、それぞれ独立に操作パネルを管理する
場合に比較して、必要なメモリ空間が少なくて済むよう
になる。さらに、コンピュータシステムに接続した装置
の操作を統一的に行うことができ、装置の操作性および
使用者に対する親和性を向上させることができる。

【００７５】次に、図１１は、本発明のＧＵＩ部品構成
方法により構成されたスクロールバーの一実施例を示す
平面図である。図１１（ａ）のスクロールバーは、親ウ
インドウとしての枠７１、およびその子ウインドウとし
てのスライドボタン７２から構成され、スライドボタン
７２は枠７１内を自由に移動させることができるように
なっている。スライドボタン７２がマウス３でドラッグ
されて移動されると、前述したDRAGコールバックが通知
され、それに対応した関数が呼び出される。

【００７６】この関数により、枠７１に対するスライド
ボタン７２の相対位置に基づいて、スクロール対象がス
クロールされる。

【００７７】なお、この場合、関数はスライドボタン７
２に割り当てられており、その親ウインドウとしての枠
７１は自由に変更することができるようになっている。

【００７８】さらに、コールバックによって呼び出され
る関数usrFunctionを定義しておけば、図８乃至図１０
における場合と同様にして、スクロールバーを移動し、
スクロール対象（制御対象）を変更することができる。
この場合、変更したスクロール対象に対応して、スクロ
ールバーの枠の大きさ、またはスクロールバーのスライ
ドボタンの大きさもしくは数を変化させるようにするこ
とができる。

【００７９】即ち、変更したスクロール対象に対応し
て、例えば枠７３に、その子ウインドウとしてのスライ
ドボタン７４および７５を配置したり（図１１
（ｂ））、枠７６に、スライドボタン７８を子ウインド
ウとして有する、枠およびスライドボタンとして機能す
るウインドウ７７を子ウインドウとして配置して（図１
１（ｃ））、スクロールバーを再構成するようにするこ
とができる。

【００８０】なお、本発明においては、以上説明した
他、例えばスクロールバーのスライドボタンとして機能
するウインドウに、文字や画像を表示するウインドウを
重ね、文字や画像が載ったスクロールバーとしてのＧＵ
Ｉ部品などを構成するようにすることができる。

【００８１】

【発明の効果】以上の如く、本発明によれば、第１のウ
インドウと第２のウインドウの表示を制御し、表示が制
御された第１のウインドウ上に、第２のウインドウが重
ねられたことを検出したという検出結果に基づいて、第
１のウインドウと第２のウインドウの間の包含関係を定
義する。そして、定義された包含関係に基づいて、第１
のウインドウまたは第２のウインドウのＧＵＩ部品を再
構成する。従って、ＧＵＩ部品を容易に構成することが
できる。

【００８２】さらに、本発明のＧＵＩ部品表示制御方法
およびＧＵＩ部品表示制御装置によれば、第１のウイン
ドウ自体の大きさを変更せずに、第１のウインドウ内に
含まれる他のウインドウおよび第２のウインドウの大き
さを変更して、または、第１のウインドウ内に含まれる
他のウインドウおよび第２のウインドウの大きさを変更
せずに、第１のウインドウ自体の大きさを変更して、第
１のウインドウ上に、前記第２のウインドウを追加して
表示するように、前記ＧＵＩ部品を再構成する。従っ
て、ＧＵＩ部品の変更を容易に行うことができる。

【００８３】また、本発明のＧＵＩ部品表示制御方法お
よびＧＵＩ部品表示制御装置によれば、第１のウインド
ウは、複数種類のアプリケーションプログラムにより構
成され、第１のウインドウが利用可能な第３のウインド
ウを、第２のウインドウ上に表示するように、ＧＵＩ部
品を再構成する。従って、ＧＵＩ部品を容易に構成する
ことができる。

【００８４】さらに、本発明のＧＵＩ部品構成方法およ
びＧＵＩ部品構成装置においては、ＧＵＩ部品が再構成
された後、第２のウインドウが第１のウインドウ上に重
ならない位置に移動しても、包含関係を維持する。従っ
て、ＧＵＩ部品を容易に変更することができる。

【図面の簡単な説明】

【図１】本発明のＧＵＩ部品構成方法を適用したコンピ
ュータシステムの一実施例の構成を示す斜視図である。

【図２】本発明のＧＵＩ部品構成方法により構成された
ＧＵＩ部品の一実施例を示す平面図である。

【図３】図１のコンピュータシステムの動作を説明する
ためのフローチャートである。

【図４】イベントハンドラの記述例を示す図である。

【図５】本発明のＧＵＩ部品構成方法により構成された
メニュー部品を示す平面図である。

【図６】図５のメニュー部品の構成要素を示す図であ
る。

【図７】本発明のＧＵＩ部品構成方法により構成された
メニュー部品を示す平面図である。

【図８】図１のディスプレイ４上に表示される、ＧＵＩ
部品としてのビデオテープ装置を象徴するウインドウ６
１、およびレーザディスク装置を象徴するウインドウ６
９を示す図である。

【図９】図８のＧＵＩ部品の構成要素を示す図である。

【図１０】図８のＧＵＩ部品の構成要素を示す図であ
る。

【図１１】本発明のＧＵＩ部品構成方法により構成され
たスクロールバーを示す平面図である。

【図１２】従来のＧＵＩを説明するための図である。

【符号の説明】

１ ＣＰＵ ２ ウインドウマネージャ ３ マウス ３ａ マウスカーソル ４ ディスプレイ １１ａ乃至１１ｃ ウインドウ ４１ａ乃至４５ａ，６１ａ，６２ａ，６７ａ，６９ａ
構成要素

Claims (14)

(57)【特許請求の範囲】
1. 【請求項１】 ＧＵＩ部品を構成するウインドウの表示
   を制御するＧＵＩ部品表示制御方法において、 第１のウインドウと第２のウインドウの表示を制御する
   表示制御ステップと、 前記表示制御ステップの処理により表示が制御された前
   記第１のウインドウ上に、前記第２のウインドウが重ね
   られたことを検出する検出ステップと、 前記検出ステップの処理による検出結果に基づいて、前
   記第１のウインドウと前記第２のウインドウの間の包含
   関係を定義する定義ステップと、 前記定義ステップの処理により定義された 前記包含関係
   に基づいて、前記第１のウインドウまたは前記第２のウ
   インドウのＧＵＩ部品を再構成する再構成ステップとを
   含むことを特徴とするＧＵＩ部品表示制御方法。
2. 【請求項２】 前記再構成ステップの処理は、前記第１
   のウインドウ上に、前記第２のウインドウを追加して表
   示するように、前記ＧＵＩ部品を再構成することを特徴
   とする請求項１に記載のＧＵＩ部品表示制御方法。
3. 【請求項３】 前記再構成ステップの処理は、前記第１
   のウインドウ自体の大きさを変更せずに、前記第１のウ
   インドウ内に含まれる他のウインドウおよび前記第２の
   ウインドウの大きさを変更して、前記ＧＵＩ部品を再構
   成することを特徴とする請求項２に記載のＧＵＩ部品表
   示制御方法。
4. 【請求項４】 前記再構成ステップの処理は、前記第１
   のウインドウ内に含まれる他のウインドウおよび前記第
   ２のウインドウの大きさを変更せずに、前記第１のウイ
   ンドウ自体の大きさを変更して、前記ＧＵＩ部品を再構
   成することを特徴とする請求項２に記載のＧＵＩ部品表
   示制御方法。
5. 【請求項５】 前記第１のウインドウは、複数種類のア
   プリケーションプログラムにより構成されることを特徴
   とする請求項１に記載のＧＵＩ部品表示制御方法。
6. 【請求項６】 前記再構成ステップの処理は、前記第１
   のウインドウが利用可能な第３のウインドウを、前記第
   ２のウインドウ上に表示するように、前記ＧＵＩ部品を
   再構成する ことを特徴とする請求項５に記載のＧＵＩ部
   品表示制御方法。
7. 【請求項７】 前記再構成ステップの処理により前記Ｇ
   ＵＩ部品が再構成された後、前記第２のウインドウが前
   記第１のウインドウ上に重ならない位置に移動しても、
   前記包含関係を維持する維持ステップをさらに含むこと
   を特徴とする請求項１に記載のＧＵＩ部品表示制御方
   法。
8. 【請求項８】 ＧＵＩ部品を構成するウインドウの表示
   を制御するＧＵＩ部品表示制御装置において、 第１のウインドウと第２のウインドウの表示を制御する
   表示制御手段と、 前記表示制御手段により表示が制御された前記第１のウ
   インドウ上に、前記第２のウインドウが重ねられたこと
   を検出する検出手段と、 前記検出手段による検出結果に基づいて、前記第１のウ
   インドウと前記第２のウインドウの間の包含関係を定義
   する定義手段と、 前記定義手段により定義された 前記包含関係に基づい
   て、前記第１のウインドウまたは前記第２のウインドウ
   のＧＵＩ部品を再構成する再構成手段とを備えることを
   特徴とするＧＵＩ部品表示制御装置。
9. 【請求項９】 前記再構成手段は、前記第１のウインド
   ウ上に、前記第２のウインドウを追加して表示するよう
   に、前記ＧＵＩ部品を再構成することを特徴とする請求
   項８に記載のＧＵＩ部品表示制御装置。
10. 【請求項１０】 前記再構成手段は、前記第１のウイン
    ドウ自体の大きさを変更せずに、前記第１のウインドウ
    内に含まれる他のウインドウおよび前記第２のウインド
    ウの大きさを変更して、前記ＧＵＩ部品を再構成するこ
    とを特徴とする請求項９に記載のＧＵＩ部品表示制御装
    置。
11. 【請求項１１】 前記再構成手段は、前記第１のウイン
    ドウ内に含まれる他のウインドウおよび前記第２のウイ
    ンドウの大きさを変更せずに、前記第１のウインドウ自
    体の大きさを変更して、前記ＧＵＩ部品を再構成するこ
    とを特徴とする請求項９に記載のＧＵＩ部品表示制御装
    置。
12. 【請求項１２】 前記第１のウインドウは、複数種類の
    アプリケーションプログラムにより構成されることを特
    徴とする請求項８に記載のＧＵＩ部品表示制御装置。
13. 【請求項１３】 前記再構成手段は、前記第１のウイン
    ドウが利用可能な第３のウインドウを、前記第２のウイ
    ンドウ上に表示するように、前記ＧＵＩ部品を再構成す
    ることを特徴とする請求項１２に記載のＧＵＩ部品表示
    制御装置。
14. 【請求項１４】 前記再構成手段により前記ＧＵＩ部品
    が再構成された後、前記第２のウインドウが前記第１の
    ウインドウ上に重ならない位置に移動しても、前記包含
    関係を維持する維持手段をさらに備えることを特徴とす
    る請求項８に記載のＧＵＩ部品表示制御装置。