JP5146412B2

JP5146412B2 - 表示画面作成装置

Info

Publication number: JP5146412B2
Application number: JP2009147842A
Authority: JP
Inventors: 朝厚岩城
Original assignee: Mitsubishi Electric Corp
Current assignee: Mitsubishi Electric Corp
Priority date: 2009-06-22
Filing date: 2009-06-22
Publication date: 2013-02-20
Anticipated expiration: 2029-06-22
Also published as: JP2011003145A

Description

この発明は表示画面作成装置、特にポインティングデバイスを使用して描画部品を配置することで、プログラマブル表示器などに用いられる表示画面を作成する表示画面作成装置に関するものである。

近年コンピュータのアプリケーション操作を行うためのインタフェースはＧＵＩ（Graphical User Interface）になっており、ユーザが操作を行うにはマウスやキーボードなどのポインティングデバイスを利用することが一般的である。

そして、オブジェクト設定機能を備えたアプリケーションにおいては、特に画面上における描画部品の「配置」を指定する場合、マウスを利用することが多い。又、マウスを用いて画面に描画部品を配置する際に役立つ機能としては、ガイドライン表示機能がある。

図９は、従来のガイドライン表示機能を備えたアプリケーションにおける作業用画面の一例である。１１はアプリケーションで実行可能な操作の一覧を示すメニュー表示部、１２および１３はアプリケーションで実行可能な操作をアイコンで示すツールバー表示部であり、１２は一般的なアプリケーションにおいてほぼ共通的なイメージに統一されているプロジェクト操作アイコンを有するツールバー、１３は前記アプリケーション例で特有の整列アイコンを有するツールバーである。なお、一般的にツールバーの表示位置はユーザの任意の位置に配置可能である。

又、１４は描画部品を配置する為の作業用画面、１５は配置された描画部品を示している。１６は描画部品を配置する際に表示されるガイドラインであり、このガイドラインに沿って描画部品を配置することで複数の描画部品の縦位置を合わせて配置することができる。尚、１７はマウスポインタを示している。

しかし、この図に示す従来のガイドライン表示機能では、描画部品を等間隔に配置することはできない。

図１０−１、図１０−２は、他の従来のアプリケーションを用いて等間隔配置を行う手順の一例を示している。図１０−１に示すように、まず対象の描画部品を画面に配置する。配置後、等間隔配置したい描画部品２１，２２，２３をマウスを用いて選択し、ツールバーから「均等配列」ボタン２４を選択、或いは、メニューから「均等配列」２５を選択する。図１０−２は、等間隔配置を実施した作業用画面の例である。描画部品２１、２３を基準とし、等間隔に配置される位置に描画部品２２が移動している（特許文献１参照）。

特開２００２−０２３９１０号公報

上記のとおり、従来のアプリケーションにて等間隔配置を行う場合、描画部品を一度作業用画面に配置し、等間隔配置したい描画部品を全て選択（第一の選択操作）した後に、メニューやツールバーから「均等整列」を選択（第二の選択操作）する必要があったので、手間がかかり、作業効率が悪かった。

また、すでに等間隔配置されている描画部品郡に対して、更に描画部品を端に追加配置する場合、これら描画部品全てを選択して「均等配列」を選択すると、両端の描画部品を基準として移動する為、両端以外の全ての描画部品の座標が変化する可能性があった。すなわち、描画部品を端に追加して等間隔配置する場合には、すでに等間隔配置されている他の描画部品の位置に合わせて個別に位置を修正しなくてはならないという問題があった。

さらに、各描画部品の決められた一点（左上端、中心点など）を基準として座標計算を行うため、大きさや形の異なる描画部品を等間隔配置できないなど、配置における自由度が低かった。

この発明は、かかる問題点を解決するためになされたもので、作業用画面上に描画部品を配置する際、一直線上に配置されている２つ以上の他の描画部品と等間隔配置できる位置にガイドラインを表示することを目的とする。

この発明に係る表示画面作成装置は、作業用画面上に外部からの指示に基づいて複数の描画部品を配置することで表示用の画面を作成する表示画面作成装置であって、上記作業用画面を表示する表示手段と、上記複数の描画部品それぞれの位置に関する情報を記憶する記憶手段と、外部から上記描画部品の移動の指示を受け付ける入力手段と、上記外部からの指示で移動対象とされた描画部品とは異なる複数の描画部品が上記作業用画面に一直線上に配置されている場合に、上記記憶手段に記憶されている情報に基づいて、上記移動対象とされた描画部品と上記一直線上に配置されている複数の描画部品のいずれかとの間隔が、上記一直線上に配置されている複数の描画部品間の間隔と所望の比率になる位置を計算する計算手段と、上記計算手段により計算された位置にガイドラインを表示する表示制御手段と、を備えたものである。

この発明によれば、他の描画部品と等間隔配置できる位置にガイドラインを表示でき、従来の技術と比較して描画部品の等間隔配置の作業効率が向上するという効果を有する。

実施の形態１に係る表示画面作成装置を用いたガイドライン表示による描画部品の等間隔配置の動作を示す図である。実施の形態１に係る表示画面作成装置の概略構成図である。実施の形態１に係る表示画面作成装置を用いた描画部品の等間隔配置処理のフローを示す図である。実施の形態２に係る表示画面作成装置を用いたガイドライン表示による描画部品の等間隔配置の動作を示す図である（描画部品が同一形状の場合）。実施の形態２に係る表示画面作成装置を用いたガイドライン表示による描画部品の外郭の間隔が等しくなるように配置する動作を示す図である（描画部品が大きさが異なる場合）。実施の形態２に係る表示画面作成装置を用いたガイドライン表示による描画部品の基準点の間隔が等しくなるように配置する動作を示す図である（描画部品が大きさが異なる場合）。実施の形態３に係る表示画面作成装置を用いたガイドライン表示による描画部品の等間隔配置の動作を示す図である。実施の形態４に係る表示画面作成装置を用いたガイドライン表示による描画部品の等間隔配置の動作を示す図である。実施の形態５に係る表示画面作成装置を用いたガイドライン表示による描画部品の等間隔配置の動作を示す図である。実施の形態６に係る表示画面作成装置を用いたガイドライン表示による描画部品の等間隔配置の動作を示す図である。従来の表示画面作成装置によるガイドライン表示の例を示す図である。従来の表示画面作成装置による描画部品の等間隔配置の動作を順に示す図である。従来の表示画面作成装置による描画部品の等間隔配置の動作を順に示す図である。

以下にこの発明にかかる表示画面作成装置の好適な実施の形態を説明する。なお、これらの実施の形態により本発明が限定されるものではない。

実施の形態１．
図１は、この実施の形態に係る表示画面作成装置を用いたガイドライン表示による描画部品の等間隔配置の動作の一例を示す図であり、複数の描画部品１０１、１０２が同一直線上に連続して配置されている作業用画面において、描画部品１０３を等間隔配置する際の動作を示している。

この実施の形態に係る表示画面作成装置では、メニューやツールバーから描画部品１０３を追加、或いは作業用画面内に既にある描画部品１０３を選択し、配置場所にマウスポインタを近づけた際に、描画部品１０１と描画部品１０２の座標を計算し、等間隔に配置できる位置にガイドライン１０４を表示する。
尚、ガイドライン１０４を表示するだけでなく、ポインティングデバイスにより描画部品１０３をガイドライン１０４に近づけた場合に、ガイドライン１０４上に吸着されるように強制配置するようにしても良い。このようにすることで、ガイドラインを表示した位置に、キーボード操作、或いはマウス操作等により、配置対象の描画部品を瞬時に移動させ、配置することができる。

図２は、この実施の形態に係る表示画面作成装置１の概略構成図である。
図２において、２は表示画面を作成する為の作業用画面における操作を行う為に、使用者が図示しないマウスやキーボードなどのポインティングデバイスを用いて操作を行った際の入力を受け付ける入力部、３は複数のガイドラインの表示方法からいずれの表示方法を用いてガイドラインを表示するかを予め設定するためのガイドライン設定部である。

４はガイドライン設定部３により予め設定された情報（後述のガイドライン設定情報９ｂ）に基づいて、作業用画面におけるガイドラインの表示位置を計算するガイドライン表示位置計算部、５はガイドライン表示位置計算部４により求められた作業用画面上の表示位置にガイドラインを表示させるガイドライン表示制御部、６は使用者が入力部２に接続されるポインティングデバイスを用いて、ガイドライン表示制御部５により表示されたガイドラインに描画部品を近づけたとき、この描画部品をガイドラインの表示位置に吸着されるように配置して等間隔配置を実現する描画部品配置部、７は作業用画面を表示する表示部である。

８は、各種の描画部品のデータなどからなる描画部品情報９ａ、及び、図１に示したガイドラインの表示方法や後述の各実施の形態におけるガイドラインの表示方法のうち、いずれの表示方法にてガイドラインを表示するかを設定する為の情報であるガイドライン設定情報９ｂを記憶する記憶部であり、１０は各部の処理を制御する制御部である。

図３は、この実施の形態に係る表示画面作成装置を用いた描画部品の等間隔配置処理のフローを示す図である。尚、描画部品情報９ａ及びガイドライン設定情報９ｂを、この等間隔配置処理のフローに入る前に予め記憶部８に記憶しておく。

先ず、使用者はポインティングデバイスを用いて移動対象となる描画部品を選択する（ステップＳＴ１）。尚、このとき必要であれば、作業用画面に予め対象となる描画部品を追加しておく。

次に、作業用画面上に既に複数の他の描画部品が表示され、これらが同一直線状に配置されているかを検索する（ステップＳＴ２）。
ここで、複数の他の描画部品が一直線上に配置されている場合には、これら他の描画部品との間隔が等しくなるようなガイドラインの表示位置をガイドライン表示位置計算部４が計算する（ステップＳＴ３）。図１に示したガイドラインの表示方法や、後述の各実施の形態におけるガイドラインの表示方法のうち、いずれの表示方法にてガイドラインを表示するかを予めガイドライン設定情報９ｂに設定しているので、この情報を用いてガイドラインの表示位置をガイドライン表示位置計算部４が計算する。

一方、ステップＳＴ２にて、作業用画面上に予め複数の他の描画部品が存在しない場合、もしくは、存在しても一直線上に配置されていない場合には、ガイドラインを表示することなく、選択された描画部品を使用者がポインティングデバイスを用いて移動させた位置に、当該描画部品を留めて移動を完了させる（ステップＳＴ７）。

次に、ステップＳＴ３にて求められた計算値を用い、作業用画面上にガイドラインをガイドライン表示制御部５が表示部７に表示させる（ステップＳＴ４）。

ガイドラインが表示された後、選択された描画部品をガイドラインに近づける操作を使用者が行ったか否か制御部１０が判断する（ステップＳＴ５）。
そして、描画部品がガイドラインに近づいていると判断された場合は、この選択された移動対象の描画部品をガイドラインの表示位置に合せて描画部品配置部６が吸着するように移動させ、等間隔配置を実現する（ステップＳＴ６）。
一方、ガイドライン表示位置から遠ざけるような操作を使用者が行った場合には、ガイドライン表示位置に合せて配置することなく、使用者が描画部品を移動させた位置に当該描画部品を留め、移動を完了させる（ステップＳＴ７）。

ステップＳＴ７における描画部品の移動完了後に、ガイドライン表示を行っていたかを制御部１０が判断し（ステップＳＴ８）、表示を行っていた場合にはガイドライン表示制御部５にガイドラインの消去を行わせることで、描画部品の等間隔配置処理を終了する（ステップＳＴ９）。

尚、この実施の形態においては、ガイドライン設定情報９ｂを、この等間隔配置処理のフローに入る前に予め記憶部８に記憶していたが、ステップＳＴ３における表示位置の計算前であれば、この等間隔配置処理のフローに入った後に設定しても良い。

実施の形態２．
図４−１は、描画部品２０１、２０２が同一直線上に離れあって配置されている作業用画面において、描画部品２０３を等間隔配置する際の動作を示す図である。メニューやツールバーから描画部品２０３を追加、或いは作業用画面に既にある描画部品２０３を選択し、等間隔となる配置場所にマウスポインタを近づけた際に、描画部品２０１と描画部品２０２の座標を計算し、これら３つの描画部品の配置が等間隔となる位置にガイドライン２０４を表示する。

尚、等間隔配置を助けるガイドラインの表示位置は、各描画部品の外郭（外形の輪郭）どうしの間隔が等しくなる位置に表示するか、各描画部品の基準点（具体的には、描画部品の左上、中央などの特定の点）が等間隔となる位置に表示するか、を選択することができる。又、この選択は、等間隔配置処理の実行前にガイドライン設定情報９ｂとして予め設定しておいてもよいし、描画部品を選択した後、選択できるようにしても良い。

図４−２は、移動対象となる描画部品の大きさが他の描画部品の大きさと異なる場合において、各描画部品の外郭同士の間隔が等しくなる位置にガイドラインを表示した場合の一例を示す図であり、図４−３は、移動対象となる描画部品の大きさが他の描画部品の大きさと異なる場合において、各描画部品の基準点が等間隔となる位置にガイドラインを表示した場合の一例を示す図である。

これらの図からわかるように、前者を選択することにより、大きさの異なる描画部品に対しても、等間隔に配置することができ、配置における自由度が向上する。
一方、後者を選択することにより、例えば、他の描画部品２０１、２０２が垂直方向に多数整列している状態において、大きさの異なる描画部品２０５を縦方向に複数整列させる場合、図４−３の例では、描画部品２０５の左側面を揃えて縦方向に整列させることができる。

尚、本実施の形態においては、各描画部品の基準点を、水平方向（左、中央、右）、垂直方向（上、中央、下）からそれぞれ任意に設定可能とする。

実施の形態３．
図５は、描画部品３０１、３０２が同一直線上に配置されている作業用画面において、移動対象となる描画部品３０３を配置する際に、ガイドラインの表示位置が他の描画部品間の間隔の何倍になっているかを併せて表示する場合の一例を示している。
メニューやツールバーから描画部品３０３を追加、或いは作業用画面に既にある描画部品３０３を選択し、配置位置にマウスポインタを近づけた際に、描画部品３０１と描画部品３０２の座標を計算し、各描画部品と配置対象の描画部品との間隔比率を数値などで表示する。図５の例では、描画部品３０２と３０３の間隔ａ５は、描画部品３０１と３０２の間隔ａ１の２倍なので、「２００％」と数値３０５を表示している。

実施の形態４．
図６は、描画部品４０１、４０２、４０３が同一直線４３１上に配置されている作業用画面に、描画部品４０４を等間隔配置する際の動作を示している。メニューやツールバーから描画部品４０４を追加、或いは作業用画面に既にある描画部品４０４を選択し、配置場所にマウスポインタを近づけた際に、描画部品４０１、４０２、４０３の座標を計算し、直線４３１上の等間隔配置できる位置にガイドライン４５１を表示するが、直線４３１と垂直に交わる線４３２上にも、同等の間隔を開けて配置できる位置にガイドライン４５２を表示する。

この実施の形態によれば、ガイドラインに従い配置することで、１次元方向だけでなく、２次元方向にも等間隔配置を行うことが容易となる。

実施の形態５．
図７は、描画部品５０１、５０２が同一直線上に配置されている画面に、描画部品５０３を配置する際の動作を示している。メニューやツールバーから描画部品５０３を追加、或いは作業用画面に既にある描画部品５０３を選択し、配置場所にマウスポインタを近づけた際に、描画部品５０１と描画部品５０２の中心点の座標を計算し、描画部品５０１、５０２を含む同一円周５３１上で、選択された描画部品を等間隔配置できる位置にガイドライン５５１を表示する。

実施の形態６．
図８は、描画部品６０２ａ、６０２ｂが同一直線上に配置されており、これら２つの描画部品を一組として選択して、他の描画部品６０１に合わせて等間隔配置する際の例を示している。一組の描画部品６０２ａと６０２ｂの選択を行うと、これらの描画部品の座標を計算し、描画部品６０１と等間隔に配置できる位置にガイドライン６０３ａ、６０３ｂを表示する。

尚、上述の各実施の形態において、ガイドラインを表示するタイミングは、移動対象の描画部品を他の描画部品と同一直線上またはその近隣に近づけた時か、又は、移動対象の描画部品をマウスなどのポインティングデバイスで選択した時か、のいずれかを選択できる。

これらの実施の形態に係る表示画面作成装置によれば、移動対象の描画部品を配置する際に、容易に他の描画部品と等間隔となる位置に配置することが可能になるため、表示画面作成の作業効率が向上し、画面作成工数の削減につながる。

以上のように、本発明にかかる表示画面作成装置は、プログラマブル表示器などの表示画面を作成する際して、描画部品を等間隔配置させる場合に有用である。

１表示画面作成装置
２入力部
３ガイドライン設定部
４描画部品配置部
５表示部
６ガイドライン表示位置計算部
７ガイドライン表示制御部
８記憶部
９ａ描画部品情報
９ｂガイドライン設定情報
１０制御部
１１メニュー表示部
１２、１３ツールバー表示部
１４作業用画面
１５、２１〜２３、１０１〜１０３描画部品
１６、１０４ガイドライン

Claims

作業用画面上に外部からの指示に基づいて複数の描画部品を配置することで表示用の画面を作成する表示画面作成装置であって、
上記作業用画面を表示する表示手段と、
上記複数の描画部品それぞれの位置に関する情報を記憶する記憶手段と、
外部から上記描画部品の移動の指示を受け付ける入力手段と、
上記作業用画面上で一直線上に配置済みの複数の描画部品における上記記憶手段に記憶された座標情報に基づいて、該一直線上であって、上記移動対象とされた描画部品と上記一直線上に配置されている複数の描画部品のいずれかとの間隔が、上記一直線上に配置されている複数の描画部品間の間隔と所望の比率になる位置を計算する計算手段と、
上記外部からの指示で移動対象の描画部品の追加配置或いは配置変更する際、上記計算手段により計算された位置にガイドラインを表示する表示制御手段と、
を備えた表示画面作成装置。
移動対象とされた描画部品と一直線上に配置されている複数の描画部品のいずれかとの間隔が、上記一直線上に配置されている複数の描画部品間の間隔と等しいことを特徴とする請求項１に記載の表示画面作成装置。
移動対象とされた描画部品と一直線上に配置されている複数の描画部品のいずれかとの間隔が、上記一直線上に配置されている複数の描画部品間の間隔の半分であることを特徴とする請求項１に記載の表示画面作成装置。
移動対象とされた描画部品と一直線上に配置されている複数の描画部品のいずれかとの間隔が、上記一直線上に配置されている複数の描画部品間の間隔の整数倍であることを特徴とする請求項１に記載の表示画面作成装置。
表示制御手段は、一直線上に配置されている複数の描画部品が配置されている直線と垂直に交わる直線上に、ガイドラインを表示することを特徴とする請求項１乃至４のいずれか１項に記載の表示画面作成装置。
表示制御手段は、一直線上に配置されている複数の描画部品のいずれか２つの距離を直径とし当該２つの描画部品を通る円上に、移動対象とされた描画部品を移動した場合に、上記２つの描画部品と上記移動対象とされた描画部品との間隔が等しくなる位置にガイドラインを表示することを特徴とする請求項１記載の表示画面作成装置。
作業用画面上に外部からの指示に基づいて複数の描画部品を配置することで表示用の画面を作成する表示画面作成装置であって、
上記作業用画面を表示する表示手段と、
上記複数の描画部品それぞれの位置に関する情報を記憶する記憶手段と、
外部から上記描画部品の移動の指示を受け付ける入力手段と、
上記作業用画面上で一直線上に配置済みの複数の描画部品を外部からの指示で移動対象として選択し移動する際、上記記憶手段に記憶されている移動対象の複数描画部品の座標情報に基づいて、上記移動対象とされた複数描画部品のいずれかと移動対象以外の他の描画部品との間隔が、上記移動対象とされた複数の描画部品間の間隔と所望の比率になる位置を計算する計算手段と、
上記計算手段により計算された位置にガイドラインを表示する表示制御手段と、
を備えた表示画面作成装置。
計算手段は、描画部品の間隔を、各描画部品の基準点の間隔を用いて、又は上記描画部品のそれぞれの外郭同士の間隔を用いて、計算することを特徴とする請求項１乃至７のいずれか１項に記載の表示画面作成装置。
表示制御手段は、移動対象とされた描画部品が外部からの指示で一直線上に配置されている複数の描画部品に近づけられたとき、上記移動対象とされた描画部品が外部からの指示で上記一直線上に配置されている複数の部品が配置されている直線上に近づけられたとき、又は、描画部品が外部からの指示で移動対象とされた直後に、ガイドラインを表示することを特徴とする請求項１乃至８のいずれか１項に記載の表示画面作成装置。
表示制御手段がガイドラインを表示した位置に、移動対象とされた描画部品を強制的に移動させる描画部品配置手段を備えたことを特徴とする請求項１乃至９のいずれか１項に記載の表示画面作成装置。
移動対象とされた描画部品と一直線上に配置されている複数の描画部品のいずれかとの間隔と、上記一直線上に配置されている複数の描画部品間の間隔と、の間の比率を表示することを特徴とする請求項１乃至１０のいずれか１項に記載の表示画面作成装置。