(57)【要約】【課題】画像の表示に関する操作性を向上させるユーザインターフェースを提供する。【解決手段】画像を嵌め込む枠が設定されたレイアウトページを画面上に表示するレイアウト表示部と、外部からの入力に基づいて、ドラッグされた画像を特定すると共に画像がドロップされた画面上の位置を取得する操作入力部とを備える画像表示装置であって、レイアウト表示部は、操作入力部により取得されたドロップの位置が、操作入力部により特定されたドラッグの画像が嵌め込まれた枠とは異なる他の枠の内であるか否かに基づいて、レイアウトページにおける画像の表示を変更する。【選択図】図２
2007102569.tif 000002
【特許請求の範囲】
【請求項１】
画像を嵌め込む枠が設定されたレイアウトページを画面上に表示するレイアウト表示部と、
外部からの入力に基づいて、前記枠に嵌め込まれた前記画像がドラッグされた場合に前記画像を特定すると共に、前記画像がドロップされた画面上の位置を取得する操作入力部と、
を備え、
前記レイアウト表示部は、前記操作入力部により取得された前記ドロップの位置が、前記操作入力部により特定された前記ドラッグの前記画像が嵌め込まれた枠とは異なる他の枠の内であるか否かに基づいて、前記レイアウトページにおける前記画像の表示を変更する画像表示装置。
【請求項２】
前記レイアウト表示部は、前記ドロップの位置が前記他の枠の内である場合に、前記画像を前記他の枠に嵌め込んで表示し、
前記レイアウト表示部は、前記ドロップの位置が前記他の枠の外である場合に、前記画像が嵌め込まれた枠の内において前記画像を移動して表示する請求項１に記載の画像表示装置。
【請求項３】
前記レイアウト表示部は、前記ドロップの位置が前記他の枠の内である場合に、前記他の枠に他の画像が嵌め込まれているときは、前記枠の前記画像と前記他の枠の前記他の画像とを入れ替えて表示する請求項２に記載の画像表示装置。
【請求項４】
前記レイアウト表示部は、前記レイアウトページをウィンドウの内に表示し、前記ドロップの位置が前記ウィンドウの外である場合に、前記枠から前記画像を削除して表示する請求項３に記載の画像表示装置。
【請求項５】
画像を嵌め込む枠が設定されたレイアウトページを画面上に表示する手段と、
外部からの入力に基づいて、前記枠に嵌め込まれた前記画像がドラッグされた場合に前記画像を特定すると共に、前記画像がドロップされた画面上の位置を取得する手段と、
を備える画像表示方法であって、
前記表示する手段は、前記取得する手段により取得された前記ドロップの位置が、前記取得する手段により特定された前記ドラッグの前記画像が嵌め込まれた枠とは異なる他の枠の内であるか否かに基づいて、前記レイアウトページにおける前記画像の表示を変更する画像表示方法。
【請求項６】
画像表示装置に、
画像を嵌め込む枠が設定されたレイアウトページを画面上に表示する手段と、
外部からの入力に基づいて、前記枠に嵌め込まれた前記画像がドラッグされた場合に前記画像を特定すると共に、前記画像がドロップされた画面上の位置を取得する手段と、
を実行させるプログラムであって、
前記表示する手段は、前記取得する手段により取得された前記ドロップの位置が、前記取得する手段により特定された前記ドラッグの前記画像が嵌め込まれた枠とは異なる他の枠の内であるか否かに基づいて、前記レイアウトページにおける前記画像の表示を変更するプログラム。
【発明の詳細な説明】
【技術分野】
【０００１】
本発明は、画像表示装置、画像表示方法、および、プログラムに関する。特に、本発明は、レイアウトページを画面上に表示する画像表示装置、画像表示方法、および、プログラムに関する。
【背景技術】
【０００２】
複数の機能を備える画像表示装置であって、操作性の向上を図る画像表示装置が知られている（例えば、特許文献１参照。）。この画像表示装置は、一の機能に対応するショートカットアイコンを、ドラッグアンドドロップにより、簡便にユーザに作成させるユーザインターフェースを提供する。
【特許文献１】特開２００４−１０２４５７号公報
【発明の開示】
【発明が解決しようとする課題】
【０００３】
しかしながら、この画像表示装置はショートカットアイコンを作成することを記載しているものの、画像自体の編集については記載していない。よって、この画像表示装置において画像自体を編集する場合に、表示画面に表示されている画像を削除、移動、入替する場合には、ユーザは、ドラッグアンドドロップ以外に操作内容を別個、指定することになり、操作に手間がかかるという不具合がある。
【課題を解決するための手段】
【０００４】
上記課題を解決するために、本発明の第１の形態においては、画像を嵌め込む枠が設定されたレイアウトページを画面上に表示するレイアウト表示部と、外部からの入力に基づいて、枠に嵌め込まれた画像がドラッグされた場合に当該画像を特定すると共に、当該画像がドロップされた画面上の位置を取得する操作入力部とを備える画像表示装置であって、レイアウト表示部は、操作入力部により取得されたドロップの位置が、操作入力部により特定されたドラッグの画像が嵌め込まれた枠とは異なる他の枠の内であるか否かに基づいて、レイアウトページにおける画像の表示を変更する。これにより、ユーザはドラッグアンドドロップ以外に操作を指定する手間を省くことができる。また、操作を指定するための表示を省略することができるので、画面を広く使うことができる。
【０００５】
レイアウト表示部は、ドロップの位置が他の枠の内である場合に、画像を他の枠に嵌め込んで表示し、レイアウト表示部は、ドロップの位置が他の枠の外である場合に、画像が嵌め込まれた枠の内において画像を移動して表示してもよい。これにより、ユーザは、枠間の移動と枠内の移動とをドロップ位置で指定することができる。
【０００６】
レイアウト表示部は、ドロップの位置が他の枠の内である場合に、他の枠に他の画像が嵌め込まれているときは、枠の画像と他の枠の他の画像とを入れ替えて表示してもよい。これにより、ユーザは、枠間の画像の入れ替えと枠内の移動とをドロップ位置で指定することができる。
【０００７】
レイアウト表示部は、レイアウトページをウィンドウの内に表示し、ドロップの位置がウィンドウの外である場合に、枠から画像を削除して表示してもよい。これにより、ユーザは、枠からの画像の削除と枠内の移動とをドロップ位置で指定することができる。
【０００８】
上記課題を解決するために、本発明の第２の形態においては、画像を嵌め込む枠が設定されたレイアウトページを画面上に表示する手段と、外部からの入力に基づいて、枠に嵌め込まれた画像がドラッグされた場合に当該画像を特定すると共に、当該画像がドロップされた画面上の位置を取得する手段とを備える画像表示方法であって、表示する手段は、取得する手段により取得されたドロップの位置が、取得する手段により特定されたドラッグの画像が嵌め込まれた枠とは異なる他の枠の内であるか否かに基づいて、レイアウトページにおける画像の表示を変更する。これにより、第１の形態と同様の効果を得ることができる。
【０００９】
上記課題を解決するために、本発明の第３の形態においては、画像表示装置に、画像を嵌め込む枠が設定されたレイアウトページを画面上に表示する手段と、外部からの入力に基づいて、枠に嵌め込まれた画像がドラッグされた場合にドラッグされた当該画像を特定すると共に、当該画像がドロップされた画面上の位置を取得する手段とを実行させるプログラムであって、表示する手段は、取得する手段により取得されたドロップの位置が、取得する手段により特定されたドラッグの画像が嵌め込まれた枠とは異なる他の枠の内であるか否かに基づいて、レイアウトページにおける画像の表示を変更する。これにより、第１の形態と同様の効果を得ることができる。
【００１０】
なお、上記の発明の概要は、本発明の必要な特徴の全てを列挙したものではなく、これらの特徴群のサブコンビネーションもまた、発明となりうる。
【発明を実施するための最良の形態】
【００１１】
以下、発明の実施の形態を通じて本発明を説明するが、以下の実施形態は特許請求の範囲にかかる発明を限定するものではなく、また実施形態の中で説明されている特徴の組み合わせの全てが発明の解決手段に必須であるとは限らない。
【実施例１】
【００１２】
図１は、画像表示装置１０の一例を示す。画像表示装置１０は、画像表示装置１０を制御するプログラムを実行する本体１２と、表示画面４０を有しユーザに対して本体１２からの出力に基づく表示をするディスプレイ１４と、ユーザから本体１２に対する入力手段の一例としてのキーボード１６、および、マウス１８とを備える。デジタルカメラ２０、および、スキャナ２２は、画像を読み込む手段の一例として、本体１２と接続される。
【００１３】
図２は、本体１２のブロック図の一例を示す。図３は、本体１２が表示画面４０へ表示する一例を模式的に示す。図８は、本体１２の動作を示すフローチャートの一例である。図２に示すように、本体１２は、操作入力部１００、レイアウト表示部１１０、画像格納部１２０を備える。
【００１４】
画像格納部１２０は、デジタルカメラ２０、スキャナ２２等から取得した画像２１０、２１２等の画像を格納する。画像格納部１２０は、さらに、画像を嵌め込む枠が設定されたレイアウトページ７０を格納する。画像格納部１２０は、格納している画像、レイアウトページを、レイアウト表示部１１０に供給する。
【００１５】
操作入力部１００は、ユーザからの指示として、マウス１８の移動方向、移動量、マウスボタンが押されている旨の情報、および、マウスボタンが解除された旨の情報を受け付ける。以下、マウスボタンが押されている状態をドラッグといい、押されていたマウスボタンが解除された状態をドロップという。操作入力部１００は、マウス１８の移動方向、移動量、マウスボタンが押されている旨の情報、および、マウスボタンが解除された旨の情報を、レイアウト表示部１１０に通知する。
【００１６】
レイアウト表示部１１０は、表示画面４０に、アイコン、ウィンドウ、画像等のオブジェクトを表示する。また、レイアウト表示部１１０は、表示画面４０上のオブジェクトの領域として、各オブジェクトに対応付けて、レイアウト表示部１１０がそのオブジェクトを表示画面４０に表示する座標、つまり、そのオブジェクトが表示画面４０に表示されている座標を記憶する。例えば、そのオブジェクトが矩形であるときは、レイアウト表示部１１０は、対角線の座標を記憶する。
【００１７】
例えば、レイアウト表示部１１０は、操作入力部１００から、ドラッグされた旨の情報、ドラッグされた位置におけるマウスの座標、ドロップされた旨の情報、および、ドロップされた位置におけるマウスの座標を取得する。さらに、レイアウト表示部１１０は、ドラッグのマウスの座標に対応する画面上の座標が、サブウィンドウ６２上のサムネイル画像、および、クリックが解除された座標が枠２００であると判断した場合には、図３に示すように、そのサムネイル画像に対応する画像２１０を枠２００に嵌め込み表示する。
【００１８】
レイアウト表示部１１０は、上記オブジェクトに加えて、操作入力部１００から通知されたマウス１８の移動方向、移動量に基づいて、表示画面４０のＸ座標、Ｙ座標を算出し、算出したＸ座標、Ｙ座標にマウスポインタを表示する。
【００１９】
ここで、レイアウト表示部１１０は、操作入力部１００を介して入力されるユーザからの指示に基づいて画像の表示を変更する。以下、レイアウト表示部１１０は、図３に示すレイアウトページ７０を表示しているものとして、この画像の表示の変更について順を追って説明する。なお、図３に示すように、画像２１０、２１２は、枠２００、２０６に嵌め込まれているものとする。
【００２０】
まず、操作入力部１００は、画像２１２の領域にマウスポインタが表示されている場合において、枠に嵌め込まれた画像がマウス１８によりドラッグされた場合に（Ｓ１００：Ｙｅｓ）、ドラッグされた旨の情報をレイアウト表示部１１０に通知する。レイアウト表示部１１０は、その通知を受けたときは、画像２１２がドラッグされた旨の表示をする。例えば、レイアウト表示部１１０は、画像２１２を嵌め込んでいる枠２０６の色を変化させることにより、画像２１２がドラッグされた旨の表示をする。
【００２１】
操作入力部１００は、画像２１２をドラッグしている状態で、すなわち、マウス１８のボタンが押されている状態でマウス１８の移動を受け付けたときは、そのドラッグされている座標をレイアウト表示部１１０に通知する。レイアウト表示部１１０は、その通知を受けたときは、画像２１２がドラッグされて移動されている旨の表示をする。例えば、レイアウト表示部１１０は、画像２１２の色を半透明にして、半透明にした画像２１２をその通知された座標に応じて移動させることにより、画像２１２がドラッグされて移動されている旨の表示をする。
【００２２】
操作入力部１００は、画像２１２がドラッグされている場合においてマウス１８のボタンが解除されてドロップされたときは（Ｓ１０２：Ｙｅｓ）、ドロップされたときにおけるマウス１８の座標を取得して、レイアウト表示部１１０に通知する（Ｓ１０４）。その通知を受けたレイアウト表示部１１０は、画像２１２がドロップされた座標に応じて、以下に説明する図４から図７に示すように、画像２１０、２１２の表示を変更する。
【００２３】
図４は、表示画面４０の他の一例を模式的に示す。図４において、マウスポインタ３００の指し示す位置はドラッグがされた表示画面４０上の位置を示し、マウスポインタ３０２の指し示す位置はドロップがされた表示画面４０上の位置を示す。レイアウト表示部１１０は、画像２１２がドロップされた表示画面４０上の位置の座標がメインウィンドウ６０の内であるか否かを判断する（Ｓ１１０）。レイアウト表示部１１０は、図４に示すように、画像２１２がドロップされた座標がメインウィンドウ６０の外であると判断した場合には（Ｓ１１０：Ｎｏ）、枠２０６から画像２１２を削除して表示する（Ｓ１２０）。これにより、ユーザは、枠２０６からの画像２１２の削除をドロップ位置で指定することができる。
【００２４】
図５は、表示画面４０のさらに他の一例を模式的に示す。図５において、マウスポインタ３０４、３０６の指し示す位置はそれぞれ、画像２１２がドラッグおよびドロップされた表示画面４０上の位置を示す。レイアウト表示部１１０は、画像２１２がドロップされた表示画面４０上の位置の座標がメインウィンドウ６０の内であると判断した場合には（Ｓ１１０：Ｙｅｓ）、そのドロップされた座標がドラッグされた画像２１２が嵌め込まれた枠２０６と異なる他の枠２００、２０２、２０４の内であるか否かを判断する（Ｓ１３０）。レイアウト表示部１１０は、図５に示すように、そのドロップされた座標がドラッグされた画像２１２が嵌め込まれた枠２０６と異なる他の枠２００、２０２、２０４の外であると判断した場合には（Ｓ１３０：Ｎｏ）、枠２０６の内において画像２１２を移動して表示する（Ｓ１４０）。これにより、ユーザは、枠２０６内の移動をドロップ位置で指定することができる。
【００２５】
図６は、表示画面４０のさらに他の一例を模式的に示す。図６において、マウスポインタ３１２、３１４の指し示す位置はそれぞれ、画像２１２がドラッグおよびドロップされた表示画面４０上の位置を示す。レイアウト表示部１１０は、そのドロップされた位置の座標がドラッグされた画像２１２が嵌め込まれた枠２０６と異なる他の枠２００、２０２、２０４の内であると判断した場合には（Ｓ１３０：Ｙｅｓ）、さらに、その異なる他の枠２００、２０２、２０４に他の画像が嵌め込まれているか否かを判断する（Ｓ１５０）。レイアウト表示部１１０は、図６に示すように、その異なる他の枠２０２に他の画像が嵌め込まれていないと判断した場合には（Ｓ１５０：Ｎｏ）、画像２１２をその異なる他の枠２０２に嵌め込んで表示する（Ｓ１６０）。これにより、ユーザは、枠間の移動をドロップ位置で指定することができる。
【００２６】
図７は、表示画面４０のさらに他の一例を模式的に示す。図７において、マウスポインタ３１６、３１８の指し示す位置はそれぞれ、画像２１２がドラッグおよびドロップされた位置を示す。図６の場合と同様に、レイアウト表示部１１０は、そのドロップされた位置の座標がドラッグされた画像２１２が嵌め込まれた枠２０６と異なる他の枠２００、２０２、２０４の内であると判断した場合には（Ｓ１３０：Ｙｅｓ）、さらに、その異なる他の枠２００、２０２、２０４に他の画像が嵌め込まれているか否かを判断する（Ｓ１５０）。レイアウト表示部１１０は、図７に示すように、その異なる他の枠２００に他の画像２１０が嵌め込まれていると判断したときには（Ｓ１５０：Ｙｅｓ）、枠２０６の画像２１２と、その異なる他の枠２００の他の画像２１０とを入れ替えて表示する（Ｓ１７０）。これにより、ユーザは、枠間の画像の入れ替えをドロップ位置で指定することができる。
【００２７】
なお、図３に示すように、表示画面４０にサブウィンドウ６２が表示されている場合には、レイアウト表示部１１０は、画像２１２がドロップされた座標が、サブウィンドウ６２であると判断したときは、枠２０６から画像２１２を削除して表示してもよい。これにより、サブウィンドウ６２がドラッグされた座標から近い場合には、画像の削除を容易にすることができる。
【００２８】
また、図４において、レイアウト表示部１１０は、操作入力部１００から、メインウィンドウ６０の外で画像２１２がドラックされている旨の通知を受けた場合には、その位置でドロップすると画像２１２が削除される旨の表示をしてもよい。例えば、レイアウト表示部１１０は、画像２１２の近傍にゴミ箱を示す印を表示することにより、その位置でドロップすると画像２１２が削除される旨の表示をしてもよい。同様に、図５等において、レイアウト表示部１１０は、その位置でドロップすると画像２１２が移動等される旨の表示してもよい。
【００２９】
なお、レイアウト表示部１１０は、ドロップされた座標がドラッグされた画像が嵌め込まれた枠と異なる他の枠の外であると判断した場合に、ドラッグされた画像をその枠の内において移動するときは、その移動する範囲を制限してもよい。例えば、図５に示すように、ドラッグされた座標（マウスポインタ３０８が指し示す座標）と、ドラッグされた座標（マウスポインタ３１０が指し示す座標）との距離が大きい場合であっても、レイアウト表示部１１０は、枠２００の領域に対する画像２１０が表示される領域の面積比が４０％程度以下にならないように、画像２１０の右方向の移動を制限してもよい。
【００３０】
なお、図２に示す記憶媒体５０は、操作入力部１００、レイアウト表示部１１０の動作を行わせるプログラムを格納する。本体１２は記憶媒体５０に格納された上記プログラムをインストールすることにより、操作入力部１００等の動作を行わせてもよい。さらに、他の方法として、本体１２は、そのようなプログラムを、通信回線を介して取得してもよい。
【００３１】
以上、本実施例によれば、操作を指定するための表示を省略することができるので、画面を広く使うことができる。また、ユーザはドラッグアンドドロップ以外に操作を指定する手間を省くことができる。
【００３２】
以上、本発明を実施の形態を用いて説明したが、本発明の技術的範囲は上記実施の形態に記載の範囲には限定されない。上記実施の形態に、多様な変更または改良を加えることが可能であることが当業者に明らかである。その様な変更または改良を加えた形態も本発明の技術的範囲に含まれ得ることが、特許請求の範囲の記載から明らかである。
【図面の簡単な説明】
【００３３】
【図１】画像表示装置１０の一例を示す。
【図２】本体１２のブロック図の一例を示す。
【図３】表示画面４０の一例を模式的に示す。
【図４】表示画面４０の他の一例を模式的に示す。
【図５】表示画面４０のさらに他の一例を模式的に示す。
【図６】表示画面４０のさらに他の一例を模式的に示す。
【図７】表示画面４０のさらに他の一例を模式的に示す。
【図８】本体１２の動作を示すフローチャートの一例である。
【符号の説明】
【００３４】
１０  画像表示装置、１２  本体、１４  ディスプレイ、１６  キーボード、１８  マウス、２０  デジタルカメラ、２２  スキャナ、４０  表示画面、５０  記憶媒体、６０  メインウィンドウ、６２  サブウィンドウ、７０  レイアウトページ、１００  操作入力部、１１０  レイアウト表示部、１２０  画像格納部、２００  枠、２０２  枠、２０４  枠、２０６  枠、２１０  画像、２１２  画像、３００  マウスポインタ、３０２  マウスポインタ、３０４  マウスポインタ、３０６  マウスポインタ、３０８  マウスポインタ、３１０  マウスポインタ、３１２  マウスポインタ、３１４  マウスポインタ、３１６  マウスポインタ、３１８  マウスポインタ
【図１】
2007102569.tif 000003
【図２】
2007102569.tif 000004
【図３】
2007102569.tif 000005
【図４】
2007102569.tif 000006
【図５】
2007102569.tif 000007
【図６】
2007102569.tif 000008
【図７】
2007102569.tif 000009
【図８】
2007102569.tif 000010