JP4130128B2

JP4130128B2 - 図形表示方法及び図形処理装置

Info

Publication number: JP4130128B2
Application number: JP2003004772A
Authority: JP
Inventors: 郁胤宮丸; 宗史西田
Original assignee: Hitachi Software Engineering Co Ltd
Current assignee: Hitachi Software Engineering Co Ltd
Priority date: 2003-01-10
Filing date: 2003-01-10
Publication date: 2008-08-06
Anticipated expiration: 2023-01-10
Also published as: JP2004220191A

Description

【０００１】
【発明の属する技術分野】
本発明は、グラフィカルユーザインタフェースの操作方法に関し、特に、図形を扱う操作に関する。
【０００２】
【従来の技術】
従来、コンピュータによって処理されるソフトウエア及びウエブサイトでは、画面上の反応領域をクリックすると他の画面が表示されるような表示用グラフィカルユーザインタフェースが使用されている。
【０００３】
例えば、世界地図の画像の各国に反応領域を予め定義しておき、ユーザが、反応領域内をクリックすると、クリックされた国の地図の画像が表示される。同様に、その国の地図画像に各都市の反応領域を予め定義しておき、ユーザがその都市の反応領域内をクリックすると、その都市の画像が表示される。
【０００４】
また、ＣＡＤ（Computer Aided Design）では、クリックした座標に最も近いオブジェクトが反応し処理対象として選択される。または、オブジェクトに前面、背面の関係が定義されている場合は、前後関係によって前面にあるオブジェクトが反応する方式が知られている。
【特許文献１】
特開２００１−３０６０５８
【０００５】
【発明が解決しようとする課題】
しかしながら、従来の表示用グラフィカルユーザインタフェースでは、１つの画面の所定の領域をクリックすることによって他の画面を表示させるとき、表示される画面の拡大率又は縮小率をユーザが予め知ることができないため、予期しない縮尺の画面が表示されることがある。
【０００６】
例えば、地図情報を表示する場合、ある程度目的の地域がわかっている場合でも必ず各階層の画面を経由しなければ、目的の画面に到達することができない。また、表示領域に自由度がなく、任意の拡大縮小率で表示操作することができない。さらに、各画面を別のデータとして用意し、その画面に対して反応領域を設定しなければならない。
【０００９】
本発明の目的は、ユーザが画面上の複数の図形から所定の図形を選択表示する図形表示方法において、領域毎又は階層毎の図形データを用意する必要がない方法を提供することにある。
本発明の目的は、画面上に複数の図形が表示されている場合でも、ユーザは、表示される図形候補を予め知ることができる図形表示方法を提供することにある。
【００１０】
【課題を解決するための手段】
本発明によると、図形表示方法は、ユーザが表示装置に表示された画面内の点を指定したとき、該画面の座標系を図形データの座標系に変換するための座標変換ステップと、上記画面内のユーザが指定した点の座標に基づいて上記図形データに含まれる図形よりその寸法が所定の範囲にある図形を選択するための図形選択ステップと、該選択された図形を上記表示装置に表示するための図形表示ステップと、を含む。
【００１１】
本発明によると、図形処理装置は、図形データ中の表示すべき図形の寸法が表示装置の画面に適合するように、図形を座標変換によって拡大又は縮小するための図形表示処理部と、ユーザが画面上をクリックしたときに、操作対象となる図形の選択を行うための図形選択処理部と、選択した図形に対する編集処理を行うための図形編集処理部とを有する。
従って、本発明によると、ユーザが意図しない寸法の図形が表示されることがない利点がある。
【００１２】
【発明の実施の形態】
図１を参照して、本発明による図形処理装置１の構成例を説明する。本例の図形処理装置１は、図形の処理を行うための中央処理装置１０と、図形データを画面に表示するための表示装置２１と、図形データの入出力を行うためのキーボード装置２２Ａ及びマウス装置２２Ｂを含む入力装置２２と、図形データを格納するための記憶装置２４とを有する。
【００１３】
中央処理装置１０は、図形表示処理部１１と図形選択処理部１２と図形編集処理部１３とを有する。図形表示処理部１１は、図形データ中の表示すべき図形の寸法が表示装置２１の画面に適合するように、図形を座標変換によって拡大又は縮小する。図形選択処理部１２は、ユーザが入力装置２２を使用して画面上をクリックしたときに、操作対象となる図形の選択を行う。図形編集処理部１３は、選択した図形に対する編集処理を行う。編集処理の内容は適応するアプリケーションによって異なり、ここではその説明を省略する。
【００１４】
図２を参照して、表示装置２１に、図形データ２０１を表示する方法を説明する。図形データ２０１は図示のように図形７０１、７０２を含む。ここでは、図形データ２０１より図形表示範囲４０２を切り取って、表示装置２１の画面に表示する。表示装置２１に表示された画面１０１は、図形表示領域２０２とメニューバー表示領域２０３とツールバー表示領域２０４とを含む。
【００１５】
図形表示領域２０２には、図形データ２０１の図形表示範囲４０２が切り取られ拡大して表示される。拡大方法の詳細は以下に図３を参照して説明する。尚、メニューバー表示領域２０３とツールバー表示領域２０４は編集処理用のアプリケーション又はユーザの操作によって異なり、省略されてもよい。省略される場合には、図形表示領域２０２は画面１０１を意味する。
【００１６】
図３を参照して図形表示処理部１１におけ図形拡大処理の例を説明する。図形データ２０１のうちの表示対象である図形４０１を拡大して表示装置２１の画面の図形表示領域２０２に表示する場合を説明する。ここでは、左下を原点とする座標系を用いる。図形データ２０１より図形４０１を含む図形表示範囲４０２を切り取り、それを、表示装置２１の画面の図形表示領域２０２に表示する。そのために座標変換を行う。
【００１７】
図形データ２０１の座標系にて、図形４０１の対角線の両端点４０１Ａ、４０１Ｂの座標（Ｘ１，Ｙ１）（Ｘ２，Ｙ２）を求め、これを画面の図形表示領域２０２の座標系に変換すると、座標（ｘ１，ｙ１）（ｘ２，ｙ２）の点４０５Ａ、４０５Ｂが得られる。同様に、図形データ２０１の座標系にて、図形表示範囲４０２の対角線の両端点４０２Ａ、４０２Ｂの座標（Ｘｍｉｎ，Ｙｍｉｎ）（Ｘｍａｘ，Ｙｍａｘ）を求め、これを画面の図形表示領域２０２の座標系に変換すると、座標（ｘｍｉｎ，ｙｍｉｎ）（ｘｍａｘ，ｙｍａｘ）の点４０６Ａ、４０６Ｂが得られる。こうして図形４０１は画面上の図形４０５に拡大され、図形表示領域４０２は画面上の図形表示領域４０６に拡大される。
【００１８】
図４を参照して、図形３０１の反応領域の定義を説明する。図形データに図示にような形状の図形３０１が含まれている場合、原則として図形３０１に外接する四角形３０３を反応領域と定義する。外接する四角形３０３は、以下に説明するように図形３０１の座標より求められる。
【００１９】
図形３０１の頂点座標データ等から、X座標の最大値Xmax及び最小値Xmin、Y座標の最大値Ymax及び最小値Yminを求める。左下を原点とする座標系では、外接四角形３０３の左下の座標は(Xmin,Ymin)であり、外接四角形３０３の右上の座標は(Xmax,Ymax)となる。従って、２点(Xmax,Ymax)及び(Xmin,Ymin)を対角線の頂点とする四角形３０３が反応領域である。
【００２０】
尚、左上を原点とする座標系では、四角形３０３の左上の座標は、(Xmin,Ymin)であり、四角形３０３の右下の座標は、(Xmax,Ymax)である。
図形３０１に外接する四角形３０３を反応領域とすると不適当な場合には、例えば、内接する四角形３０２を反応領域とするなど図形ごとに個別の反応領域としてもよい。
【００２１】
この反応領域は、後述する図形選択処理において、この図形３０１を選択対象とするのか否かを判定するのに使用し、指定した座標又はクリックした点が図形３０１の領域内にあるか否かの判定は図形３０１そのものを用いる。
図形データのデータ構造および座標系については適応する図形表示装置の目的に合わせて定義するものとする。
【００２２】
図５、図６及び図７を参照して、図形選択処理部１２における図形選択の処理を説明する。先ず、ステップＳ６０１にて、図形選択に先立ち、ユーザは、表示しようとする図形が所定の大きさになるように拡大又は縮小表示する。ユーザが表示しようとして選択した図形が、図形表示領域２０２と比較して十分小さいとき又は十分大きいときには、選択した図形の反応領域はクリックに対して無反応となるように構成してよい。従って、ユーザは、表示しようとする図形の反応領域がクリックに対して反応するように、所定の大きさになるように図形を含む領域を拡大又は縮小する。また、この拡大縮小処理によって、次のステップにおけるユーザの図形選択処理が容易化される。
【００２３】
図６Ａに示すように、ユーザは、表示しようとする図形を含む領域５０１をドラッグ操作によって指定する。ドラッグ操作によって指定された領域５０１の縦横比は、表示装置の画面の図形表示領域２０２の縦横比と同一となる。
【００２４】
図６Ｂに示すように、指定領域５０１は図形表示領域２０２上の座標系にて拡大される。拡大表示された指定領域５０２は、図形表示領域２０２の寸法に適合して表示される。
【００２５】
指定領域５０１の拡大縮小表示処理は、次の図形選択の処理の準備操作である。ユーザが選択すべき図形の寸法が、適当な寸法であれば、ステップＳ６０１を省略してもよい。
【００２６】
次に、ステップＳ６０２にて、ユーザは、入力装置２２を操作することによって、図形表示領域２０２より拡大表示したい図形を選択し、その図形内の任意の位置をクリックする。
【００２７】
ステップＳ６０３にて、図形表示処理部１１は、クリックした図形表示領域２０２の座標系を図形データ２０１の座標系に座標変換する。こうして座標変換を行うことによって、後の処理にて図形データ２０１の図形の寸法と図形表示領域２０２の寸法を比較するとき、図形データ２０１の座標上にて行われる。
【００２８】
ステップＳ６０４にて、図形選択処理部１２は、記憶装置２４に格納されている図形データの中からユーザが指定した座標を含む図形を選択する。例えば、図２にて、ユーザが図形７０１を表示しようとして、図形７０１内の任意の点Ｐをクリックすると、点Ｐを含む複数の図形７０１と７０２が選択される。図形の選択には、図４を参照して説明したように、ユーザが指定した座標を含む反応領域３０２ではなく、その座標を含む図形３０１を用いる。
【００２９】
ステップＳ６０５にて、選択された複数の図形から表示すべき図形をさらに絞込む。例えば、図２にて、２つの図形７０１と７０２が選択されると、大きい図形７０２は、図形表示領域２０２内に表示することができないため選択対象から除去する必要がある。
【００３０】
図７を参照して、ステップＳ６０５の絞り込み処理を具体的に説明する。図形表示領域２０２の寸法に対する図形３０１の反応領域３０２の寸法の比が一定の範囲内にある場合にこの図形３０１を選択対象として採用し、それ以外は選択対象外とする。寸法の比として、例えば面積比を使用してよい。
図形表示領域２０２の面積に対する図形３０１の反応領域３０２の面積の比がα〜βの範囲内であればその図形３０１を選択対象とする。
【００３１】
寸法の比として、高さ及び幅の比を使用してもよい。例えば図形表示領域２０２の高さをＨ、幅をＷとする。図形表示領域２０２上の座標系で求めた図形３０１の反応領域３０２の高さをｈ、幅をｗとする。
高さの比ｈ／Ｈ又は幅の比ｗ／Ｗのどちらかがα以上かつ両方がβ以下の図形を選択対象としてよい。
【００３２】
ここでα＜βとする。大きさを表現する方法および、α、βの具体的な値については、扱う図形の性質によって適切な値を設定する。αとして０．３、ベータとして１．０であってよい。
【００３３】
この選択処理によって、図形表示領域２０２に対して、比較的大きい図形と小さい図形が除外される。本例では、図形３０１の反応領域３０２の寸法を図形表示領域２０２の寸法と比較することによって選択処理を行う。図形３０１の反応領域３０２の寸法は、上述のようにステップＳ６０１における拡大縮小処理の結果として得られる。従って、ユーザの自由な拡大縮小処理に応じて、選択対象となる図形のフィルタリングを行うことができ、操作性の向上を図ることができる。
【００３４】
ステップＳ６０６にて、複数の選択対象となった図形より、図形の反応領域３０２の大きさが最も大きい図形を選択対象する。
ここでは、ステップＳ６０５の図形絞込み処理で用いた方法と同様に、面積の比、高さの比、幅の比等を使用してもよい。例えば高さと幅の比ｈ／ｗとＨ／Ｗを用いた場合に、図形の２辺長（ｈ＋ｗ）を用いてもよい。
【００３５】
同一座標で選択可能な図形が複数ある場合、選択された図形がユーザの意図した図形ではなかった場合は、同一座標の近傍をクリックすることによって、次に大きな図形を選択し、はじめに選択されていた図形の選択状態を解除する。
【００３６】
これを選択対象の図形の数だけ順に繰り返し、選択可能な図形がなくなった場合は、最も大きい図形に戻ってこれを繰り返す。
選択対象となった図形は、図形表示処理部１１によって、強調表示されることによって、ユーザに選択した図形がわかるようにする。
【００３７】
以上本発明の例を説明したが、本発明は上述の例に限定されるものではなく、特許請求の範囲に記載された発明の範囲にて様々な変形が可能であることは当業者に理解されよう。
【００３８】
例えば、本発明は、図形処理システムだけではなく、自治体などの情報を表示するようなシステムに適用可能である。例えば、都道府県、市町村、又は地域を選択することができる表示システムにおいて、市町村内の地域を選択した場合に、拡大表示によってその地域を適度な大きさに表示し、一度の選択操作でその地域を画面に表示することができる。
【００３９】
【発明の効果】
本発明によると、ユーザがある図形を選択しようとして画面上をクリックしたとき、意図しない寸法の図形が表示されることなく適正な寸法の図形が表示される効果がある。
【００４０】
本発明によると、ユーザが画面上の複数の図形から所定の図形を選択表示する図形表示方法において、領域毎又は階層毎の図形データを用意する必要がない効果がある。
【００４１】
本発明によると、画面上に複数の図形が表示されている場合でも、ユーザは、表示される図形候補を予め知ることができる効果がある。
【図面の簡単な説明】
【図１】本発明の図形処理システムの概略構成を示すブロック図である。
【図２】本発明における図形デ−タと表示装置の画面の図形表示領域の関係を示す図である。
【図３】本発明における図形データの図形を拡大して表示装置の画面の図形表示領域に表示する方法を説明するための説明図である。
【図４】本発明における図形とその反応領域を説明するための図である。
【図５】本発明において選択図形を決定する処理を説明するための流れ図を示す。
【図６】本発明の図形選択処理に先立って図形を拡大操作する処理を説明するための説明図である。
【図７】本発明の図形選択処理において、図形を選択する方法を説明するための説明図である図である。
【符号の説明】
１０…中央処理装置、１１…図形表示処理部、１２…図形選択処理部、１３…図形編集処理部、２１…表示装置、２２Ａ…キーボード装置、２２Ｂ…マウス装置、２４…記憶装置、１０１…画面、２０１…図形データ、２０２…図形表示領域、２０３…メニューバー表示領域、２０４…ツールバー表示領域、３０１…図形、３０２…反応領域、３０３…図形に外接する四角形、４０１…図形、４０２…図形表示範囲、４０５…拡大された図形、４０６…拡大された図形表示範囲、５０１…指定領域、５０２…拡大後の表示領域

Claims

座標系と少なくとも１つの図形を含む図形データから所定の図形表示範囲を切り取って、表示装置の画面に表示する表示ステップと、
ユーザが上記表示装置に表示された画面内の点を指定したとき、該画面の座標系を上記図形データの座標系に変換するための座標変換ステップと、
上記画面内のユーザが指定した点の座標を含む図形を、上記図形データに含まれる図形より抽出する図形抽出ステップと、
該抽出した図形の反応領域の寸法又は面積と上記表示装置の画面の寸法又は面積とを、上記図形データの座標上にて比較して、図形候補を選択する図形候補選択ステップと、
該図形候補より図形の反応領域の寸法又は面積が最大の図形を上記表示装置の画面に表示すべき図形として決定するための図形決定ステップと、
該決定された図形を上記表示装置の画面に表示するための図形表示ステップと、を含み、上記図形の反応領域は、上記図形候補選択ステップにおいて、図形候補を選択するために設定された領域であって、図形毎に設定されていることを特徴とする図形表示方法。
請求項１記載の図形表示方法において、上記図形候補選択ステップは、上記画面の寸法又は面積よりも大きい寸法又は面積を有する図形以外の図形を図形候補として選択することを特徴とする図形表示方法。
請求項１記載の図形表示方法において、上記図形候補選択ステップは、上記画面の寸法に対する上記反応領域の寸法の比が所定の範囲内にある図形を図形候補として選択することを特徴とする図形表示方法。
請求項１記載の図形表示方法において、上記図形候補選択ステップは、上記画面の面積に対する上記反応領域の面積の比が所定の範囲内にある図形を図形候補として選択することを特徴とする図形表示方法。