(57)【要約】【課題】重畳状態で表示されている部品の選択を容易にする。【解決手段】ＷＹＳＩＷＹＧ形式の図形編集装置において、編集画面１００の編集領域１００Ｂでカーソル１１０が所定時間停止すると、編集領域１００Ｂに配置された各部品の重畳状態を含むレイアウト情報が参照され、カーソル１１０が指し示す位置の最前面にある部品（指示部品）が特定される。また、レイアウト情報が再度参照され、指示部品に少なくとも一部が重畳する部品が抽出され、指示部品及び抽出部品が列挙された部品リスト１００Ｃが表示される。即ち、カーソル１１０が指し示す位置にある部品だけではなく、その部品に少なくとも一部が重畳している部品の一覧が提示される。そして、部品リスト１００Ｃから任意の部品が選択されると、その部品が最前面に位置するように、レイアウト情報及び部品表示が更新される。【選択図】図７
2012014560.tif 000002
【特許請求の範囲】
【請求項１】
表示装置、ポインティングデバイス、及び、図形を構成する各部品の重畳状態を含むレイアウト情報が格納されたストレージを有するコンピュータに、
前記ストレージのレイアウト情報を参照し、前記ポインティングデバイスにより操作されるカーソルが指し示す部品、及び、該部品に少なくとも一部が重畳する部品のリストを生成するステップと、
前記表示装置に前記リストを表示させるステップと、
前記リストから部品が選択されたときに、選択された部品が最前面に位置するように、前記ストレージのレイアウト情報における重畳状態及び前記表示装置の部品表示を更新するステップと、
を実現させるための図形編集プログラム。
【請求項２】
前記部品のリストを生成するステップは、前記カーソルが所定時間停止したときにリストを生成することを特徴とする請求項１記載の図形編集プログラム。
【請求項３】
前記部品のリストを生成するステップは、各部品の重畳状態に則って、前記リストの部品をソートすることを特徴とする請求項１又は請求項２に記載の図形編集プログラム。
【請求項４】
表示装置、ポインティングデバイス、及び、図形を構成する各部品の重畳状態を含むレイアウト情報が格納されたストレージを有するコンピュータが、
前記ストレージのレイアウト情報を参照し、前記ポインティングデバイスにより操作されるカーソルが指し示す部品、及び、該部品に少なくとも一部が重畳する部品のリストを生成するステップと、
前記表示装置に前記リストを表示させるステップと、
前記リストから部品が選択されたときに、選択された部品が最前面に位置するように、前記ストレージのレイアウト情報における重畳状態及び前記表示装置の部品表示を更新するステップと、
を実行することを特徴とする図形編集方法。
【請求項５】
複数の部品からなる図形を表示する表示装置と、
カーソルを操作するためのポインティングデバイスと、
前記図形を構成する部品の重畳状態を含むレイアウト情報が格納されるストレージと、
前記ストレージのレイアウト情報を参照し、前記カーソルが指し示す部品、及び、該部品に少なくとも一部が重畳する部品のリストを生成するリスト生成部と、
前記表示装置に前記リストを表示させるリスト表示部と、
前記リストから部品が選択されたときに、選択された部品が最前面に位置するように、前記ストレージのレイアウト情報における重畳状態及び前記表示装置の部品表示を更新する部品再配置部と、
を有することを特徴とする図形編集装置。
【発明の詳細な説明】
【技術分野】
【０００１】
本発明は、図形を編集する図形編集技術に関する。
【背景技術】
【０００２】
ＷＹＳＩＷＹＧ（What You See Is What You Get）形式の図形編集装置（エディタ）の一例として、部品一覧から部品を選択しつつ配置し、Ｗｅｂコンテンツを編集するものが知られている。かかる図形編集装置では、例えば、操作ミスにより部品を重ねて配置してしまったり、レイアウトに応じて複数の部品を重ねて配置することがある。この場合、最前面に表示されている部品の背後に隠れている部品を選択したいとき、例えば、選択対象たる部品が表示されるように、最前面に表示されている部品を一旦移動するなどの煩雑な操作を行わなければならない。このため、部品の選択操作を容易にするため、カーソルが指し示す位置にある部品をリスト形式で表示し、リストから所望の部品を１操作で選択できるようにした技術が提案されている。
【先行技術文献】
【特許文献】
【０００３】
【特許文献１】特開２０００−２０７０８７号公報
【発明の概要】
【発明が解決しようとする課題】
【０００４】
しかしながら、従来の図形編集装置では、例えば、最前面に表示されている部品の背後に小さな部品が完全に隠れている場合、小さな部品の配置位置が視認できないことから、小さな部品がある位置をカーソルで指し示すことが容易でなかった。このため、最前面に表示されている部品の背後に完全に隠れている部品については、相変わらず、選択が困難であった。
【０００５】
そこで、本発明は従来の問題点に鑑み、重畳状態で表示されている部品の選択を容易にした技術を提供することを目的とする。
【課題を解決するための手段】
【０００６】
このため、図形を構成する各部品の重畳状態を含むレイアウト情報が格納されたストレージを有するコンピュータが、レイアウト情報を参照して、カーソルが指し示す部品、及び、この部品に少なくとも一部が重畳する部品のリストを生成する。また、コンピュータが、表示装置にリストを表示させる。そして、コンピュータが、リストから部品が選択されたときに、選択された部品が最前面に位置するように、ストレージのレイアウト情報における重畳状態及び表示装置の部品表示を更新する。
【発明の効果】
【０００７】
１つの態様では、表示装置の最前面に表示されている部品の背後に隠れている部品も選択対象とすることができ、重畳状態で表示されている部品の選択を容易にすることができる。
【図面の簡単な説明】
【０００８】
【図１】図形編集装置の一例を示す機能構成図である。
【図２】ＷＹＳＩＷＹＧ形式の編集画面の説明図である。
【図３】レイアウト情報の一例を示すデータ構造図である。
【図４】部品配置処理の一例を示すフローチャートである。
【図５】リスト表示処理のメインルーチンの一例を示すフローチャートである。
【図６】リスト表示処理のサブルーチンの一例を示すフローチャートである。
【図７】部品リストが表示された編集画面の説明図である。
【図８】部品再配置処理の一例を示すフローチャートである。
【図９】実施例における編集画面の説明図である。
【図１０】実施例におけるレイアウト情報の説明図である。
【図１１】実施例における部品リストが表示された編集画面の説明図である。
【図１２】実施例におけるレイアウト情報の更新状態を示す説明図である。
【図１３】実施例における編集画面の更新状態を示す説明図である。
【発明を実施するための形態】
【０００９】
以下、添付された図面を参照し、本発明を実施するための実施形態について詳細に説明する。
図１は、本実施形態における図形編集装置の一例を示す。
【００１０】
図形編集装置１０は、マウスなどのポインティングデバイス２０と、ＬＣＤ（Liquid Crystal Display）などの表示装置３０と、を接続したコンピュータ４０により構築される。コンピュータ４０は、ハードディスクなどのストレージにインストールされた図形編集プログラムを実行することで、部品配置部５０，停止判定部６０，リスト生成部７０，リスト表示部８０及び部品再配置部９０を夫々具現化する。なお、図形編集プログラムは、公知の手段を用いて、ＣＤ−ＲＯＭ（Compact Disk Read Only Memory），ＤＶＤ−ＲＯＭ（Digital Versatile Disk Read Only Memory）などのコンピュータ読取可能な記録媒体からストレージにインストールされる。
【００１１】
部品配置部５０は、図２に示すような編集画面１００において、ポインティングデバイス２０と表示装置３０とが協働したＷＹＳＩＷＹＧ形式で、部品一覧１００Ａから部品を選択しつつ編集領域１００Ｂに配置するための機能を提供する。停止判定部６０は、編集画面１００の編集領域１００Ｂで、カーソル１１０が所定時間停止したか否かを判定する。リスト生成部７０は、停止判定部６０によりカーソル１１０が所定時間停止したと判定されたときに、カーソル１１０が指し示す部品に少なくとも一部が重畳している部品のリストを生成する。リスト表示部８０は、リスト生成部７０により生成されたリストを表示装置３０に表示させる。部品再配置部９０は、表示装置３０に表示されているリストから部品が選択されたときに、表示装置３０に表示されている部品の再配置を行う。
【００１２】
また、コンピュータ４０は、ハードディスクなどのストレージ１２０に、部品配置部５０により配置された部品のレイアウト情報１３０を格納する。レイアウト情報１３０は、図３に示すように、部品を特定するための部品名称などの部品識別子と、部品の配置位置を特定するための基点座標，幅，高さ及び重畳順序と、が関連付けられたレコードの集合である。ここで、基点座標は、部品の基準位置を特定するための情報であって、例えば、部品を囲む最小矩形の左上座標である。また、重畳順序は、少なくとも一部が重畳している部品の重なり順序（重畳状態）を特定するための情報であって、例えば、最前面に位置する部品から最背面に位置する部品について昇順に番号が順次付される。なお、レイアウト情報１３０に同一名称の部品が複数登録されているときには、例えば、部品Ａ（１），部品Ａ（２）など、部品識別子の後に通し番号を付すことで、各部品を区別できるようにすればよい。
【００１３】
図４は、図２に示す編集画面１００において部品一覧１００Ａから選択された部品が編集領域１００Ｂに配置されたことを契機として、部品配置部５０が実行する部品配置処理の一例を示す。
【００１４】
ステップ１（図では「Ｓ１」と略記する。以下同様。）では、部品配置部５０が、編集画面１００の編集領域１００Ｂに配置された部品（以下「配置部品」という）をストレージ１２０のレイアウト情報１３０に登録する。即ち、部品配置部５０は、配置部品の部品識別子に対して、配置部品の基点座標，幅，高さ及び重畳順序を関連付けたレコードを生成し、このレコードをレイアウト情報１３０の最後に追加登録する。このとき、配置部品の重畳順序は、配置済みの各部品のレイアウト情報１３０を参照して適宜決定すればよい。
【００１５】
このような部品配置処理によれば、ＷＹＳＩＷＹＧ形式でユーザが部品を配置すると、配置部品のレイアウト情報１３０がストレージ１２０に登録される。このため、ストレージ１２０のレイアウト情報１３０を参照すれば、配置済みの部品のレイアウト情報１３０を取得することができる。
【００１６】
図５は、図形編集装置１０が起動されたことを契機として、停止判定部６０，リスト生成部７０及びリスト表示部８０が協働して繰り返し実行するリスト表示処理のメインルーチンの一例を示す。
【００１７】
ステップ１１では、停止判定部６０が、例えば、イベントメッセージを解析することで、カーソル１１０が所定時間（例えば数秒）停止しているか否かを判定する。そして、停止判定部６０は、カーソル１１０が所定時間停止していると判定すれば処理をステップ１２へと進める一方（Ｙｅｓ）、カーソル１１０が所定時間停止していないと判定すれば処理を終了させる（Ｎｏ）。なお、カーソル１１０の停止判定を行う所定時間は、ユーザの便宜に資するため、任意に設定できるようにしてもよい。
【００１８】
ステップ１２では、リスト生成部７０が、ストレージ１２０のレイアウト情報１３０を参照し、カーソル１１０が指し示す位置にある部品であって、最前面に表示されている部品（以下「指示部品」という）を特定する。
【００１９】
ステップ１３では、リスト生成部７０が、指定部品を特定できたか否か、即ち、カーソル１１０が部品を指し示しているか否かを判定する。そして、リスト生成部７０は、指定部品を特定できたと判定すれば処理をステップ１４へと進める一方（Ｙｅｓ）、指定部品を特定できないと判定すれば処理を終了させる（Ｎｏ）。
【００２０】
ステップ１４では、リスト生成部７０が、カーソル１１０が指し示す部品に少なくとも一部が重畳している部品が列挙された部品リストを作成するサブルーチンを実行する。
ステップ１５では、リスト表示部８０が、部品リストに複数の部品が登録されているか否か、即ち、部品が重畳状態で配置されているか否かを判定する。そして、リスト表示部８０は、部品リストに複数の部品が登録されていると判定すれば処理をステップ１６へと進める一方（Ｙｅｓ）、部品リストに複数の部品が登録されていないと判定すれば処理を終了させる（Ｎｏ）。
【００２１】
ステップ１６では、リスト表示部８０が、部品リストを表示装置３０に表示させる。
図６は、リスト生成部７０が実行するリスト表示処理のサブルーチンの一例を示す。
ステップ３１では、リスト生成部７０が、例えば、メモリ上に空の部品リストを作成する。
【００２２】
ステップ３２では、リスト生成部７０が、ストレージ１２０のレイアウト情報１３０を参照し、指示部品の位置情報（基点座標，幅，高さ及び重畳順序）を取得する。
ステップ３３では、リスト生成部７０が、ストレージ１２０のレイアウト情報１３０を参照し、指定部品を除く他の部品を順次選定する。
【００２３】
ステップ３４では、リスト生成部７０が、ストレージ１２０のレイアウト情報１３０を参照し、ステップ３３で選定された部品（以下「選定部品」という）の位置情報を取得する。
【００２４】
ステップ３５では、リスト生成部７０が、例えば、基点座標に幅，高さを加算することで、選定部品の４つの端点を算出する。即ち、選定部品の基点座標が（ｘ１，ｙ１）、幅がｗ１、高さがｈ１であるとき、４つの端点として（ｘ１，ｙ１）、（ｘ１＋ｗ１，ｙ１）、（ｘ１，ｙ１＋ｈ１）及び（ｘ１＋ｗ１，ｙ１＋ｈ１）が算出される。
【００２５】
ステップ３６では、リスト生成部７０が、例えば、選定部品の各端点が指定部品の配置領域にあるか否かを介して、選定部品の各端点のいずれかが指定部品に包含されているか否かを判定する。そして、リスト生成部７０は、選定部品の各端点のいずれかが指定部品に包含されていると判定すれば処理をステップ３７へと進める一方（Ｙｅｓ）、選定部品の各端点のいずれも指定部品に包含されていないと判定すれば処理をステップ３８へと進める（Ｎｏ）。
【００２６】
ステップ３７では、リスト生成部７０が、選定部品を特定するための部品名称を部品リストに追加する。
ステップ３８では、リスト生成部７０が、ストレージ１２０のレイアウト情報１３０を参照し、レイアウト情報１３０の全部品について処理したか否かを判定する。そして、リスト生成部７０は、全部品について処理したと判定すれば処理をステップ３９へと進める一方（Ｙｅｓ）、全部品について処理していないと判定すれば処理をステップ３３へと戻す（Ｎｏ）。
【００２７】
ステップ３９では、リスト生成部７０が、例えば、部品の重畳順序に則って、部品リストをソートする。このとき、部品リストに同一名称の部品が複数登録されていれば、例えば、部品Ａ（１）、部品Ａ（２）など、部品名称の後に通し番号を付すことで、各部品を区別できるようにすればよい。
【００２８】
このようなリスト表示処理によれば、編集画面１００の編集領域１００Ｂにおいて、カーソル１１０が所定時間停止すると、ストレージ１２０のレイアウト情報１３０が参照され、カーソル１１０が指し示す指示部品が特定される。また、ストレージ１２０のレイアウト情報１３０が参照され、指示部品に少なくとも一部が重畳している部品が抽出される。そして、指示部品及び抽出部品が列挙された部品リストが生成され、図７に示すように、編集画面１００に部品リスト１００Ｃが表示される。
【００２９】
このとき、カーソル１１０が所定時間停止したときに部品リスト１００Ｃが表示されるため、カーソル１１０の移動軌跡にある部品が選択対象となることを回避できる。また、部品リスト１００Ｃの部品は、部品の重畳順序に則ってソートされるので、実際の重なり具合が反映されたリストとすることができる。
【００３０】
なお、部品リスト１００Ｃは、例えば、カーソル１１０を部品から移動したり、ポインティングデバイス２０としてのマウスをクリックするなどの操作を行うことで閉じられる。
【００３１】
図８は、図７に示す部品リスト１００Ｃから任意の部品が選択されたことを契機として、部品再配置部９０が実行する部品再配置処理の一例を示す。ここで、部品の選択は、例えば、ポインティングデバイス２０又はキーボードなどで行われる。
【００３２】
ステップ４１では、部品再配置部９０が、選択された部品（以下「選択部品」という）が最前面に位置するように、ストレージ１２０のレイアウト情報１３０を更新する。即ち、部品再配置部９０は、選択部品の重畳順序を「１」に設定すると共に、他の部品の重畳順序を適宜変更することで、レイアウト情報１３０を更新する。
【００３３】
ステップ４２では、部品再配置部９０が、ストレージ１２０のレイアウト情報１３０を参照し、選択部品が最前面に表示されるように、編集画面１００の編集領域１００Ｂに表示されている部品表示を更新する。
【００３４】
このような部品再配置処理によれば、部品リスト１００Ｃから部品が選択されると、その部品が最前面に位置するように、ストレージ１２０のレイアウト情報１３０及び編集領域１００Ｂの部品表示が更新される。
【００３５】
従って、本実施形態における図形編集装置１０によれば、カーソル１１０が所定時間停止していれば、選択対象の部品として、カーソル１１０が指し示す位置にある部品だけではなく、指示部品に少なくとも一部が重畳している部品の一覧が提示される。よって、最前面に表示されている部品の背後に完全に隠れている部品も選択対象とすることができ、重畳状態で表示されている部品の選択を容易にすることができる。
【００３６】
次に、本実施形態における図形編集装置１０の理解を容易ならしめることを目的として、具体的な事例を想定した実施例について説明する。
実施例の前提条件として、図９に示すように、部品Ａの背後に部品Ｃ（１）及び部品Ｃ（２）が重畳状態で完全に隠れている図形を考える。また、部品Ａ，Ｃ（１）及びＣ（２）のレイアウト情報１３０として、ストレージ１２０には、図１０に示すようなレイアウト情報１３０が格納されているものとする。そして、ポインティングデバイス２０を操作し、カーソル１１０を部品Ａの右下部（座標：30,37）に移動して所定時間停止させたものとする。
【００３７】
コンピュータ４０は、レイアウト情報１３０を参照し、カーソル１１０が指し示す位置（座標：30,37）にある部品のうち、最前面に位置する指示部品を特定する。ここでは、部品Ａが座標（10,10）及び座標（40,40）で区画される矩形領域に配置され、かつ、部品Ａの重畳順序が１であるため、カーソル１１０が指し示す指示部品として部品Ａが特定される。なお、指示部品としての部品Ａは、選択対象の１つとして部品リスト１００Ｃに登録される。
【００３８】
次に、コンピュータ４０は、レイアウト情報１３０を参照し、部品Ａに少なくとも一部が重畳する部品を特定する。即ち、コンピュータ４０は、レイアウト情報１３０を参照し、部品Ａとは異なる部品Ｃ（１）を選定し、部品Ｃ（１）の４つの端点（25,25)、（35,25）、（25,35）及び（35,35）を算出する。また、コンピュータ４０は、部品Ｃ（１）の各端点（x,y）について、部品Ａに対して「10（基点ｘ座標）≦x≦10（基点ｘ座標）+30（幅）かつ10（基点ｙ座標）≦y≦10（基点ｙ座標）+30（高さ）」という不等式が成立するか否かを判定する。部品Ｃ（１）は、４つの端点の全てについて前記不等式が成立するので、部品リスト１００Ｃに部品Ｃ（１）が登録される。同様にして、部品リスト１００Ｃに部品Ｃ（２）も登録される。その後、コンピュータ４０は、レイアウト情報１３０の重畳順序に則って部品リスト１００Ｃを必要に応じてソートし、図１１に示すように、編集画面１００に部品リスト１００Ｃを表示させる。
【００３９】
編集画面１００に表示された部品リスト１００Ｃから、例えば、ポインティングデバイス２０を使用して部品Ｃ（２）を選択すると、コンピュータ４０は、図１２に示すように、レイアウト情報１３０における部品Ｃ（２）の重畳順序を１に書き換える。また、コンピュータ４０は、レイアウト情報１３０における部品Ａ及び部品Ｃ（１）の重畳順序を順次繰り下げる。そして、コンピュータ４０は、編集画面１００に表示された部品表示を、図１３に示すように、部品Ｃ（２）が最前面に位置するように更新する。
【００４０】
なお、以上の実施例を含む実施形態では、部品の配置領域を矩形で特定したが、例えば、三角形など矩形で特定することが適切でない場合には、部品形状に適合したレイアウト情報とすればよい。この場合、２つの部品間の重畳判定は、公知の方法で行うようにすればよい。
【００４１】
以上の実施例を含む実施形態に関し、更に以下の付記を開示する。
（付記１）表示装置、ポインティングデバイス、及び、図形を構成する各部品の重畳状態を含むレイアウト情報が格納されたストレージを有するコンピュータに、前記ストレージのレイアウト情報を参照し、前記ポインティングデバイスにより操作されるカーソルが指し示す部品、及び、該部品に少なくとも一部が重畳する部品のリストを生成するステップと、前記表示装置に前記リストを表示させるステップと、前記リストから部品が選択されたときに、選択された部品が最前面に位置するように、前記ストレージのレイアウト情報における重畳状態及び前記表示装置の部品表示を更新するステップと、を実現させるための図形編集プログラム。
【００４２】
（付記２）前記部品のリストを生成するステップは、前記カーソルが所定時間停止したときにリストを生成することを特徴とする付記１記載の図形編集プログラム。
【００４３】
（付記３）前記所定時間は、ユーザにより任意に設定可能であることを特徴とする付記２記載の図形編集プログラム。
【００４４】
（付記４）前記部品のリストを生成するステップは、各部品の重畳状態に則って、前記リストの部品をソートすることを特徴とする付記１〜付記３のいずれか１つに記載の図形編集プログラム。
【００４５】
（付記５）前記部品のリストを生成するステップは、同一名称の部品が複数あるとき、各部品に通し番号を付すことを特徴とする付記１〜付記４のいずれか１つに記載の図形編集プログラム。
【００４６】
（付記６）表示装置、ポインティングデバイス、及び、図形を構成する各部品の重畳状態を含むレイアウト情報が格納されたストレージを有するコンピュータが、前記ストレージのレイアウト情報を参照し、前記ポインティングデバイスにより操作されるカーソルが指し示す部品、及び、該部品に少なくとも一部が重畳する部品のリストを生成するステップと、前記表示装置に前記リストを表示させるステップと、前記リストから部品が選択されたときに、選択された部品が最前面に位置するように、前記ストレージのレイアウト情報における重畳状態及び前記表示装置の部品表示を更新するステップと、を実行することを特徴とする図形編集方法。
【００４７】
（付記７）複数の部品からなる図形を表示する表示装置と、カーソルを操作するためのポインティングデバイスと、前記図形を構成する部品の重畳状態を含むレイアウト情報が格納されるストレージと、前記ストレージのレイアウト情報を参照し、前記カーソルが指し示す部品、及び、該部品に少なくとも一部が重畳する部品のリストを生成するリスト生成部と、前記表示装置に前記リストを表示させるリスト表示部と、前記リストから部品が選択されたときに、選択された部品が最前面に位置するように、前記ストレージのレイアウト情報における重畳状態及び前記表示装置の部品表示を更新する部品再配置部と、を有することを特徴とする図形編集装置。
【符号の説明】
【００４８】
１０  図形編集装置
２０  ポインティングデバイス
３０  表示装置
４０  コンピュータ
６０  停止判定部
７０  リスト生成部
８０  リスト表示部
９０  部品再配置部
１００  編集画面
１００Ｂ  編集領域
１００Ｃ  部品リスト
１１０  カーソル
１２０  ストレージ
１３０  レイアウト情報
【図１】
2012014560.tif 000003
【図２】
2012014560.tif 000004
【図３】
2012014560.tif 000005
【図４】
2012014560.tif 000006
【図５】
2012014560.tif 000007
【図６】
2012014560.tif 000008
【図７】
2012014560.tif 000009
【図８】
2012014560.tif 000010
【図９】
2012014560.tif 000011
【図１０】
2012014560.tif 000012
【図１１】
2012014560.tif 000013
【図１２】
2012014560.tif 000014
【図１３】
2012014560.tif 000015