JP2006099733A - 画面表示装置、画面表示方法及びプログラム - Google Patents

Abstract

【課題】 コンピュータのディスプレイに表示されたデータ編集画面で、オブジェクトのドラッグアンドドロップの操作に応答して、その位置をユーザが容易に判別することができるようにすることを目的とする。
【解決手段】コンピュータのディスプレイに表示された画面で、オブジェクトがドラッグされた位置に応じた領域を画面内で強調表示する。さらに、オブジェクトがドロップされる位置に応じて、オブジェクトになされる処理の種類が異なり、それに合わせて強調表示の態様を変える。
【選択図】 図２

Description

本発明は、オブジェクトのドラッグアンドドロップ操作を利用可能な画面を表示する画面表示装置、画面表示方法及びそのプログラムに関する。

ユーザがコンピュータでアプリケーションソフトウェアを実行することにより、ディスプレイにオブジェクトを表示させる。そして、ユーザはポインティングデバイスを使用することによって、オブジェクトをドラッグアンドドロップして移動させることで、表示されたオブジェクトの挿入、複写、移動、置換、入替などの処理を行うための指示を行っている（例えば、特許文献１参照）。

特開平１０−２６１０７１号公報

しかしながら、ユーザは、アプリケーションソフトウェアにしたがってディスプレイに表示された画面上でオブジェクトをドラッグアンドドロップ操作したときに、オブジェクトがドラッグ又はドロップされる対象の位置が分かりにくいという問題がある。

また、オブジェクトがドロップされる位置によって、当該オブジェクトに対して実行される処理の種類が異なる場合には、ユーザはオブジェクトがドラッグアンドドロップされる位置が分かりにくいことがある。このため、ユーザがオブジェクトをドロップすると、ユーザの予想や意図とは異なる処理が当該オブジェクトに対して実行されてしまうという問題もある。

本発明は、ユーザがアプリケーションソフトウェアに従って表示された画面上で、オブジェクトをドラッグアンドドロップ操作するときに、オブジェクトがドラッグ又はドロップされる対象の位置を容易に判別できるようにすることを目的とする。

更に、本発明は、ユーザがアプリケーションソフトウェアに従って表示された画面上で、オブジェクトをドラッグアンドドロップ操作するときに、オブジェクトがドロップされる位置によって当該オブジェクトに対して実行される処理の種類を容易に判別することができるようにすることを目的とする。

本願発明者は、前記課題を解決すべく鋭意検討を重ねた結果、以下に示す発明の諸態様に想到した。

本発明に係る画面表示装置は、オブジェクトのドラッグアンドドロップ操作を利用可能な画面を表示する画面表示装置であって、前記オブジェクトがドラッグされた位置を検知するドラッグ検知手段と、前記ドラッグ検知手段により検知された位置でオブジェクトがドロップされた場合に実行される処理の種類を選択する選択手段と、前記選択手段により選択された処理の種類と対応する強調表示の態様を取得する取得手段と、前記取得手段により取得された強調表示の態様に従い、前記画面の所定の領域が強調表示されるよう制御する強調表示制御手段と、を有することを特徴とする。

本発明に係るプログラムは、コンピュータに、オブジェクトのドラッグアンドドロップ操作を利用可能な画面を表示する画面表示手順と、前記オブジェクトがドラッグされた位置を検知するドラッグ検知手順と、前記ドラッグ検知手順で検知された位置でオブジェクトがドロップされた場合に実行される処理の種類を選択する選択手順と、前記選択手順で選択された処理の種類と対応する強調表示の態様を取得する取得手順と、前記取得手順で取得された強調表示の態様に従い、前記画面の所定の領域が強調表示されるよう制御する強調表示制御手順と、を実行させることを特徴とする。

本発明に係る画面表示方法は、オブジェクトのドラッグアンドドロップ操作を利用可能な画面を表示する画面表示方法であって、前記オブジェクトがドラッグされた位置を検知するドラッグ検知ステップと、前記ドラッグ検知ステップで検知された位置でオブジェクトがドロップされた場合に実行される処理の種類を選択する選択ステップと、前記選択ステップで選択された処理の種類と対応する強調表示の態様を取得する取得ステップと、前記取得ステップで取得された強調表示の態様に従い、前記画面の所定の領域が強調表示されるよう制御する強調表示制御ステップと、を有することを特徴とする。

本発明によれば、ユーザがアプリケーションソフトウェアに従ってディスプレイに表示された画面上でオブジェクトをドラッグしたときに、その位置で仮にドロップされた場合の処理の種類に応じた強調表示がなされる。このため、ユーザは容易にその位置でドロップされた場合にオブジェクトに対して実行される処理を判別することができる。従って、例えば、操作対象のオブジェクトがドラッグされている位置が複数の既存のオブジェクトと近接していても、ユーザは意図した処理を選択しやすくなる。更に、このような強調表示にはカーソル形状の変化は必要とされないため、細かい操作も容易に行うことができる。

以下に、図面を参照して、この発明の好適な実施の形態を例示的に詳しく説明する。但し、この実施形態に記載されている構成要素はあくまで例示であり、この発明の範囲をそれらのみに限定する趣旨のものではない。

（第１の実施形態）
図１は、本発明の実施形態に係るアプリケーションソフトウェアに従って、処理を実行するコンピュータ装置の構成の概略を示すブロック図である。

図１において、１０１はＣＲＴ（表示装置）であり、その表示画面には、例えば編集中の文書、図形、画像その他の編集情報、アイコン、メッセージ、メニューその他のユーザインタフェース情報が表示される。

１０２はＶＲＡＭ（ビデオＲＡＭ）であり、ＣＲＴ１０１の表示画面に表示するための画像が描画される。このＶＲＡＭ１０２に生成された画像データは、所定の規定に従ってＣＲＴ１０１に転送され、これによりＣＲＴ１０１に画像が表示される。

１０３はビットムーブユニット（ＢＭＵ）であり、例えば、メモリ間（例えば、ＶＲＡＭ１０２と他のメモリとの間）のデータ転送や、メモリと各Ｉ／Ｏデバイス（例えば、ネットワークインタフェース２１１）との間のデータ転送を制御する。

１０４はキーボードであり、文書等を入力するための各種キーを有する。

１０５はポインティングデバイスであり、例えば、ＣＲＴ１０１の表示画面上に表示されたアイコン、メニュー、画像、イラストその他のオブジェクトを指示するために使用される。

なお、図示しないがキーボード１０４やポインティングデバイス１０５を接続するための入力デバイスインタフェースを介して、キーボード１０４やポインティングデバイス１０５は接続されている。

１０６はＣＰＵであり、ＲＯＭ１０７、ハードディスク又はフレキシブルディスクに格納された制御プログラムに基づいてＣＰＵデバイスに接続された各デバイスを制御する。

１０７はＲＯＭであり、各種の制御プログラムやデータを保持する。１０８はＲＡＭであり、ＣＰＵ１０６のワーク領域、エラー処理時のデータの退避領域、制御プログラムのロード領域等を有する。

１０９はハードディスクドライブ（ＨＤＤ）であり、ハードディスク（ＨＤ）１１２へのアクセスを制御する。ハードディスク１１２には、コンピュータ装置内で実行されるオペレーティングシステム（ＯＳ）や各制御プログラム、画像などのコンテンツのデータやファイルを格納することができる。例えば、ハードディスク１１２には、本実施形態におけるオブジェクトとして、画像データやテキストデータ、本実施形態に係るアプリケーションソフトウェア等が格納されている。

２１０はフレキシブルディスクドライブであり、フレキシブルディスクに対するアクセスを制御する。

２１１はネットワークインタフェースであり、他のコンピュータ装置やプリンタ等の外部装置と通信を行うことができる。

１１３はＣＰＵバスであり、アドレスバス、データバス及びコントロールバスを含む。ＣＰＵ１０６に対する制御プログラムの提供は、ＲＯＭ１０７、ハードディスク１１２、フレキシブルディスクから行うこともできるし、ネットワークインタフェース２１１を介して他の情報処理装置等から行うこともできる。

本実施形態に係るアプリケーションソフトウェアは、上述のようなコンピュータ装置により処理されるプログラムである。また、アプリケーションソフトウェアは、オブジェクトとして、イラスト、アイコン、静止画又は動画やこれらのサムネイルなどの画像のデータ又はファイルを扱うことが可能である。

図２は、本発明の実施形態に係るアプリケーションソフトウェアにしたがって、コンピュータ装置のＣＰＵ１０６が実行する処理の手順を示すフローチャートである。

まず、ステップＳ２００で、コンピュータ装置のＣＰＵ１０６はアプリケーションソフトウェアを起動し、ＣＲＴ１０１に編集画面を表示させる。

本実施形態では、ステップＳ２０１で、ＣＰＵ１０６は、ＲＡＭ１０８中に強調表示情報及び強調オブジェクト情報を確保し、初期化を行う。強調表示オブジェクトは編集画面上でどのオブジェクトが強調表示されているかを示す情報である。また、強調表示情報は、そのオブジェクトがどのように強調表示されているか、例えばオブジェクトの枠を５ドットの幅で赤色で表示しているなど、を示す情報である。ここで、起動時の編集画面では強調表示されているオブジェクトがないので強調表示情報及び強調オブジェクト情報は初期化される。

そして、ＲＡＭ１０８には、オブジェクト情報として、各オブジェクトが矩形であるか、円形であるかなどの形状を示す状態情報や、各オブジェクトの表示位置の座標を示す領域情報が格納されている。また、ＣＲＴ１０１に表示している画像データとオブジェクトの領域情報との対応情報（スクロール位置情報や表示倍率など）もＲＡＭ１０８に格納されている。即ち、ＲＡＭ１０８には、ＣＲＴ１０１に表示されている画面の状態が格納される。

ステップＳ２０２で、ＣＰＵ１０６は、編集画面上でオブジェクトがドラッグ又はドロップされているかどうか、及びドラッグ又はドロップの操作対象となっているオブジェクトを検知する。ここで、ユーザが編集画面上でポインティングデバイス１０５を押下してオブジェクトを選択し、そのまま連続してポインティングデバイス１０５を押下し続けたまま移動することによって、オブジェクトのドラッグ操作は行われる。一方、ユーザがドラッグ操作をしてからポインティングデバイス１０５の押下を中止することによってオブジェクトのドロップ操作は行われる。そして、ドラッグされていると検知されればステップＳ２０３、ドロップされたと検知されればステップＳ１１１へ進む。

ステップＳ２０３で、ＣＰＵ１０６はポインティングデバイス１０５の位置情報を取得する。

ステップＳ２０４で、ＣＰＵ１０６は、ステップＳ２０３で取得したポインティングデバイス１０５の位置と対応するオブジェクト情報をＲＡＭ１０８より取得する。上述のように、ＲＡＭ１０８が格納しているオブジェクト情報には、オブジェクトの状態情報や、オブジェクトの領域情報、ＣＲＴ１０１に表示している画像データとオブジェクトの領域情報との対応情報も含まれている。ＣＰＵ１０６は、オブジェクト情報に含まれるオブジェクトの領域情報に基づいて、ポインティングデバイス１０５の位置と対応するオブジェクト情報を取得する。

ステップＳ２０５で、ＣＰＵ１０６は、ステップＳ２０３で取得したポインティングデバイス１０５の位置及びステップＳ２０４で取得したオブジェクト情報から、仮にその位置で操作対象オブジェクトがドロップされた場合の処理方法を選択する。

例えば、図３（ａ）に示すように、ポインティングデバイス１０５が編集領域３０１内にあり、かつ、その位置に既にオブジェクト情報があれば、既に編集画面に存在するオブジェクト３０２ａに対して操作対象オブジェクト３０４ｄを置換処理すべきであると判断する。

一方、後述する図４（ａ）に示すように、ポインティングデバイス１０５が編集領域３０１内にあっても、その位置にオブジェクト情報がなければ、操作対象オブジェクト３０４ｄを編集領域３０１へ挿入処理すべきであると判断する。

なお、ステップＳ２０５での処理方法の選択では、操作対象オブジェクトの状態やドラッグ中に押下されているキーを考慮することも可能である。

また、処理方法の種類に関し、本実施形態に係るアプリケーションソフトウェアによる処理の例として置換処理及び挿入処理を挙げているが、複写処理、移動処理、入替処理、ショートカット作成処理等であってもよい。

ステップＳ２０６で、ＣＰＵ１０６は、ステップＳ２０５で取得した処理方法に対応する強調表示の態様を取得する。なお、強調表示の態様は、処理の種類と対応付けてテーブルとして記憶されている。

ここで、強調表示の態様について説明する。但し、図３及び図４では、本実施形態に係るアプリケーションソフトウェアの編集画面３００に、編集領域３０１及びオブジェクト選択領域３０３が設けられているものとする。また、操作対象オブジェクトがドラッグされる前に、編集領域３０１にはオブジェクト３０２ａが表示され、オブジェクト選択領域３０３には３つのオブジェクト３０４ｂ、３０４ｃ及び３０４ｄが表示されているものとする。

そして、例えば、置換処理の表示態様としてオブジェクトの枠を赤色表示することが対応付けられている場合には、図３（ａ）に示すように、編集領域３０１内のポインティングデバイス１０５で指示された位置にあるオブジェクト３０２ａの枠の色を赤にする。つまり、図３（ａ）の矢印３０５で示すように、ユーザが操作対象オブジェクト３０４ｄをオブジェクト選択領域３０３から編集領域３０１内に表示されているオブジェクト３０２ａ上へドラッグすると、ポインティングデバイス１０５で指示された位置にあるオブジェクト３０２ａを赤い枠で強調表示する。これにより、このポインティングデバイス１０５の位置では、オブジェクト３０２ａがオブジェクト３０４ｄのドロップ先となることを明示すると共に、その位置でオブジェクト３０４ｄをドロップすれば置換処理が行われることを明示する。

一方、例えば、挿入処理の表示態様として編集領域の枠を青色表示することが対応付けられている場合には、図４（ａ）に示すように、編集領域３０１の枠の色を青にして表示する。つまり、図４の矢印４０５で示すように、ユーザがオブジェクト３０４ｄをオブジェクト選択領域３０３から編集領域３０１へドラッグすると、編集領域３０１を青い枠で強調表示する。これにより、このポインティングデバイス１０５で指示された位置では、編集領域３０１がオブジェクト３０４ｄのドロップ先となることを明示すると共に、その位置でオブジェクト３０４ｄをドロップすれば挿入処理が行われることを明示する。

次いで、ステップＳ２０７で、ＣＰＵ１０６は、ステップＳ２０４で取得したオブジェクト情報及びステップＳ２０６で取得した強調表示の態様と、ＲＡＭ１０８に格納されている強調オブジェクト情報や強調表示情報とを比較する。そして、これらが示すオブジェクトの表示状態が等しいことを示していれば、ステップＳ２０２へ戻り、次のドラッグ処理を可能とする。一方、これらが示すオブジェクトの表示状態が異なっていれば、ステップＳ２０８へ進む。

なお、ＲＡＭ１０８に格納されている強調表示情報と強調オブジェクト情報が初期化された状態の場合には、ステップＳ２０７では、表示状態が異なっていると判断することとなる。

ステップＳ２０８で、ＣＰＵ１０６は、ＲＡＭ１０８に格納されている強調表示情報が示す強調表示の態様をリセットしたオブジェクトの画像データをＶＲＡＭ１０２に作成し、ＣＲＴ１０１の表示画面に表示する。なお、強調表示情報や強調オブジェクト情報が初期値の場合には、画像データを更新しない。

ステップＳ２０９で、ＣＰＵ１０６は、ステップＳ２０４で取得したオブジェクト情報及びステップＳ２０６で取得した強調表示の態様に合わせて、強調表示を行ったオブジェクトの画像データをＶＲＡＭ１０２に作成し、ＣＲＴ１０１の表示画面に表示する。

ステップＳ１１０で、ＣＰＵ１０６は、ステップＳ２０９で行われた強調表示の態様を示す強調表示情報をＲＡＭ１０８に格納する。

ここまでが、操作対象オブジェクトがドラッグされている場合に行われる処理であり、ポインティングデバイスで指示された位置にしたがい、強調表示の態様を切り替えて表示画面上での表示が行われる。

続いて、操作対象オブジェクトがドロップされた場合に行われる処理について図２のフローチャートを参照しながら説明する。

ステップＳ２０２で、ＣＰＵ１０６は、操作対象オブジェクトがドロップされたと検知されればステップＳ１１１へ進む。

ステップＳ２１１で、ＣＰＵ１０６は、ＲＡＭ１０８に格納されている強調表示情報が示す強調表示の態様をリセットしたオブジェクトの画像データをＶＲＡＭ１０２に作成し、ＣＲＴ１０１の表示画面に表示する。なお、強調表示情報や強調オブジェクト情報が初期値の場合には、画像データを更新しない。また、ここで、ステップＳ２０１でＲＡＭ１０８に取得した強調表示情報及び強調オブジェクト情報のメモリ領域を解放する。

ステップＳ２１２で、ＣＰＵ１０６は、ポインティングデバイス１０５で指示された位置を示す位置情報を取得する。

ステップＳ２１３で、ＣＰＵ１０６は、ステップＳ２１２で取得したポインティングデバイス１０５で指示された位置にあるオブジェクト情報をＲＡＭ１０８より取得する。

ステップＳ２１４で、ＣＰＵ１０６は、上記ステップＳ２０５と同じく、ステップＳ１１２で取得したポインティングデバイス１０５で指示された位置及びステップＳ２１３で取得したオブジェクト情報から操作対象オブジェクトのドロップが行われた場合の処理方法を選択する。

ステップＳ２１５で、ＣＰＵ１０６は、ステップＳ２１４で取得した処理方法に合わせて、オブジェクトに対する処理を行う。例えば、オブジェクト３０４ｄの置換処理であれば、図３（ｂ）に示すように、編集領域３０１のオブジェクト３０２ａが表示されていた位置にオブジェクト３０４ｄを表示する。また、オブジェクト３０４ｄの挿入処理であれば、図４（ｂ）に示すように、オブジェクト３０４ｄをオブジェクト選択領域３０３から消去し、編集領域３０１に表示する。このようなドロップの処理を行うことで、ドラッグ中に表示した強調表示と連携した処理を行うことができる。

更に、上述の実施形態では、編集画面上に既に存在している一つのオブジェクト上でドラッグ又はドロップに応答して実行される処理は一つとして記載しているが、処理は複数種類でも構わない。例えば、既存オブジェクト内における所定範囲外で操作対象オブジェクトがドロップされれば置換処理、所定範囲内で操作対象オブジェクトがドロップされれば入替処理というように２種類以上の処理を実現させることも可能である。

この場合、例えば、図５（ａ）に示すように、編集領域３０１内に表示されているオブジェクト３０２ａ上へオブジェクト３０４ｄをドラッグしていき、オブジェクト３０２ａの所定範囲５１０外にポインティングデバイス１０５のポインタが入った時点で、ドロップ対象のオブジェクト３０２ａを赤い枠で強調表示し置換処理であることを明示する。そして、ユーザがそのままオブジェクト３０４ｄのドラッグを続け、図６（ａ）に示すように、オブジェクト３０２ａの所定範囲５１０内にポインティングデバイス１０５のポインタが入った時点で前記オブジェクト３０２ａに付けられた赤い強調枠がオレンジ色の強調枠に変わる。これにより、処理が置換処理から入替処理に切り替わったことを明示する。

そして、オブジェクト３０２ａの所定範囲５１０外にポインティングデバイス１０５のポインタが入った時点でドロップされれば、オブジェクト３０２ａからオブジェクト３０４ｄへの置換処理が実行され、図５（ｂ）に示すようにオブジェクト３０２ａの代わりにオブジェクト３０４ｄが編集領域３０１に表示される。また、オブジェクト３０２ａの所定範囲内にポインティングデバイス１０５のポインタが入った時点でドロップされれば、図６（ｂ）に示すように、オブジェクト３０２ａの代わりにオブジェクト３０４ｄを編集領域３０１に表示し、かつオブジェクト３０４ｄの代わりにオブジェクト３０２ａをオブジェクト選択領域３０３に表示する。以上のようにして、一つのオブジェクトに対するひとつの動作で処理を複数の中から選択することが可能になるものである。この場合、処理の切り替わりとなるオブジェクト上の位置範囲は、予め決まった形状や大きさの範囲でもよいし、表示されている画像の大きさに対する所定の比の位置範囲でもよい。

なお、本実施形態では、強調表示の態様として色の変化を例に挙げて説明したが、これに限らず、強調表示の枠の幅、ハイライトの度合い、ブリンクの間隔、反転表示の方法、透明化の度合い、強調表示の枠を二重線や波線にする等のようにしてもよい。

また、本実施形態に係るアプリケーションソフトウェアの機能のうち、オブジェクトの強調表示に関係のない機能は、一般的なアプリケーションソフトウェアと同様である。

本実施形態によれば、ポインティングデバイスによって指示されたオブジェクトの位置に応じて、強調表示される領域を変えるようにしたので、ユーザに対して、操作対象オブジェクトがドラッグアンドドロップされている位置を分かりやすく伝えることができる。

また、本実施形態によれば、オブジェクトがドロップされる位置に応じて当該オブジェクトに対して実行される処理が異なる場合に、処理の種類に応じて強調表示する際の領域の色を変えたり、領域を点滅させるなど表示状態を変えるようにしている。このため、ユーザに対して、操作対象オブジェクトがドロップされた場合になされる処理を前もって前もって分かりやすく伝えることができる。

従って、例えば、操作対象オブジェクトがドラッグ又はドロップされている位置に複数のオブジェクトが近接して存在していたり、編集領域の境界であったりする場合も、ユーザはオブジェクトがドラッグアンドドロップされている位置を正確に把握することができる。

また、ユーザは操作対象オブジェクトをドロップする前にそのポインティングデバイスで指示された位置でドロップされた場合に実行される処理を前もって知ることができるので、意図した処理を行うことも可能となる。

また、オブジェクトのドラッグアンドドロップ操作に応答して、ポインティングデバイスで指示された位置を明示するためのカーソルの形状を変えなくてもよい。従って、オブジェクトの細かな移動操作においても、ユーザは所望の位置にオブジェクトを移動させることができる。

（第２の実施形態）
第２の実施形態では、ドラッグされた操作対象オブジェクトと既に編集画面に存在するオブジェクトとの重なりの面積に応じて、異なる表示態様で編集画面での表示を行う場合について説明する。また、本実施形態ではアプリケーションソフトウェアとして、ユーザが所望の画像を使って電子アルバムを作成するためのアプリケーションソフトウェアを例に挙げて説明する。また、本実施形態では操作対象オブジェクトとして、サムネイル画像を例に挙げて説明する。

本実施形態における編集画面の概要について、図７を参照して説明する。図７に示すように、編集画面７００には電子アルバムの編集領域７０１、オブジェクト選択領域７０２、電子アルバムの全ページの概要を示すページ一覧領域７０３が表示される。編集領域７０１は電子アルバムの見開きページが表示されている。また、編集領域７０１には、既に高解像度画像７０４と７０５が見開きページに配置されて表示されている。そして、オブジェクト選択領域７０２には、サムネイル画像７０６と７０７が順に表示されている。

そして、本実施形態では、ユーザがオブジェクト選択領域７０２のサムネイル画像をドラッグすると、編集領域７０１の高解像度画像とサムネイル画像との重なりの面積に応じた、編集画面の領域を強調表示する。そして、ユーザがオブジェクト選択領域７０２のサムネイル画像をドロップすると、編集領域７０１の高解像度画像とサムネイル画像との重なりの面積に応じた、編集画面の領域にサムネイル画像と対応する高解像度画像を表示する。

例えば、図８に示すように、ドラッグされたサムネイル画像７０６と編集領域７０１の高解像度画像７０４との重なり面積が所定値よりも小さい時は、編集領域７０１の枠が強調表示される。そして、ここでサムネイル画像７０６がドロップされると、図９に示すように、編集領域７０１にサムネイル画像７０６と対応する高解像度画像７０６´がレイアウトされて表示される。

また、例えば、図１０に示すように、ドラッグされたサムネイル画像７０６と編集領域７０１の高解像度画像７０４との重なり面積が所定値以上の時は、高解像度画像７０４の枠が強調表示される。そして、ここでサムネイル画像７０６がドロップされると、図１１に示すように、高解像度画像７０４に代えてサムネイル画像７０６と対応する高解像度画像７０６´がレイアウトされて表示される。また、高解像度画像７０４と対応するサムネイル画像７０４´がオブジェクト選択領域７０２に表示される。

次に、本実施形態においてコンピュータ装置のＣＰＵ１０６がアプリケーションソフトウェアにしたがって実行する処理の手順について、図１２のフローチャートを参照して説明する。

ステップＳ１２００において、ＣＰＵ１０６はアプリケーションソフトウェアを起動する。ここで、ＣＰＵ１０６はアプリケーションソフトウェアの指示にしたがい、ＨＤＤ１０９から高解像度画像を読み出し、電子アルバムの各ページに配置しているものとする。

ステップＳ１２０１において、ＣＰＵ１０６は図７に示すような編集画面を表示する。

ステップＳ１２０２において、ＣＰＵ１０６はオブジェクト選択領域７０２にあるサムネイル画像がドラッグされたかどうかを検知する。ここで、ドラッグされているサムネイル画像を識別するとともに、その表示領域も検知する。サムネイル画像は所定のサイズを有し、ポインティングデバイスで指示された位置からサムネイル画像の表示領域が検知される。図８では、ポインティングデバイスで指示された場所がポインタ８０１で示されており、ポインタの位置はサムネイル画像の左下と対応する。具体的には、サムネイル画像の所定サイズの横をｗ、縦をｈ、ポインティングデバイスで指定された位置を（Ｐｘ，Ｐｙ）であるとすると、サムネイル画像は左下座標（Ｐｘ，Ｐｙ）、右上座標（Ｐｘ＋ｗ，Ｐｙ＋ｈ）となる。

ステップＳ１２０３において、ＣＰＵ１０６はドラッグされているサムネイル画像７０６と編集領域７０１の高解像度画像７０４の重なりの面積を算出する。具体的には、編集領域７０１に既に表示されている高解像度画像７０４の座標をＲＡＭ１０８に保持している。座標は編集領域７０１の左下隅を原点とし、各高解像度画像の対角の座標がそれぞれ保持されている。例えば、高解像度画像７０４の左下座標は（Ｉｘ，Ｉｙ）と右上座標は（Ｊｘ，Ｊｙ）であり、高解像度画像７０５の左下座標は（Ｋｘ，Ｋｙ）と右上座標は（Ｌｘ，Ｌｙ）であるとする。

そして、ＣＰＵ１０６はドラッグされているサムネイル画像７０６の左下のＹ座標が高解像度画像の右上のＹ座標よりも小さく（Ｐｙ＜Ｊｙ）、かつ、サムネイル画像７０６の右上のＹ座標が高解像度画像７０４の右上のＹ座標よりも大きいか判断する。大きければ（（Ｐｙ＋ｈ）＞Ｊｙ）、重なりの縦サイズとして、サムネイル画像７０６の左下のＹ座標と高解像度画像７０４の右上のＹ座標の差（＝｜Ｐｙ−Ｊｙ｜）を求めて取得する。また、サムネイル画像７０６の左下のＹ座標が高解像度画像７０４の右上のＹ座標以下（Ｐｙ≦Ｊｙ）、サムネイル画像７０６の左下のＹ座標が高解像度画像７０４の左下のＹ座標以上（Ｐｙ≧Ｉｙ）、かつ、サムネイル画像７０６の右上のＹ座標が高解像度画像７０４の右上のＹ座標以下であれば（（Ｐｙ＋ｈ）≦Ｊｙ）、重なりの縦サイズとしてサムネイル画像７０６の所定サイズの縦ｈの値を取得する。また、サムネイル画像７０６の左下のＹ座標が高解像度画像７０４の左下のＹ座標よりも小さく（Ｐｙ＜Ｉｙ）、かつ、サムネイル画像７０６の右上のＹ座標が高解像度画像７０４の左下のＹ座標よりも大きければ（（Ｐｙ＋ｈ）＞Ｉｙ）、重なりの縦サイズとして、サムネイル画像７０６の右上のＹ座標と高解像度画像７０４の左下のＹ座標との差（＝｜（Ｐｙ＋ｈ）−Ｉｙ｜）を求めて取得する。

同様にして、重なりの横サイズも取得する。そして、取得された縦サイズと横サイズから重なりの面積を求める。

ステップＳ１２０４において、ステップＳ１２０３で求められた重なりの面積が所定値よりも大きいかどうか判別する。判別の結果、求められた重なりの面積が所定値以上であれば、ステップＳ１２０５の処理を実行し、求められた重なりの面積が所定値よりも小さければ、ステップＳ１２０８の処理を実行する。なお、所定値はアプリケーションソフトウェアにデフォルトとして設定されているものとするが、ユーザが所定値を設定変更するようにしてもよい。

ステップＳ１２０５において、ＣＰＵ１０６は高解像度画像７０４を強調表示した画像データをＶＲＡＭ１０２に作成し、編集領域７０１上に表示させる。ここで、強調表示の態様は重なりの面積と対応付けてＲＡＭ１０８に予め格納されている。そして、例えば、重なりの面積が所定値以上であれば、高解像度画像の枠を赤色で表示するように設定されている。一方、重なりの面積が所定値より小さければ、編集領域７０１の枠を青色で表示するように設定されている。

ステップＳ１２０６において、ＣＰＵ１０６はサムネイル画像７０６がドロップされたかどうかを検知する。そして、ドロップされたと検知されれば、ステップＳ１２０７の処理を実行する。

ステップＳ１２０７において、ＣＰＵ１０６はサムネイル画像７０６と対応する高解像度画像７０６´と高解像度画像７０４と対応するサムネイル画像７０４´をハードディスクから読み出して画像データをＶＲＡＭ１０２に作成する。そして、図１１に示すように、編集領域７０１に高解像度画像７０４に代えて高解像度画像７０６´を表示させ、オブジェクト選択領域７０２にサムネイル画像７０６に代えてサムネイル画像７０４´を表示させる。

一方、ステップＳ１２０８において、ＣＰＵ１０６は編集領域７０１を強調表示した画像データをＶＲＡＭ１０２に作成し、編集画面７００上に表示させる。

ステップＳ１２０９において、ＣＰＵ１０６はサムネイル画像７０６がドロップされたかどうかを検知する。そして、ドロップされたと検知されれば、ステップＳ１２１０の処理を実行する。

ステップＳ１２１０において、ＣＰＵ１０６はサムネイル画像７０６と対応する高解像度画像７０６´と高解像度画像７０４と対応するサムネイル画像７０４´をハードディスから読み出して画像データをＶＲＡＭ１０２に作成し、図９に示すように、編集領域７０１に、さらに高解像度画像７０６´を追加して表示させる。

本実施形態では、ポインティングデバイスによって指示されたオブジェクトと予め表示されている他のオブジェクトとの重なり量に応じて、強調表示される領域を変えるようにしている。このため、ユーザに対して、操作対象オブジェクトがドラッグアンドドロップされている位置を分かりやすく伝えることができる。

また、本実施形態では、オブジェクトがドロップされたときの予め表示されている他のオブジェクトとの重なり量に応じて、当該オブジェクトに対して実行される処理が異なる場合に、処理の種類に応じて強調表示する際の領域の色を変えたり、領域を点滅させるなど表示状態を変えるようにしている。このため、ユーザに対して、操作対象オブジェクトがドロップされた場合になされる処理を前もって分かりやすく伝えることができる。

本発明の目的は前述した実施形態の機能を実現するソフトウエアのプログラムコードを記録した記録媒体を、システムあるいは装置に供給し、そのシステムあるいは装置のコンピュータ（又はＣＰＵ若しくはＭＰＵ）が記録媒体に格納されたプログラムコードを読み出し実行することによっても、達成されることは言うまでもない。この場合、記憶媒体から読み出されたプログラムコード自体が前述した実施形態の機能を実現することとなり、そのプログラムコードを記憶した記憶媒体は本発明を構成することになる。

プログラムコードを供給するための記憶媒体としては、例えば、フレキシブルディスク、ハードディスク、光ディスク、光磁気ディスク、ＣＤ−ＲＯＭ、ＣＤ−Ｒ、磁気テープ、不揮発性のメモリカード、ＲＯＭ、ＤＶＤなどを用いることができる。

また、コンピュータが読み出したプログラムコードを実行することにより、前述した実施形態の機能が実現されるだけでなく、そのプログラムコードの指示に基づき、コンピュータ上で稼動しているＯＳ（オペレーションシステム）などが実際の処理の一部または全部を行い、その処理によって前述した実施形態の機能が実現される場合も含まれることは言うまでもない。

さらに、記憶媒体から読み出されたプログラムコードが、コンピュータに挿入された機能拡張ボードやコンピュータに接続された機能拡張ユニットに備わるメモリに書きこまれた後、そのプログラムコードの指示に基づき、その機能拡張ボードや機能拡張ユニットに備わるＣＰＵなどが実際の処理の一部または全部を行い、その処理によって前述した実施形態の機能が実現される場合も含まれることは言うまでもない。

本発明におけるコンピュータ装置の構成の一例を示すブロック図である。 本発明におけるコンピュータ装置がアプリケーションソフトウェアにしたがって実行する処理の手順の一例を示すフロー図である。 本発明におけるコンピュータ装置のディスプレイに表示される編集画面の一例を示す図である。 本発明におけるコンピュータ装置のディスプレイに表示される編集画面の一例を示す図である。 本発明におけるコンピュータ装置のディスプレイに表示される編集画面の一例を示す図である。 本発明におけるコンピュータ装置のディスプレイに表示される編集画面の一例を示す図である。 本発明におけるコンピュータ装置のディスプレイに表示される編集画面の一例を示す図である。 本発明におけるコンピュータ装置のディスプレイに表示される編集画面の一例を示す図である。 本発明におけるコンピュータ装置のディスプレイに表示される編集画面の一例を示す図である。 本発明におけるコンピュータ装置のディスプレイに表示される編集画面の一例を示す図である。 本発明におけるコンピュータ装置のディスプレイに表示される編集画面の一例を示す図である。 本発明におけるコンピュータ装置がアプリケーションソフトウェアにしたがって実行する処理の手順の一例を示すフロー図である。

符号の説明

１０１ ＣＲＴ
１０２ ＶＲＡＭ
１０３ ＢＭＵ
１０４ キーボード
１０５ ＰＤ
１０６ ＣＰＵ
１０７ ＲＯＭ
１０８ ＲＡＭ
１０９ ＨＤＤ
１１０ フレキシブルディスクドライブ
１１１ ＮＥＴ Ｉ／Ｆ
１１２ ＨＤ
１１３ ＣＰＵバス

Claims (30)

1. オブジェクトのドラッグアンドドロップ操作を利用可能な画面を表示する画面表示装置であって、
   前記オブジェクトがドラッグされた位置を検知するドラッグ検知手段と、
   前記ドラッグ検知手段により検知された位置でオブジェクトがドロップされた場合に実行される処理の種類を選択する選択手段と、
   前記選択手段により選択された処理の種類と対応する強調表示の態様を取得する取得手段と、
   前記取得手段により取得された強調表示の態様に従い、前記画面の所定の領域が強調表示されるよう制御する強調表示制御手段と、
   を有することを特徴とする画面表示装置。
2. 前記態様は明滅の状態又は色であることを特徴とする請求項１に記載の画面表示装置。
3. 前記オブジェクトがドラッグされた位置には、予め他のオブジェクトが表示されていることを特徴とする請求項１に記載の画面表示装置。
4. 前記ドラッグ検知手段は前記ドラッグされたオブジェクトの位置が前記他のオブジェクト内での所定の範囲にあるか否かを検知することを特徴とする請求項３に記載の画面表示装置。
5. 前記画面は前記オブジェクトを挿入するための枠領域を有し、
   前記ドラッグ検知手段は前記オブジェクトがドラッグされた位置に基づき、前記オブジェクトと前記枠領域との重なりの面積を検知することを特徴とする請求項１に記載の画面表示装置。
6. 前記オブジェクトがドロップされた位置を検知するドロップ検知手段と、
   前記ドロップ検知手段による検知に従い、前記画面内の前記オブジェクトが表示される領域が異なるように表示するよう制御するオブジェクト表示制御手段と、
   を有することを特徴とする請求項１に記載の画面表示装置。
7. 前記強調制御手段が画面内で強調表示させる領域は、前記オブジェクトがドロップされれば、前記オブジェクト表示制御手段が前記オブジェクトを表示させる領域であることを特徴とする請求項６に記載の画面表示装置。
8. 前記オブジェクト表示制御手段は、前記ドロップされたオブジェクトを前記画面に予め表示されたオブジェクトと置き換えて表示するよう制御することを特徴とする請求項６に記載の画面表示装置。
9. 前記オブジェクト表示制御手段は、前記ドロップされたオブジェクトを前記画面に追加して表示するよう制御することを特徴とする請求項６に記載の画面表示装置。
10. 前記画面は画像や文字列が配置される電子アルバムを編集するための画面であり、
    前記強調表示制御手段が画面内で強調表示させる領域は、画像が挿入されるページ領域又は前記ページ内の枠領域であることを特徴とする請求項１に記載の画面表示装置。
11. コンピュータに、
    オブジェクトのドラッグアンドドロップ操作を利用可能な画面を表示する画面表示手順と、
    前記オブジェクトがドラッグされた位置を検知するドラッグ検知手順と、
    前記ドラッグ検知手順で検知された位置でオブジェクトがドロップされた場合に実行される処理の種類を選択する選択手順と、
    前記選択手順で選択された処理の種類と対応する強調表示の態様を取得する取得手順と、
    前記取得手順で取得された強調表示の態様に従い、前記画面の所定の領域が強調表示されるよう制御する強調表示制御手順と、
    を実行させることを特徴とするプログラム。
12. 前記態様は明滅の状態又は色であることを特徴とする請求項１１に記載のプログラム。
13. 前記オブジェクトがドラッグされた位置には、予め他のオブジェクトが表示されていることを特徴とする請求項１１に記載のプログラム。
14. 前記ドラッグ検知手順において、前記ドラッグされたオブジェクトの位置が前記他のオブジェクト内での所定の範囲にあるか否かを検知することを特徴とする請求項１３に記載のプログラム。
15. 前記画面は前記オブジェクトを挿入するための枠領域を有し、
    前記ドラッグ検知手順では前記オブジェクトがドラッグされた位置に基づき、前記オブジェクトと前記枠領域との重なりの面積を検知することを特徴とする請求項１１に記載のプログラム。
16. 前記コンピュータに、
    前記オブジェクトがドロップされた位置を検知するドロップ検知手順と、
    前記ドロップ検知手順での検知に従い、前記画面内の前記オブジェクトが表示される領域が異なるように表示するよう制御するオブジェクト表示制御手順と、
    を実行させることを特徴とする請求項１１に記載のプログラム。
17. 前記強調表示制御手順において画面内で強調表示される領域は、前記オブジェクトがドロップされれば、前記オブジェクト表示制御手順において前記オブジェクトが表示される領域であることを特徴とする請求項１６に記載のプログラム。
18. 前記オブジェクト表示制御手順では、前記ドロップされたオブジェクトを前記画面に既に存在するオブジェクトと置き換えて表示するよう制御することを特徴とする請求項１６に記載のプログラム。
19. 前記オブジェクト表示制御手順では、前記ドロップされたオブジェクトを前記画面に追加して表示するよう制御することを特徴とする請求項１６に記載のプログラム。
20. 前記画面は画像や文字列が配置される電子アルバムを編集するための画面であり、
    前記強調表示制御手順において前記画面内で強調表示される領域は、画像が挿入されるページ領域又は前記ページ内の枠領域であることを特徴とする請求項１１に記載のプログラム。
21. オブジェクトのドラッグアンドドロップ操作を利用可能な画面を表示する画面表示方法であって、
    前記オブジェクトがドラッグされた位置を検知するドラッグ検知ステップと、
    前記ドラッグ検知ステップで検知された位置でオブジェクトがドロップされた場合に実行される処理の種類を選択する選択ステップと、
    前記選択ステップで選択された処理の種類と対応する強調表示の態様を取得する取得ステップと、
    前記取得ステップで取得された強調表示の態様に従い、前記画面の所定の領域が強調表示されるよう制御する強調表示制御ステップと、
    を有することを特徴とする画面表示方法。
22. 前記態様は明滅の状態又は色であることを特徴とする請求項２１に記載の画面表示方法。
23. 前記オブジェクトがドラッグされた位置には、予め他のオブジェクトが表示されていることを特徴とする請求項２１に記載の画面表示方法。
24. 前記ドラッグ検知ステップにおいて、前記ドラッグされたオブジェクトの位置が前記他のオブジェクト内での所定の範囲にあるか否かを検知することを特徴とする請求項２３に記載の画面表示方法。
25. 前記画面は前記オブジェクトを挿入するための枠領域を有し、
    前記ドラッグ検知ステップでは前記オブジェクトがドラッグされた位置に基づき、前記オブジェクトと前記枠領域との重なりの面積を検知することを特徴とする請求項２１に記載の画面表示方法。
26. 前記オブジェクトがドロップされた位置を検知するドロップ検知ステップと、
    前記ドロップ検知ステップでの検知にしたがい、前記画面内の前記オブジェクトが表示される領域が異なるように表示するよう制御するオブジェクト表示制御ステップと、
    を有することを特徴とする請求項２１に記載の画面表示方法。
27. 前記領域表示制御ステップにおいて画面内で強調表示される領域は、前記オブジェクトがドロップされれば、前記オブジェクト表示制御ステップにおいて前記オブジェクトが表示される領域であることを特徴とする請求項２６に記載の画面表示方法。
28. 前記オブジェクト表示制御ステップでは、前記ドロップされたオブジェクトを前記画面に既に存在するオブジェクトと置き換えて表示するよう制御することを特徴とする請求項２６に記載の画面表示方法。
29. 前記オブジェクト表示制御ステップでは、前記ドロップされたオブジェクトを前記画面に追加して表示するよう制御することを特徴とする請求項２６に記載の画面表示方法。
30. 前記画面は画像や文字が配置される電子アルバムを編集するための画面であり、
    前記強調表示制御ステップにおいて前記画面内で強調表示される領域は、画像が挿入されるページ領域又は前記ページ内の枠領域であることを特徴とする請求項２１に記載の画面表示方法。

Images