JP4560504B2 - 表示制御装置および表示制御方法およびプログラム - Google Patents

Description

本発明は、フォルダに格納されたデータをフォルダと共に表示する表示制御装置および表示制御方法およびプログラムに関する。

多くのデータを画面に一度に表示する表示システムに関して、さまざまな技術が提案されている。

例えば、特許文献１記載の技術は、あるフォルダに入っている画像とサブフォルダのアイコンを一度に表示する際に、画像数とサブフォルダ数の総数に応じて、画面の分割数を変え、分割された一つの領域に、一つの画像またはサブフォルダを表示している。

例えば図１８の（Ａ）は、あるフォルダに入っている３つのサブフォルダと１１個の画像を表示している様子を表している。

図１８の（Ａ）において、ＳＢ１，ＳＢ５，ＳＢ１１はサブフォルダを表し、２、３、４、６、７、８、９、１０、１２、１３、１４は画像を表している。また１５と１６は何も表示しない領域を表している。この例では、総計１４個の画像とサブフォルダを表示するために、画面全体を１６個の領域に分割し、そのうちの１４箇所に画像とサブフォルダを表示している。

また、図１８の（Ｂ）はあるフォルダに入っている８個の画像を表示している様子を表している。

図１８の（Ｂ）において、１から８は画像を表し、９は何も表示しない領域を表している。この例では８個の画像を表示するために画面を９個の領域に分割し、そのうちの８箇所に画像を表示している。また、このように画像とサブフォルダの総数に応じて画面の分割数を変えると、総数が増えた場合に、画像とサブフォルダが小さく表示されてしまうので、分割数に上限を設けていた。

また、特許文献２では、選択されたフォルダに入っているデータを、図１９に示すように表示していた。

同図において、Ａ，Ｂ，Ｃ，Ｄ，Ｅはサブフォルダを表し、Ａ−１，Ｂ−１，Ｂ−２，Ｃ−１，Ｄ−１，Ｅ−１，Ｅ−２，Ｒ−１はデータを表す。これによれば、選択されたフォルダ直下に入っている画像だけでなく、サブフォルダに入っているデータも含めて、すべてのデータを同時に表示できる。さらに、サブフォルダの中に入っているデータの数に応じて、サブフォルダを表示する大きさを決めることにより、データが均等の大きさで表示されるようにしている。
特開平０８−３３５３８７号公報 特開平０８−２６３２５５号公報

特許文献１記載の技術は、サブフォルダと画像の総数で画面を分割しており、できるだけ多くの画像を表示する工夫がなされているが、サブフォルダの中の画像は表示されず、サブフォルダの中の画像を見るには、サブフォルダを開く必要があった。

また、表示画面のサイズが固定であることを前提としているので、分割数の上限を設けることによる利点があったが、これをコンピュータなどのようにディスプレイサイズがユーザの環境によって異なる場合に当てはめると、以下の不具合が生じる。

即ち、分割数の上限が一定であるため、大きなディスプレイを使う場合に、分割数が少なすぎて、表示される画像の数が少なくなり、その分、不必要に画像が大きく表示されてしまう。

特許文献２記載の技術は、サブフォルダの中の画像も含めて、表示することができる。また、サブフォルダの中の画像も含めて、すべての画像の数を考慮して、画像の表示サイズを決定することにより、画像の表示サイズを最適化している。

しかし、フォルダの中にデータがたくさんあると、一つのデータを表示する領域が小さくなり、データが見づらくなるという問題があった。ユーザが視覚的に認識できる大きさを決めておき、それ以下にはしないように提案されているが、フォルダに入っているデータの数が多い場合は、すべてのデータを表示するためには、大きな表示画面が必要となっていた。

本発明の目的は、ユーザの環境によって表示画面のサイズが異なる場合でも、表示画面のサイズに応じて適切な大きさと数のデータを表示することができるようにすることにある。

上記目的を達成するために、請求項１記載の表示制御装置は、データのサムネイルを描画するサムネイル描画手段と、フォルダを描画するフォルダ描画手段と、フォルダに格納されたデータのサムネイルをフォルダと共に第１のウィンドウに表示させる表示手段を備えた表示制御装置において、フォルダに格納されたデータの数を取得する取得手段と、前記取得されたデータ数に基づき、前記フォルダとともに表示されるサムネイルのサイズを計算する計算手段と、前記計算されたサムネイルサイズを予め定められた最小サムネイルサイズと比較する比較手段を備え、前記表示手段は、前記計算されたサムネイルサイズが、前記最小サムネイルサイズより小さくなる場合は前記最小サムネイルサイズで表示しうる最大数のサムネイルを前記フォルダとともに前記第１のウィンドウに表示させ、前記フォルダに格納されたデータのサムネイル全てを前記第１のウィンドウとは独立した第２のウィンドウに表示させる表示手段とを備え、前記表示手段は、前記第１のウィンドウに表示されているサムネイルを前記第２のウィンドウに表示した後に、前記第１のウィンドウに表示されていないサムネイルを移動しながら追加して前記第２のウィンドウに表示するようにアニメーション表示を実行することを特徴とする。

本発明によれば、ユーザの環境によって表示画面のサイズが異なる場合でも、表示画面のサイズに応じて適切な大きさと数のデータを表示することができる。

以下、本発明の実施の形態を図面を参照しながら詳細に説明する。

図１は、本発明の実施の形態に係る表示システムの構成を概略的に示す図である。

図１において、表示システムは、表示手段１０１、サムネイル描画手段１０２、フォルダ描画手段１０３、画像格納手段１０４、操作手段１０５、及びフォルダ指示手段１０６を備える。

表示手段１０１はフォルダやサムネイルを表示する。サムネイル描画手段１０２は、画像格納手段１０４に格納されている画像のサムネイルを描画する。フォルダ描画手段１０３は、画像格納手段１０４に格納されているフォルダを描画する。画像格納手段１０４は、階層化されたフォルダに分類されて保存されている画像を格納する。

操作手段１０５は、サムネイル描画手段１０２によって描画されたサムネイルやフォルダ描画手段１０３によって描画されたフォルダを操作する。フォルダ指示手段１０６は、フォルダ描画手段１０３によって描画されたフォルダのうちの一つを指示し、その中に入っている画像やフォルダのみを表示するように指示する。

図２は、図１における画像格納手段に格納されるフォルダ及び画像の第１の構成例を示す図である。

図２において、フォルダＡの下に画像１から画像４まで、またフォルダ１からフォルダ３（サブフォルダ）までが存在している。

図３は、フォルダ構成及び画像を図１における表示手段に表示した第１の例を示す図である。

図３は、図２のフォルダ構成及び画像を表示する。表示画面３０１において、画像１から画像４は、サムネイル描画手段１０２によって描画された図３の画像１から画像４（のサムネイル）を示す。また、フォルダ１からフォルダ３は、フォルダ描画手段１０３によって描画された図３のフォルダ１からフォルダ３（の領域）を示す。

本実施の形態では、画面を（フォルダ数＋１）個の領域に分割し、そのうちの一つに画像をまとめて表示し、残りの領域にフォルダを描画している。複数の画像がある場合は、画像が表示される領域の中をさらに均等に分割することにより、すべての画像を表示することを可能としている。図２と図３は、フォルダＡの下の画像及びサブフォルダが少ないため、すべてのデータ及びサブフォルダを表示できている例を示している。

図４は、図１における画像格納手段に格納されるフォルダ及び画像の第２の構成例を示す図である。

図４において、フォルダＡの下に画像１から画像６まで、またフォルダ１からフォルダ１１（サブフォルダ）までが存在している。

図５は、フォルダ構成及び画像を図１における表示手段に表示した第２の例を示す図である。

図５は、図４のフォルダ構成及び画像を表示する。表示画面５０１において、画像１から画像４は、図４の画像１から画像６までのうちの、最初の４つを示している。また、フォルダ１からフォルダ８は、図４のフォルダ１からフォルダ１１までのうちの、最初の８つを示している。

マーク５０２は、表示されていない残りの画像を表示するためのものであり、このマーク５０２を選択すると、図８に示すように、別のウィンドウが開き、表示されていない画像を含めてすべての画像が可能な限り表示される。詳しくは後述する。マーク５０３は、表示されていない残りのフォルダを表示させるためのものであり、このマーク５０３を選択すると、フォルダがスクロールし他のフォルダを表示させることができる。

この例では、フォルダＡの下の画像及びサブフォルダが多く、前述のように画面全体を（フォルダ数＋１）個の領域に分割すると、画像やフォルダが小さくなってしまう。そのため、一部のみを表示し、さらに、表示されていないサムネイルやフォルダを表示するためのマークを表示している。

尚、図２と図４の階層構造において、サブフォルダの中にさらに画像やフォルダが入っている場合は、サブフォルダの中の領域に対して、同じようにして画像とフォルダの領域を計算することで、図３と図５のサブフォルダの中にさらに画像やフォルダを表示する。

図６は、図１の表示システムによって実行される画像とフォルダの描画処理の手順を示すフローチャートである。

図６において、まず、フォルダ指示手段１０６からフォルダが指示される（ステップＳ１０１）。ここでは例として、図２及び図４のフォルダＡが指示されたとする。次に、フォルダ描画手段１０３は、指定されたフォルダ直下にあるフォルダ数を取得する（ステップＳ１０２）。図２の例では３個となり、図４の例では１１個となる。

次に、表示するフォルダのサイズを計算する（ステップＳ１０３）。具体的には、ステップＳ１０２で取得したフォルダ数に１を加えた数で画面全体を分割したときの領域サイズを計算し、それをフォルダサイズとする。

図２の例の場合、フォルダ数は３であったので、４つの領域に分割したときの領域サイズを求め、それをフォルダサイズとする。図４の例の場合、フォルダ数は１１であったので、１２の領域に分割したときの領域サイズを求め、それをフォルダサイズとする。

このとき、領域の数が、ある数の２乗になるように調整してもよい。例えば図４の例のように、分割する領域の数が１２であれば、１６（４の２乗）に分割し、４つを余らせた残りの１１の領域にフォルダ及び画像を描画してもよい。これによって、領域が縦横同じ数に分割され、フォルダが縦横にそろって並ぶので、フォルダが見やすくなる。

次に、計算したフォルダサイズが最小フォルダサイズより大きいか否かを判定する（ステップＳ１０４）。最小フォルダサイズとは、本発明の表示システムが描画する最小のフォルダサイズであり、本実施の形態では最小サムネイルサイズの４つ分とする。

最小サムネイルサイズは、本発明の表示システムが描画する最小のサムネイルサイズであり、本実施の形態では、横１００ドットｘ縦１００ドットのサイズに収まる範囲とする。つまり、最小フォルダサイズは、横１００ドットｘ縦１００ドットの領域が４つ入るようなサイズ、例えば横２２０ドットｘ縦２２０ドットである（サムネイルの間に隙間が開くように縦横２０ドットずつ余計に加えている）。

計算したフォルダサイズが最小フォルダサイズより大きい場合は、そのサイズでフォルダ枠を描画する（表示手段１０１に表示する；以下、同様）（ステップＳ１０５）。図２の例ではフォルダが少なく、フォルダサイズが最小フォルダサイズより大きいため、図３のようにフォルダをそのサイズで描画している。

計算したフォルダサイズが最小フォルダサイズ以下の場合は、そのフォルダを一つ以上描画できるスペースがあるか否かを判定し（ステップＳ１０６）、なければフォルダを描画するスペースがないと判定し、フォルダは描画しない（ステップＳ１０７）。

最小フォルダサイズのフォルダを一つ以上描画できるスペースがあれば、フォルダサイズを最小フォルダサイズとした場合に表示できるフォルダ数を計算する。そして、その数のフォルダを表示できる最大のフォルダサイズを計算する（ステップＳ１０８）。最小フォルダサイズそのものの大きさで表示すると、画面に不必要な余白ができるので、余白ができないようなフォルダサイズをここで再計算する。

次に、ステップＳ１０８で計算したフォルダサイズでフォルダ枠を描画する。さらに、表示されていないフォルダがあることを示すマークを描画する（ステップＳ１０９）。図４の例では、フォルダが多くあり、すべてのフォルダを表示しようとすると、フォルダサイズが最小フォルダサイズより小さくなってしまう。そのため、図５では、最小フォルダサイズで表示できる８つのフォルダを表示し、その他に表示されていないフォルダがあることを示すマーク５０３を表示している。

次に、指定されたフォルダ直下の画像数を取得する（ステップＳ１１０）。図２の例では４であり、図４の例では６である。そして、表示する画像サイズ（サムネイルサイズ）を計算する（ステップＳ１１１）。

具体的には、ステップＳ１０３で計算したフォルダサイズを、画像数で分割したときのサイズを計算する。図２の例の場合、フォルダサイズを４個に分割した時のサイズを求める。図４の例では、フォルダサイズを６個に分割したときのサイズを求める。

次に、計算した画像サイズが最小サムネイルサイズより大きいか否かを判定する（ステップＳ１１２）。最小サムネイルサイズとは、本発明の表示システムが描画する最小のサムネイルサイズであり、本実施の形態では、横１００ドットｘ縦１００ドットのサイズに収まる範囲とする。このサイズは、ユーザがサムネイルの内容を判別することができ、かつサムネイルとして大きすぎない程度のサイズとしている。

画像サイズが最小サムネイルサイズより大きい場合は、そのサイズでサムネイルを描画し（ステップＳ１１３）この処理を終了する。図２の例では、画像が少なく、画像サイズが最小サムネイルサイズより大きいため、図３のようにそのサイズでサムネイルを描画している。

画像サイズが最小サムネイルサイズ以下の場合は、そのサムネイルを一つ以上描画できるスペースがあるか否かを判定し（ステップＳ１１４）、スペースがなければサムネイルを描画するスペースがないと判定し、サムネイルは描画しない（ステップＳ１１５）。そして、この処理を終了する。

最小サムネイルサイズのサムネイルを一つ以上描画できるスペースがあれば、サムネイルサイズを最小サムネイルとした場合に表示できるサムネイル数を計算する。そして、その数のサムネイルを表示できる最大のサムネイルサイズを計算する（ステップＳ１１６）。最小サムネイルそのものの大きさで表示すると、画面に不必要な余白ができるので、余白ができないようなサムネイルサイズをここで再計算する。

次に、ステップＳ１１６で計算したサムネイルサイズで、一部のサムネイルを描画する。さらに、表示されていないサムネイルがあることを示すマークを描画し（ステップＳ１１７）、この処理を終了する。

図４の例では、画像が多くあり、すべての画像を表示しようとすると、画像サイズが最小サムネイルサイズより小さくなってしまう。そのため、図５では、最小サムネイルサイズで表示できる４つのサムネイルを表示し、その他に表示されていない画像があることを示すマーク５０２を表示している。

尚、図５において、表示されていない画像やフォルダがあることを示すマーク５０２と５０３は常に表示されていなくてもよく、例えばマウスを近づけると表示されるようにしてもよい。

また前述したように、各フォルダの中に画像やフォルダが入っている場合は、図６の処理フローと同じ処理を行うことによって、フォルダの中にさらに画像やフォルダを表示することができる。

図７は、フォルダ構成及び画像を図１における表示手段に表示した第３の例を示す図である。

図７のフォルダ構成は、フォルダ１の中にさらに画像が入っている場合の例であり、この場合は、最小サムネイルですべての画像が表示しきれないので、４つのみを表示しており、その他の画像があることを示すマーク７０１も表示されている。

次に、図５のマーク５０２を操作したときの動作を説明する。

図８は、フォルダ構成及び画像を図１における表示手段に表示した第４の例を示す図である。

図８は、図５におけるマーク５０２を操作し、表示されていない画像及びフォルダを表示する。別ウィンドウが開き、その中に画像１から画像６までが表示されている。つまり、図５のマーク５０２が操作されたことにより、別ウィンドウが開き、その中にすべての画像が表示される。ここで、表示手段１０１において、最初のウィンドウが、特許請求の範囲に示す第１のウィンドウであり、別ウィンドウが第２のウィンドウである。

ただし、画像の数が多い場合は、画像が小さくなってしまうので、すべては表示せず、図９に示すように、最小サムネイルサイズで画像を表示し、その他に表示されていない画像があることを示すマーク９０１を表示する。尚、図８のマーク８０１は、このウィンドウを閉じて元の画面に戻るためのボタンである。

図１０は、図１の表示システムによって実行される、別ウィンドウにおける画像の描画処理の手順を示すフローチャートである。

図１０において、まず、ウィンドウ枠と、ウィンドウを閉じるマーク（ボタン）８０１を表示する（ステップＳ２０１）。そしてステップＳ２０２以降では、表示する画像のサイズを計算するのであるが、これは、図６のフローのステップＳ１１０以降の処理と同様である。

即ち、まず、画像数を取得する（ステップＳ２０２）。図４の例では６である。次に、表示する画像サイズを計算する（ステップＳ２０３）。具体的には、開かれるウィンドウのサイズを、画像数で分割したときのサイズを計算することになる。図４の例では、ウィンドウサイズを６個に分割したときのサイズを求める。

次に、計算した画像サイズが最小サムネイルサイズより大きいか否かを判定する（ステップＳ２０４）。最小サムネイルサイズとは、本発明の表示システムが描画する最小のサムネイルサイズであり、本実施の形態では横１００ドットｘ縦１００ドットのサイズに収まる範囲とする。このサイズは、ユーザがサムネイルの内容を判別することができ、かつサムネイルとして大き過ぎない程度のサイズとしている。

計算した画像サイズが最小サムネイルサイズより大きい場合は、そのサイズでサムネイルを描画する（ステップＳ２０５）。図８の例では、画像が少なく、画像サイズが最小サムネイルサイズより大きいため、そのままのサイズでサムネイルを描画している。

計算した画像サイズが最小サムネイルサイズ以下の場合は、最小サムネイルサイズを一つ以上描画できるスペースがあるかを調べる（ステップＳ２０６）。スペースがなければ、サムネイルを描画するスペースがないと判断し、サムネイルは描画しないで（ステップＳ２０７）、この処理を終了する。

最小サムネイルサイズを一つ以上描画できるスペースがあれば、サムネイルサイズを最小サムネイルとした場合に表示できるサムネイル数を計算する。そして、その数のサムネイルを表示できる最大のサムネイルサイズを計算する。最小サムネイルそのものの大きさで表示すると、画面に不必要な余白ができるので、余白ができないようなサムネイルサイズをここで再計算する（ステップＳ２０８）。

最後に、ステップＳ２０８で決定したサムネイルサイズで、一部のサムネイルを描画する。さらに、表示されていないサムネイルがあることを示すマークを描画し（ステップＳ２０９）、この処理を終了する。

図９の例では、画像が多くあり、すべての画像を表示しようとすると、画像サイズが最小サムネイルサイズより小さくなってしまうため、一部のサムネイルのみを表示し、その他に表示されていない画像があることを示すマーク９０１を表示している。

尚、図８と図９において、ウィンドウを閉じるマーク８０１と、表示されていない画像やフォルダがあることを示すマーク９０１は常に表示されていなくてもよく、例えばマウスを近づけると表示されるようにしてもよい。

前述した図７は、フォルダの中にさらに画像が入っている場合を表した図である。同図において、フォルダ１の中には、５個以上の画像が入っているが、すべてを表示すると最小サムネイルサイズより小さくなってしまうので、画像Ａから画像Ｄまでの４つが表示されている。

前述したように、マーク７０１を操作すると図８や図９のように別ウィンドウが開き、その他の画像が表示される。この動作も、図１０と同様のフローで行うことができるので、説明は省略する。

また、フォルダ（例えば図７のフォルダ１）の中に画像だけでなくフォルダも入っている場合は、図６と同様のフローで、フォルダ及び画像をフォルダ１の中に表示し、さらにマーク７０１を操作することで、別ウィンドウにフォルダ及び画像を描画する。図６は画面全体にフォルダ及び画像を描画するフローであるが、画面全体の代わりに、別ウィンドウに描画するというだけの違いであるので、説明は省略する。

次に、図５のマーク５０３を操作したときの動作を説明する。

図１１は、フォルダ構成及び画像を図１における表示手段に表示した第６の例を示す図である。

図１１は、図５において、マーク５０３を操作手段により操作し、表示されていないフォルダを表示させる。同図において、フォルダを表示する領域には、フォルダ２からフォルダ９が表示されている。これは、図５においてマーク５０３が操作されたことにより、フォルダ描画手段１０３がフォルダ９を新たに描画し、変わりにフォルダ１を描画しなくなったためである。

図１２は、図１における操作手段によって実行されるマーク操作処理手順を示すフローチャートである。

図１２において、まず、操作手段１０５によりマーク５０３が操作される（ステップＳ３０１）。すると、この操作が次のフォルダを表示する操作なのか、前のフォルダを表示する操作なのかを判別する（ステップＳ３０２）。

図５の例で言えば、マーク５０３を構成する２つの三角マークのうち、下側の三角を選択した場合は、次のフォルダを表示する操作となり、上側の三角を選択した場合は、前のフォルダを表示する操作となる。

次のフォルダを表示する操作だった場合は、次のフォルダを表示し、最初に表示されているフォルダを消去して（ステップＳ３０３）、この処理を終了する。図５の例で言うと、マーク５０３の下側の三角形が操作された場合は、次のフォルダであるフォルダ９を表示し、フォルダ１を消去する。

前のフォルダを表示する操作だった場合は、前のフォルダを表示し、最後に表示されているフォルダを消去して（ステップＳ３０４）、この処理を終了する。図５の状態では、マーク５０３の上側の三角形が操作された場合は、前のフォルダがないため、何も行わない。尚、図９におけるマーク９０１を操作したときも同様である。

次に、図８の別ウィンドウの中に画像を表示する際の描画方法について説明する。図８の例では、図５では表示されていなかった画像５と画像６が、別ウィンドウに新たに表示されることになる。本発明ではこのような場合、状態の遷移を分かりやすくするため、アニメーションを使って表示する。

図１３は、図５の表示画面から図８の表示画面に遷移する途中の状態を示す図である。

図１３において、表示画面５０１ａは図５の状態である。表示画面５０１ｂは、ウィンドウが表示され、その中に画像１から画像４が表示されていることを示す。表示画面５０１ｃは、ウィンドウの形が横長になり、画像３と画像４の位置が移動したことを示す。

表示画面５０１ｄは、画像１から画像４が大きくなり、そして画像５と画像６が右下から出現してきたことを示す。表示画面５０１ｅは、は画像５と画像６がさらに移動したことを示す。最後の表示画面５０１ｆは、画像５と画像６が本来の位置まで移動し、さらにすべての画像の大きさが大きくなり、図８と同じ状態になったことを示す。

このように本発明では、図５の状態から図８の状態に急に遷移すると、ユーザは何が起こったかわからなくなるので、その間の中間状態をアニメーションで表示する。図１３の例では、画像１から画像４の配置が移動しながら大きくなっていく様子と、画像５と画像６が出現していく様子をアニメーションで表示している。

図１４は、図５の表示画面から図８の表示画面に遷移する際の表示画面遷移（図１３に示す状態）処理の手順を示すフローチャートである。

この場合、６個の画像があるので、それぞれに対してこの処理により描画する。

図１４において、まず画像の現在位置とサイズを取得する（ステップＳ４０１）。画像１から画像４に関しては図５の位置とサイズを取得する。画像５と画像６に関しては、図５の状態では表示されておらず、途中から出現させることになるので、出現を開始させるべき場所とサイズを計算する。

次に、画像の最終的な位置とサイズを計算する（ステップＳ４０２）。これは図８における各画像の位置とサイズとなる。最後に、現在位置とサイズと、最終位置とサイズの中間状態を、図１３に示すように、アニメーションにより時間と共に徐々に描画して（ステップＳ４０３）（中間状態表示手段）、この処理を終了する。

尚、図１３では、図５のマーク５０２を操作した場合のアニメーションを表示する例を説明したが、例えば図７のマーク７０１を操作して、サブフォルダの中を拡大表示するときも同様な処理で表示が行われる。即ち、フォルダ１の中に入っている画像及びフォルダが、別ウィンドウに表示される際に、各画像やフォルダの位置と大きさの中間状態がアニメーションによって表示される。

次に、図８の画面で表示されたウィンドウの中で、画像を選択する動作について説明する。

図１５は、フォルダ構成及び画像を図１における表示手段に表示した第７の例を示す図である。

図１５は、ウィンドウ中の画像５と画像６を選択した様子を表す。選択とは、画像に対して何かの操作（例えば印刷や削除など）を行うために、画像を選ぶ動作を指す。ユーザが操作手段１０５によって画像５と画像６をクリックすることで、このような状態になる。

図１６は、フォルダ構成及び画像を図１における表示手段に表示した第８の例を示す図である。

図１６は、図１５の状態でウィンドウを閉じた状態を表す。同図において、図１５で選択されていた画像５と画像６が表示され、さらに太い枠で囲われている。そして、図５で表示されていた画像３と画像４が表示されていない。これよってユーザは、選択された画像があることを、ウィンドウを閉じた状態でも知ることができ、かつウィンドウを閉じた状態でも選択した画像に対して操作が可能である。例えば、フォルダ１からさらに画像を追加で選択して処理を行うときなどに有効である。

図１７は、フォルダ構成及び画像を図１における表示手段に表示した第９の例を示す図である。

図１７は、図１５において、画像１から画像６までを選択してウィンドウを閉じた場合を表す。同図においては、画像１から画像４までが太い枠で囲われて表示される。マーク１７０１は、選択されている画像のうち、一部が表示されていないことを示すものである。ユーザはマーク１７０１を見て、他にも選択されている画像があることを知ることができる。

本発明の実施の形態に係る表示システムの構成を概略的に示す図である。 図１における画像格納手段に格納されるフォルダ及び画像の第１の構成例を示す図である。 フォルダ構成及び画像を図１における表示手段に表示した第１の例を示す図である。 図１における画像格納手段に格納されるフォルダ及び画像の第２の構成例を示す図である。 フォルダ構成及び画像を図１における表示手段に表示した第２の例を示す図である。 図１の表示システムによって実行される画像とフォルダの描画処理の手順を示すフローチャートである。 フォルダ構成及び画像を図１における表示手段に表示した第３の例を示す図である。 フォルダ構成及び画像を図１における表示手段に表示した第４の例を示す図である。 フォルダ構成及び画像を図１における表示手段に表示した第５の例を示す図である。 図１の表示システムによって実行される、別ウィンドウにおける画像の描画処理の手順を示すフローチャートである。 フォルダ構成及び画像を図１における表示手段に表示した第６の例を示す図である。 図１における操作手段によって実行されるマーク操作処理手順を示すフローチャートである。 図５の表示画面から図８の表示画面に遷移する途中の状態を示す図である。 図５の表示画面から図８の表示画面に遷移する際の表示画面遷移処理の手順を示すフローチャートである。 フォルダ構成及び画像を図１における表示手段に表示した第７の例を示す図である。 フォルダ構成及び画像を図１における表示手段に表示した第８の例を示す図である。 フォルダ構成及び画像を図１における表示手段に表示した第９の例を示す図である。 フォルダと画像の数に合わせて画面の領域を分割する様子を示す図である。 フォルダに格納されたデータを表示する様子を示す図である。

符号の説明

１０１ 表示手段
１０２ サムネイル描画手段
１０３ フォルダ描画手段
１０４ 画像格納手段
１０５ 操作手段
１０６ フォルダ指示手段

Claims (4)

1. データのサムネイルを描画するサムネイル描画手段と、フォルダを描画するフォルダ描画手段と、フォルダに格納されたデータのサムネイルをフォルダと共に第１のウィンドウに表示させる表示手段を備えた表示制御装置において、
   フォルダに格納されたデータの数を取得する取得手段と、
   前記取得されたデータ数に基づき、前記フォルダとともに表示されるサムネイルのサイズを計算する計算手段と、
   前記計算されたサムネイルサイズを予め定められた最小サムネイルサイズと比較する比較手段を備え、
   前記表示手段は、
   前記計算されたサムネイルサイズが、前記最小サムネイルサイズより小さくなる場合は前記最小サムネイルサイズで表示しうる最大数のサムネイルを前記フォルダとともに前記第１のウィンドウに表示させ、前記フォルダに格納されたデータのサムネイル全てを前記第１のウィンドウとは独立した第２のウィンドウに表示させる表示手段とを備え、
   前記表示手段は、前記第１のウィンドウに表示されているサムネイルを前記第２のウィンドウに表示した後に、前記第１のウィンドウに表示されていないサムネイルを移動しながら追加して前記第２のウィンドウに表示するようにアニメーション表示を実行することを特徴とする表示制御装置。
2. 前記第２のウィンドウに表示されたサムネイルのうちいずれかのサムネイルを選択する選択手段をさらに有し、
   前記第２のウィンドウが閉じると、前記表示手段は、前記第１のウィンドウに表示されているサムネイルの代わりに前記選択されたサムネイルを前記第１のウィンドウに表示することを特徴とする請求項１に記載の表示制御装置。
3. 表示制御装置の制御方法であって、
   データのサムネイルを描画するステップと、
   フォルダを描画するステップと、
   フォルダに格納されたデータのサムネイルをフォルダと共に第１のウィンドウに表示させるステップと、
   フォルダに格納されたデータの数を取得するステップと、
   前記取得されたデータ数に基づき、前記フォルダとともに表示されるサムネイルのサイズを計算するステップと、
   前記計算されたサムネイルサイズを予め定められた最小サムネイルサイズと比較するステップと、
   前記計算されたサムネイルサイズが、前記最小サムネイルサイズより小さくなる場合は前記最小サムネイルサイズで表示しうる最大数のサムネイルを前記フォルダとともに前記第１のウィンドウに表示させるステップと、
   前記第１のウィンドウに表示されているサムネイルを、前記第１のウィンドウとは独立した第２のウィンドウに表示した後に、前記第１のウィンドウに表示されていないサムネイルを移動しながら追加して前記第２のウィンドウに表示するようにアニメーション表示を実行し、前記フォルダに格納されたデータのサムネイル全てを前記第２のウィンドウに表示させるステップと、
   を備えることを特徴とする表示制御方法。
4. コンピュータに、
   データのサムネイルを描画するステップと、
   フォルダを描画するステップと、
   前記フォルダに格納された前記データのサムネイルを前記フォルダと共に第１のウィンドウに表示させるステップと、
   前記フォルダに格納されたデータの数を取得するステップと、
   前記取得されたデータ数に基づき、前記フォルダとともに表示されるサムネイルのサイズを計算するステップと、
   前記計算されたサムネイルサイズを予め定められた最小サムネイルサイズと比較するステップと、
   前記計算されたサムネイルサイズが、前記最小サムネイルサイズより小さくなる場合は前記最小サムネイルサイズで表示しうる最大数のサムネイルを前記フォルダとともに前記第１のウィンドウに表示させるステップと、
   前記第１のウィンドウに表示されているサムネイルを、前記第１のウィンドウとは独立した第２のウィンドウに表示した後に、前記第１のウィンドウに表示されていないサムネイルを移動しながら追加して前記第２のウィンドウに表示するようにアニメーション表示を実行し、前記フォルダに格納されたデータのサムネイル全てを前記第２のウィンドウに表示させるステップと、
   を実行させるためのプログラム。

Images