(57)【要約】【課題】ユーザの環境によって表示されるウィンドウ画面のサイズが異なる場合でも、適切な大きさと数のデータを表示する。【解決手段】表示対象となる画像ファイルやフォルダの数に応じて、ウィンドウ画面を複数の領域に分割する。そして、分割された領域に画像ファイルのサムネイル画像やフォルダを示す枠を配置して表示する。ここで、分割された領域のサイズが予め定められたサイズより小さければ、そのサイズでの描画処理を行わないようにする。【選択図】図６
2008015698.tif 000002
【特許請求の範囲】
【請求項１】
階層構造を用いて画像ファイルを管理する画像管理手段と、前記階層をフォルダとして視覚化するとともに前記画像ファイルのサムネイル画像をウィンドウ画面上に表示する表示手段とを備えた表示システムにおいて、
前記ウィンドウ画面のサイズを取得する画面サイズ取得手段と、
前記画像ファイルの数及び前記ウィンドウ画面のサイズに応じて、前記サムネイル画像の表示サイズをサムネイルサイズとして計算するサムネイルサイズ計算手段と、
前記サムネイルサイズと予め定められた最小サムネイルサイズを比較するサムネイルサイズ比較手段と、
前記比較の結果、前記サムネイルサイズが最小サムネイルサイズ以下の場合、最小サムネイルサイズで少なくとも１つのサムネイル画像を前記ウィンドウ画面上に表示できるか否かを判定するサムネイル領域判定手段と、
前記判定の結果が表示できないである場合にサムネイル画像の描画を禁止するサムネイル描画禁止手段と、
前記判定の結果が表示できるある場合に前記最小サムネイルサイズで前記ウィンドウ画面上に表示可能なサムネイル画像の個数を算出するサムネイル数算出手段と、
前記算出された個数及び前記ウィンドウ画面のサイズに基づき、サムネイルサイズを再計算するサムネイルサイズ再計算手段と、
前記算出された個数のサムネイル画像を前記再計算されたサムネイルサイズで前記ウィンドウ画面上に描画するサムネイル画像描画手段を備えることを特徴とする表示システム。
【請求項２】
前記フォルダの数及び前記ウィンドウ画面のサイズに応じてフォルダの表示サイズをフォルダサイズとして計算するフォルダサイズ計算手段と、
前記フォルダサイズと所定の最小フォルダサイズを比較するフォルダサイズ比較手段と、
フォルダサイズが最小フォルダサイズ以下の場合、最小フォルダサイズで少なくとも１つのフォルダを前記ウィンドウ画面上に表示できるか否かを判定するフォルダ領域判定手段と、
前記判定の結果が表示できないである場合にフォルダの描画を禁止するフォルダ描画禁止手段と、
前記判定の結果が表示できるである場合に前記最小フォルダサイズで前記ウィンドウ画面上に表示可能なフォルダの個数を算出するフォルダ数算出手段と、
前記算出された個数及び前記ウィンドウ画面のサイズに基づき、前記フォルダサイズを再計算するフォルダサイズ再計算手段と、
前記算出された個数のフォルダを前記再計算されたフォルダサイズで描画するフォルダ描画手段を備えることを特徴とする表示システム。
【請求項３】
前記サムネイル描画手段は、描画しないサムネイル画像がある場合は、それを示すマークを描画する残サムネイル表示マーク描画手段を備えることを特徴とする請求項１記載の表示システム。
【請求項４】
前記最小フォルダサイズは、前記最小サムネイルサイズで前記サムネイル画像を予め定められた個数、表示可能なサイズであることを特徴とする請求項１記載の表示システム。
【請求項５】
表示されているフォルダのうちの一つを指示するフォルダ指示手段を備え、
前記フォルダ指示手段によって指示されたフォルダを拡大表示するフォルダ拡大手段と、
前記指示されたフォルダ上に表示されていないフォルダやサムネイルの出現と、すでに表示されているフォルダやサムネイル画像の配置の変化をアニメーション表示する中間状態表示手段とを備えることを特徴とする請求項１記載の表示システム。
【請求項６】
階層構造を用いて画像ファイルを管理する画像管理ステップと、
前記階層をフォルダとして視覚化するとともに前記画像ファイルのサムネイル画像をウィンドウ画面上に表示する表示ステップとを備える表示方法において、
前記ウィンドウ画面のサイズを取得するステップと、
前記画像ファイルの数及び前記取得されたウィンドウ画面のサイズに応じて、前記サムネイル画像の表示サイズをサムネイルサイズとして計算するステップと、
前記サムネイルサイズと予め定められた最小サムネイルサイズを比較するステップと、
前記比較の結果、前記サムネイルサイズが最小サムネイルサイズ以下の場合、最小サムネイルサイズで少なくとも１つのサムネイル画像を前記ウィンドウ画面上に表示できるか否かを判定するステップと、
前記判定の結果が表示できないである場合にサムネイル画像の描画を禁止するステップと、
前記判定結果が表示できるである場合に前記最小サムネイルサイズで前記ウィンドウ画面上に表示可能なサムネイル画像の個数を算出するステップと、
前記算出された個数及び前記ウィンドウ画面のサイズに基づき、サムネイルサイズを再計算するステップと、
前記算出された個数のサムネイル画像を前記再計算されたサムネイルサイズで前記ウィンドウ画面上に描画するステップを備えることを特徴とする表示方法。
【請求項７】
コンピュータに、
階層構造を用いて画像ファイルを管理する画像管理ステップと、
前記階層をフォルダとして視覚化するとともに前記画像ファイルのサムネイル画像をウィンドウ画面上に表示する表示ステップと、
前記ウィンドウ画面のサイズを取得するステップと、
前記画像ファイルの数及び前記取得されたウィンドウ画面のサイズに応じて、前記サムネイル画像の表示サイズをサムネイルサイズとして計算するステップと、
前記サムネイルサイズと予め定められた最小サムネイルサイズを比較するステップと、
前記比較の結果、前記サムネイルサイズが最小サムネイルサイズ以下の場合、最小サムネイルサイズで少なくとも１つのサムネイル画像を前記ウィンドウ画面上に表示できるか否かを判定するステップと、
前記判定の結果が表示できないである場合にサムネイル画像の描画を禁止するステップと、
前記判定結果が表示できるである場合に前記最小サムネイルサイズで前記ウィンドウ画面上に表示可能なサムネイル画像の個数を算出するステップと、
前記算出された個数及び前記ウィンドウ画面のサイズに基づき、サムネイルサイズを再計算するステップと、
前記算出された個数のサムネイル画像を前記再計算されたサムネイルサイズで前記ウィンドウ画面上に描画するステップを実行させるためのプログラム。
【発明の詳細な説明】
【技術分野】
【０００１】
本発明は、階層構造を用いて管理されたデータを表示する表示システム及び表示方法、並びにプログラムに関する。
【背景技術】
【０００２】
多くのデータを画面に一度に表示する表示システムに関して、さまざまな技術が提案されている。
【０００３】
例えば、特許文献１記載の技術は、あるフォルダに入っている画像とサブフォルダのアイコンを一度に表示する際に、画像数とサブフォルダ数の総数に応じて、画面の分割数を変え、分割された一つの領域に、一つの画像またはサブフォルダを表示している。
【０００４】
例えば図１３の（Ａ）は、あるフォルダに入っている３つのサブフォルダと１１個の画像を表示している様子を表している。
【０００５】
図１３の（Ａ）において、ＳＢ１，ＳＢ５，ＳＢ１１はサブフォルダを表し、２、３、４、６、７、８、９、１０、１２、１３、１４は画像を表している。また１５と１６は何も表示しない領域を表している。この例では、総計１４個の画像とサブフォルダを表示するために、画面全体を１６個の領域に分割し、そのうちの１４箇所に画像とサブフォルダを表示している。
【０００６】
また、図１３の（Ｂ）はあるフォルダに入っている８個の画像を表示している様子を表している。
【０００７】
図１３の（Ｂ）において、１から８は画像を表し、９は何も表示しない領域を表している。この例では８個の画像を表示するために画面を９個の領域に分割し、そのうちの８箇所に画像を表示している。また、このように画像とサブフォルダの総数に応じて画面の分割数を変えると、総数が増えた場合に、画像とサブフォルダが小さく表示されてしまうので、分割数に上限を設けていた。
【０００８】
また、特許文献２では、選択されたフォルダに入っているデータを、図１４に示すように表示していた。
【０００９】
同図において、Ａ，Ｂ，Ｃ，Ｄ，Ｅはサブフォルダを表し、Ａ−１，Ｂ−１，Ｂ−２，Ｃ−１，Ｄ−１，Ｅ−１，Ｅ−２，Ｒ−１はデータを表す。これによれば、選択されたフォルダ直下に入っている画像だけでなく、サブフォルダに入っているデータも含めて、すべてのデータを同時に表示できる。さらに、サブフォルダの中に入っているデータの数に応じて、サブフォルダを表示する大きさを決めることにより、データが均等の大きさで表示されるようにしている。
【特許文献１】特開平０８−３３５３８７号公報
【特許文献２】特開平０８−２６３２５５号公報
【発明の開示】
【発明が解決しようとする課題】
【００１０】
特許文献１記載の技術は、サブフォルダと画像の総数で画面を分割しており、できるだけ多くの画像を表示する工夫がなされているが、サブフォルダの中の画像は表示されず、サブフォルダの中の画像を見るには、サブフォルダを開く必要があった。
【００１１】
また、表示画面のサイズが固定であることを前提としているので、分割数の上限を設けることによる利点があったが、これをコンピュータなどのようにディスプレイサイズがユーザの環境によって異なる場合に当てはめると、以下の不具合が生じる。
【００１２】
即ち、分割数の上限が一定であるため、大きなディスプレイを使う場合に、分割数が少なすぎて、表示される画像の数が少なくなり、その分、不必要に画像が大きく表示されてしまう。
【００１３】
特許文献２記載の技術は、サブフォルダの中の画像も含めて、表示することができる。また、サブフォルダの中の画像も含めて、すべての画像の数を考慮して、画像の表示サイズを決定することにより、画像の表示サイズを最適化している。
【００１４】
しかし、フォルダの中にデータがたくさんあると、一つのデータを表示する領域が小さくなり、データが見づらくなるという問題があった。ユーザが視覚的に認識できる大きさを決めておき、それ以下にはしないように提案されているが、フォルダに入っているデータの数が多い場合は、すべてのデータを表示するためには、大きな表示画面が必要となっていた。
【００１５】
本発明の目的は、ユーザの環境によって表示画面のサイズが異なる場合でも、表示画面のサイズに応じて適切な大きさと数のデータを表示することができる表示システム及び表示方法、並びにプログラムを提供することにある。
【課題を解決するための手段】
【００１６】
上記目的を達成するために、本発明の１つは、階層構造を用いて画像ファイルを管理する画像管理手段と、前記階層をフォルダとして視覚化するとともに前記画像ファイルのサムネイル画像をウィンドウ画面上に表示する表示手段とを備えた表示システムにおいて、前記ウィンドウ画面のサイズを取得する画面サイズ取得手段と、前記画像ファイルの数及び前記ウィンドウ画面のサイズに応じて、前記サムネイル画像の表示サイズをサムネイルサイズとして計算するサムネイルサイズ計算手段と、前記サムネイルサイズと予め定められた最小サムネイルサイズを比較するサムネイルサイズ比較手段と、前記比較の結果、前記サムネイルサイズが最小サムネイルサイズ以下の場合、最小サムネイルサイズで少なくとも１つのサムネイル画像を前記ウィンドウ画面上に表示できるか否かを判定するサムネイル領域判定手段と、前記判定の結果が表示できないである場合にサムネイル画像の描画を禁止するサムネイル描画禁止手段と、前記判定結果が表示できるである場合に前記最小サムネイルサイズで前記ウィンドウ画面上に表示可能なサムネイル画像の個数を算出するサムネイル数算出手段と、前記算出された個数及び前記ウィンドウ画面のサイズに基づき、サムネイルサイズを再計算するサムネイルサイズ再計算手段と、前記算出された個数のサムネイル画像を前記再計算されたサムネイルサイズで前記ウィンドウ画面上に描画するサムネイル画像描画手段を備えたことを特徴とする表示システムを提供する。
【発明の効果】
【００１７】
本発明によれば、ウィンドウ画面の領域を有効に利用し、ユーザが視認し難いほどに小さいサイズのサムネイル画像やフォルダ等のデータを表示しないようにする。従って、ユーザの環境によってウィンドウ画面のサイズが異なる場合でも、適切な大きさと数のデータを表示することができ、ユーザはデータを視認し易くなる。
【発明を実施するための最良の形態】
【００１８】
以下、本発明の実施の形態を図面を参照しながら詳細に説明する。
【００１９】
図１は、本発明の実施の形態に係る表示システムの構成を概略的に示す図である。
【００２０】
図１において、表示システムは、表示手段１０１、サムネイル描画手段１０２、フォルダ描画手段１０３、画像格納手段１０４、操作手段１０５、及びフォルダ指示手段１０６を備える。
【００２１】
画像格納手段１０４は、階層構造を用いて画像ファイルを格納する。尚、画像格納手段１０４は、表示システムに固定して設置されたハードディスクやメモリカード、又は着脱可能な光ディスク、磁気や光カード、ＩＣカード、メモリカードなどを含む外部記憶装置により実現される。
【００２２】
表示手段１０１は、階層を視覚化したフォルダや、画像ファイルのサムネイル画像を含むウィンドウ画面を表示する。サムネイル描画手段１０２は、画像格納手段１０４に格納されている画像ファイルのサムネイル画像を描画する。フォルダ描画手段１０３は、フォルダに対応する枠を描画する。尚、表示手段１０１、サムネイル描画手段１０２及びフォルダ描画手段１０３は、モニタ又はディスプレイやそのインターフェイス、コントローラに含まれる。
【００２３】
操作手段１０５は、サムネイル描画手段１０２によって描画されたサムネイル画像やフォルダ描画手段１０３によって描画されたフォルダ枠を操作する。フォルダ指示手段１０６は、フォルダ描画手段１０３によって描画されたフォルダ枠のうちの一つを指示し、そのフォルダの中に入っている画像ファイルやフォルダのみを表示するように指示する。尚、操作手段１０５やフォルダ指示手段１０６は、ユーザの操作を受け、データを入力するポインティングデバイスやキーボードなどの入力デバイスやそのインターフェイスによって実現される。
【００２４】
さらに、表示システムは、表示システム全体を制御するCentral Processing Unit（ＣＰＵ）を有する。また、変更を必要としないプログラムやパラメータを格納するRead Only Memory（ＲＯＭ）や外部装置などから供給されるプログラムやデータを一時記憶するRandom Access Memory（ＲＡＭ）を有する。
【００２５】
また、上記した各手段やユニットはシステムバスにより、互いに通信可能に接続されている。
【００２６】
また、外部記憶装置は、画像ファイルの他に、Operating System（ＯＳ）や以下の表示システムをコンピュータに実現させるためのアプリケーションプログラムを予め記憶している。
【００２７】
図２は、図１における画像格納手段１０４に格納される画像ファイル及びフォルダの第１の構成例を示す図である。
【００２８】
図２において、フォルダＡの下に画像ファイル１から画像ファイル４まで、またフォルダ１からフォルダ３（サブフォルダ）までが存在している。
【００２９】
図３は、図２のフォルダ構成を図１における表示手段に表示した第１の例を示す図である。
【００３０】
図３の表示画面３０１において、画像１から画像４は、サムネイル描画手段１０２によって描画された、画像ファイル１から画像ファイル４のサムネイル画像を示す。また、フォルダ１からフォルダ３は、フォルダ描画手段１０３によって描画された図３のフォルダ１からフォルダ３の枠を示す。
【００３１】
本実施の形態では、ウィンドウ画面を（フォルダ数＋１）個に分割し、そのうちの一つの領域にサムネイル画像をまとめて表示し、残りの領域にフォルダ枠を描画している。複数のサムネイル画像がある場合は、サムネイル画像が表示される領域の中をさらに均等に分割することにより、すべてのサムネイル画像を表示することを可能としている。図２と図３は、フォルダＡの下の画像ファイル及びサブフォルダが少ないため、すべての画像ファイルのサムネイル画像及びサブフォルダ枠を表示できている例を示している。
【００３２】
図４は、図１における画像格納手段１０４に格納される画像ファイル及びフォルダの第２の構成例を示す図である。
【００３３】
図４において、フォルダＡの下に画像ファイル１から画像ファイル６まで、またフォルダ１からフォルダ１１（フォルダＡのサブフォルダ）までが存在している。
【００３４】
図５は、図４のフォルダ構成を図１における表示手段１０１に表示した第２の例を示す図である。
【００３５】
図５の表示画面５０１において、画像１から画像４は、図４の画像ファイル１から画像ファイル６までのうちの、最初の４つのサムネイル画像を示している。また、フォルダ１からフォルダ８は、図４のフォルダ１からフォルダ１１までのうちの、最初の８つのフォルダの枠を示している。
【００３６】
マーク５０２は、表示されていない残りの画像ファイルのサムネイル画像を表示するためのものであり、このマーク５０２を選択すると、サムネイル画像がスクロールし他のサムネイル画像を表示させることができる。マーク５０３は、表示されていない残りのフォルダの枠を表示させるためのものであり、このマーク５０３を選択すると、フォルダの枠がスクロールし他のフォルダの枠を表示させることができる。
【００３７】
この例では、フォルダＡの下の画像ファイル及びサブフォルダが多く、前述のようにウィンドウ画面全体を（フォルダ数＋１）個に分割すると、サムネイル画像やフォルダの枠が小さくなってしまう。そのため、一部のみを表示し、さらに、表示されていないサムネイル画像やフォルダ枠を表示するためのマークを表示している。
【００３８】
なお、図２と図４の階層構造において、サブフォルダの中にさらに画像ファイルやフォルダが入っている場合は、サブフォルダの中の領域に対して、同じようにしてサムネイル画像とフォルダ枠のサイズを計算する。そして、図３と図５のサブフォルダの中にさらにサムネイル画像やフォルダ枠を表示する。
【００３９】
図６は、図１の表示システムによって実行されるサムネイル画像とフォルダ枠の描画処理の手順を示すフローチャートである。
【００４０】
図６において、まず、ユーザの操作に応答して、フォルダ指示手段１０６からフォルダが指示される（ステップＳ６０１）。ここでは例として、図２及び図４のフォルダＡが指示されたとする。次に、フォルダ描画手段１０３は、指定されたフォルダ直下にあるフォルダ数を取得する（ステップＳ６０２）。図２の例では３個となり、図４の例では１１個となる。
【００４１】
次に、表示するフォルダ枠の領域サイズを計算する（ステップＳ６０３）。具体的には、まず、ウィンドウ画面の表示サイズをＯＳから取得する。そして、ステップＳ６０２で取得したフォルダ数に１を加えた数でウィンドウ画面全体を分割したときの領域サイズを計算し、それをフォルダサイズとする。
【００４２】
図２の例の場合、フォルダ数は３であったので、ウィンドウ画面全体を４つに分割したときの領域サイズを求め、それをフォルダサイズとする。図４の例の場合、フォルダ数は１１であったので、ウィンドウ画面全体を１２個に分割したときの領域サイズを求め、それをフォルダサイズとする。
【００４３】
このとき、分割の数が、ある数の２乗になるように調整してもよい。例えば図４の例のように、分割する数が１２であれば、１６（４の２乗）に分割し、４つを余らせた残りの１１の領域にフォルダ枠及びサムネイル画像を描画してもよい。これによって、ウィンドウ画面全体が縦横同じ数に分割され、フォルダ枠が縦横にそろって並ぶので、ユーザはフォルダ枠を見やすくなる。
【００４４】
次に、計算したフォルダサイズが最小フォルダサイズより大きいか否かを判定する（ステップＳ６０４）。最小フォルダサイズとは、本発明の表示システムが描画を許容する最小のフォルダサイズであり、本実施の形態では最小サムネイルサイズの４つ分とする。
【００４５】
最小サムネイルサイズは、本発明の表示システムが描画を許容する最小のサムネイルサイズであり、本実施の形態では、横１００ドットｘ縦１００ドットのサイズに収まる範囲とする。つまり、最小フォルダサイズは、横１００ドットｘ縦１００ドットの領域が４つ入るようなサイズ、例えば横２２０ドットｘ縦２２０ドットである。尚、ここでは、サムネイル画像の間に隙間が開くように縦横２０ドットずつ余計に加えている。
【００４６】
計算したフォルダサイズが最小フォルダサイズより大きい場合は、その計算したフォルダサイズでフォルダ枠を描画する。そして、フォルダ枠は表示手段１０１に表示される（ステップＳ６０５）。図２の例ではフォルダが少なく、フォルダサイズが最小フォルダサイズより大きいため、図３のようにフォルダ枠を計算されたフォルダサイズで描画している。
【００４７】
計算したフォルダサイズが最小フォルダサイズ以下の場合は、最小フォルダサイズでフォルダ枠を一つ以上描画できるスペースがあるか否かを判定する（ステップＳ６０６）。描画できないと判定されれば、フォルダ枠を描画する十分なスペースがないと判定し、フォルダ枠を描画しない（ステップＳ６０７）。
【００４８】
最小フォルダサイズのフォルダ枠を一つ以上描画できるスペースがあれば、フォルダサイズを最小フォルダサイズとした場合に表示できるフォルダ数を計算する。そして、その計算された数のフォルダを表示できる最大のフォルダサイズを計算する（ステップＳ６０８）。最小フォルダサイズそのものの大きさで表示すると、画面に不必要な余白ができるので、余白ができないようなフォルダサイズをここで再計算する。
【００４９】
次に、ステップＳ６０８で計算したフォルダサイズでフォルダ枠を描画する。さらに、表示されていないフォルダ枠があることを示すマークを描画し、表示手段１０１に表示する（ステップＳ６０９）。図４の例では、フォルダが多くあり、すべてのフォルダを表示しようとすると、フォルダサイズが最小フォルダサイズより小さくなってしまう。そのため、図５では、最小フォルダサイズで表示できる８つのフォルダを表示し、その他に表示されていないフォルダがあることを示すマーク５０３を表示している。
【００５０】
次に、指定されたフォルダ直下の画像ファイル数を取得する（ステップＳ６１０）。図２の例では４であり、図４の例では６である。そして、表示するサムネイルサイズを計算する（ステップＳ６１１）。
【００５１】
具体的には、ステップＳ６０３で計算したフォルダサイズを、画像ファイル数で分割したときの領域サイズをサムネイルサイズとして計算する。図２の例の場合、フォルダサイズを４個に分割した時の領域サイズを求める。図４の例では、フォルダサイズを６個に分割したときの領域サイズを求める。
【００５２】
次に、計算したサムネイルサイズが最小サムネイルサイズより大きいか否かを判定する（ステップＳ６１２）。最小サムネイルサイズとは、本発明の表示システムが描画を許容する最小のサムネイルサイズであり、予め定められており、本実施の形態では、横１００ドットｘ縦１００ドットの領域サイズに収まる範囲とする。この最小サムネイルサイズは、ユーザがサムネイル画像の内容を判別することができ、かつサムネイル画像として大きすぎない程度の領域サイズとしている。
【００５３】
サムネイルサイズが最小サムネイルサイズより大きい場合は、そのサムネイルサイズで画像ファイルのサムネイル画像を描画し、表示手段１０１に表示する（ステップＳ６１３）。そして、この処理を終了する。図２の例では、画像ファイルが少なく、サムネイルサイズが最小サムネイルサイズより大きいため、図３のように計算されたサムネイルサイズでサムネイルを描画している。
【００５４】
サムネイルサイズが最小サムネイルサイズ以下の場合は、最小サムネイルサイズでサムネイル画像を一つ以上描画できるスペースがあるか否かを判定する（ステップＳ６１４）。サムネイル画像を描画するスペースがないと判定されれば、サムネイル画像を描画しない（ステップＳ６１５）。そして、この処理を終了する。
【００５５】
最小サムネイルサイズのサムネイル画像を一つ以上描画できるスペースがあれば、サムネイルサイズを最小サムネイルサイズとした場合に表示できる画像ファイル数を計算する。そして、その数のサムネイル画像を表示できる最大のサムネイルサイズを計算する（ステップＳ６１６）。最小サムネイルサイズそのものの大きさで表示すると、ウィンドウ画面に不必要な余白ができるので、余白ができないようなサムネイルサイズをここで再計算する。
【００５６】
次に、ステップＳ６１６で計算したサムネイルサイズで、一部の画像ファイルのサムネイル画像を描画し、表示手段１０１に表示する。さらに、表示されていないサムネイル画像があることを示すマークを描画し（ステップＳ６１７）、この処理を終了する。
【００５７】
図６の処理によれば、計算したフォルダサイズが最小フォルダサイズ以下の場合は、そのフォルダ枠を一つ以上描画できるスペースがあるか否かを判定する（ステップＳ６０６）。フォルダ枠を描画するスペースがないと判定されれば、フォルダ枠を描画しない（ステップＳ６０７）。最小フォルダサイズのフォルダを一つ以上描画できるスペースがあれば、フォルダサイズを最小フォルダサイズとした場合に表示できるフォルダ数を計算し、その数のフォルダを表示できる最大のフォルダサイズを計算する（ステップＳ６０８）。そしてそのフォルダサイズでフォルダ枠を描画する（ステップＳ６０９）。
【００５８】
また、同様に、サムネイルサイズが最小サムネイルサイズ以下の場合は、そのサムネイル画像を一つ以上描画できるスペースがあるか否かを判定し（ステップＳ６１４）する。サムネイル画像を描画するスペースがないと判定されれば、サムネイル画像を描画しない（ステップＳ６１５）。最小サムネイルサイズのサムネイル画像を一つ以上描画できるスペースがあると判定されれば、サムネイルサイズを最小サムネイルとした場合に表示できる画像ファイル数を計算する。そして、その数のサムネイル画像を表示できる最大のサムネイルサイズを計算する（ステップＳ６１６）。そして、そのサムネイルサイズで、一部の画像ファイルのサムネイル画像を描画する（ステップＳ６１７）。
【００５９】
従って、ユーザの表示システム環境によってウィンドウ画面のサイズが異なる場合でも、ウィンドウ画面のサイズに応じて適切な大きさと数の画像ファイルのサムネイル画像やフォルダ枠を表示することができる。
【００６０】
図４の例では、画像ファイルが多くあり、すべての画像ファイルのサムネイル画像を表示しようとすると、サムネイルサイズが最小サムネイルサイズより小さくなってしまう。そのため、図５では、最小サムネイルサイズで表示できる４つの画像ファイルのサムネイル画像を表示し、その他に表示されていないサムネイル画像があることを示すマーク５０２を表示している。
【００６１】
なお、図５において、表示されていないサムネイル画像やフォルダ枠があることを示すマーク５０２と５０３は常に表示されていなくてもよい。例えばユーザによるマウス操作を検知し、ウィンドウ画面上でポインタがドラッグオーバーされると、表示されるようにしてもよい。
【００６２】
次に、図５のマーク５０２と５０３を操作したときの動作を説明する。
【００６３】
図７は、図５において、マークを操作手段により操作し、表示されていないサムネイル画像及びフォルダ枠を表示した例を示す図である。
【００６４】
図７において、サムネイル画像を表示する領域には画像２から画像５が表示されている。これは、マーク５０２が操作されたことにより、サムネイル描画手段１０２が画像４の次の画像（画像５）を描画し、代わりに画像１を描画しなくなったためである。
【００６５】
また、同図において、フォルダ枠を表示する領域には、フォルダ２からフォルダ９が表示されている。これは、マーク５０３が操作されたことにより、フォルダ描画手段１０３がフォルダ９を新たに描画し、変わりにフォルダ１を描画しなくなったためである。
【００６６】
図８は、図１における操作手段によって実行されるマーク操作処理手順を示すフローチャートである。
【００６７】
図８において、ユーザの操作に応答して、操作手段１０５によりマーク５０２と５０３の指示操作が入力される（ステップＳ８０１）。すると、この指示操作が次のサムネイル画像（またはフォルダ）を表示するための操作なのか、前のサムネイル画像（またはフォルダ）を表示するための操作なのかを判定する（ステップＳ８０２）。図５の例で言えば、マーク５０２、５０３のそれぞれにおいて、上側の三角マークを選択した場合は、前のサムネイル画像を表示するための操作となり、下側の三角マークを選択した場合は、次のサムネイル画像を表示するための操作であると判定する。
【００６８】
次のサムネイル画像（またはフォルダ）を表示する操作だった場合は、次のサムネイル画像（フォルダ）を描画して表示し、最初に表示されているサムネイル画像（フォルダ）を消去する（ステップＳ８０３）。マーク５０２の下側の三角マークが操作された場合は、次のサムネイル画像である画像５を描画して表示し、画像１を消去する（図７参照）。マーク５０３の下側の三角マークが操作された場合も同様である。
【００６９】
前のサムネイル画像（またはフォルダ）を表示する操作だった場合は、前のサムネイル画像（フォルダ）を描画して表示し、最後に表示されているサムネイル画像（フォルダ）を消去する（ステップＳ８０４）。図５の表示画面５０１において、マーク５０２の上側の三角マークが操作された場合は、前のサムネイル画像がないため何も行わない。マーク５０３の上側の三角マークが操作された場合も同様である。
【００７０】
以上のように、最小サムネイルサイズまたは最小フォルダサイズより小さくなったために、描画しない画像ファイルのサムネイル画像やフォルダ枠がある場合は、マークを表示するようにした。これにより、ユーザは表示されていない画像ファイルやフォルダが存在することを容易に理解できる。
【００７１】
また、マークを操作することで、表示されていない画像ファイルやフォルダを表示することができるので、ユーザは見えていない画像ファイルとフォルダを閲覧することができる。
【００７２】
次に、表示されているフォルダのうちの一つだけを表示するように指示した場合の表示について説明する。本実施の形態ではこの切り替えを分かりやすくするためにアニメーションを使って表示する。
【００７３】
図９は、図５の表示画面において、フォルダ１の画像ファイルの数が多く、最小サムネイルサイズですべてをウィンドウ画面に表示できない様子を示す図である。
【００７４】
図９において、フォルダ１には、４つの画像Ａから画像Ｄまでが表示されている。この表示は、上述した図６のフローチャートの処理によって行う。
【００７５】
図１０は、図９のウィンドウ画面のフォルダ１の中の画像ファイルのサムネイル画像を表示している様子を示す図である。
【００７６】
図１０において、フォルダ１には６個の画像Ａから画像Ｆが入っているものとする。この時点ではフォルダ１の枠は十分に大きいのですべての画像ファイルのサムネイル画像が表示されている。この描画は、上述した図６のフローチャートの処理によって行う。
【００７７】
図１１は、図９のウィンドウ画面から図１０のウィンドウ画面に遷移する途中の状態を示す図である。
【００７８】
図１１において、ウィンドウ画面５０１ａは図９の状態を示す。ウィンドウ画面５０１ｂは、フォルダ１の中に入っている画像Ａから画像Ｄが少し大きくなったことを示す。ウィンドウ画面５０１ｃは、画像Ａから画像Ｄの位置が移動したことを示す。表示画面５０１ｄは、画像Ａから画像Ｄがさらに大きくなり、そして画像Ｅと画像Ｆが右下から出現てきたことを示す。ウィンドウ画面５０１ｅは、画像Ｅと画像Ｆがさらに移動したことを示す。最後のウィンドウ画面５０１ｆは、画像Ｅと画像Ｆが本来の位置まで移動し、図１０と同じ状態になったことを示す。
【００７９】
このように本実施の形態では、図９の状態から図１０の状態に直接遷移するとユーザは何が起こったかわからなくなるので、その間の中間状態を図１１に示すようにアニメーションで表示する。図１１の例では、具体的には画像Ａから画像Ｄの配置が移動していく様子と、画像Ｅと画像Ｆが出表していく様子をアニメーションで表示している。
【００８０】
この動作を図１２のフローチャートを使い説明する。
【００８１】
図１２は、図９の表示画面から図１０の表示画面に遷移する際の表示画面遷移処理の手順を示すフローチャートである。
【００８２】
図１１の場合、６個のサムネイル画像があるので、それぞれに対してこの処理により描画する。
【００８３】
図１２において、まず、サムネイル画像の現在位置と領域サイズを取得する（ステップＳ１２０１）。画像Ａから画像Ｄに関しては図９の位置とサムネイルサイズを取得する。画像Ｅと画像Ｆに関しては、図９の状態では表示されておらず、途中から出現させることになるので、出現を開始させるべき位置と領域サイズを計算する。
【００８４】
次に、サムネイル画像の最終的な位置と領域サイズを計算する（ステップＳ１２０２）。これは図１０における各サムネイル画像の位置と領域サイズとなる。最後に、現在位置と領域サイズと、最終位置と領域サイズの中間状態をアニメーションにより時間とともに徐々に描画して表示し（ステップＳ１２０３）、この処理を終了する。
【００８５】
以上のように、表示されているフォルダの一つをカレントフォルダとして切り替えた場合、それまで表示されていない画像ファイルのサムネイル画像が出現する。また、すでに表示されているサムネイル画像の配置が移動し領域サイズが変わる際の中間状態をアニメーションにより表示するようにした。そのため、ユーザは何が起きたのか、どのサムネイル画像がどこに移動し、サムネイル画像が出現したのかを視覚的に理解することができる。
【００８６】
＜その他の実施形態＞
また、本発明の目的は、前述した実施形態の機能を実現するソフトウェアのプログラムコードを記録した記憶媒体を、システムあるいは装置に供給しても達成可能である。すなわち、そのシステムあるいは装置のコンピュータ（またはＣＰＵやＭＰＵ）が記憶媒体に格納されたプログラムコードを読出し実行することによっても、達成されることは言うまでもない。この場合、記憶媒体から読出されたプログラムコード自体が前述した実施形態の機能を実現することになり、そのプログラムコードを記憶した記憶媒体は本発明を構成することになる。
【００８７】
プログラムコードを供給するための記憶媒体としては、例えば、フレキシブルディスク、ハードディスク、光ディスク、光磁気ディスク、ＣＤ−ＲＯＭ、ＣＤ−Ｒ、磁気テープ、不揮発性の半導体メモリカード、ＲＯＭなどを用いることができる。また、コンピュータが読出したプログラムコードを実行することにより、前述した実施形態の機能が実現される場合もある。
【００８８】
しかし、さらにそのプログラムコードの指示に基づき、コンピュータ上で稼働しているＯＳ（オペレーティングシステム）などが実際の処理の一部または全部を行い、その処理によって前述した実施形態の機能が実現される場合も含まれることは言うまでもない。  さらに、記憶媒体から読出されたプログラムコードが、コンピュータに挿入された機能拡張ボードやコンピュータに接続された機能拡張ユニットに備わるメモリに書込まれる場合もあり得る。その後、そのプログラムコードの指示に基づき、その機能拡張ボードや機能拡張ユニットに備わるＣＰＵなどが実際の処理の一部または全部を行い、その処理によって前述した実施形態の機能が実現される場合も含まれることは言うまでもない。
【図面の簡単な説明】
【００８９】
【図１】本発明の実施の形態に係る表示システムの構成を概略的に示す図である。
【図２】図１における画像格納手段に格納されるフォルダ及び画像の第１の構成例を示す図である。
【図３】図２のフォルダ構成を図１における表示手段に表示した第１の例を示す図である。
【図４】図１における画像格納手段に格納されるフォルダ及び画像の第２の構成例を示す図である。
【図５】図４のフォルダ構成を図１における表示手段に表示した第２の例を示す図である。
【図６】図１の表示システムによって実行される画像とフォルダの描画処理の手順を示すフローチャートである。
【図７】図５において、マークを操作手段により操作し、表示されていない画像及びフォルダを表示した例を示す図である。
【図８】図１における操作手段によって実行されるマーク操作処理手順を示すフローチャートである。
【図９】図５の表示画面において、フォルダ１の画像の数が多く、最小サムネイルサイズですべて表示できない様子を示す図である。
【図１０】図９の表示画面のフォルダ１の中の画像を表示している様子を示す図である。
【図１１】図９の表示画面から図１０の表示画面に遷移する途中の状態を示す図である。
【図１２】図９の表示画面から図１０の表示画面に遷移する際の表示画面遷移処理の手順を示すフローチャートである。
【図１３】フォルダと画像の数に合わせて画面の領域を分割する様子を示す図である。
【図１４】フォルダに格納されたデータを表示する様子を示す図である。
【符号の説明】
【００９０】
１０１  表示手段
１０２  サムネイル描画手段
１０３  フォルダ描画手段
１０４  画像格納手段
１０５  操作手段
１０６  フォルダ指示手段
【図１】
2008015698.tif 000003
【図２】
2008015698.tif 000004
【図３】
2008015698.tif 000005
【図４】
2008015698.tif 000006
【図５】
2008015698.tif 000007
【図６】
2008015698.tif 000008
【図７】
2008015698.tif 000009
【図８】
2008015698.tif 000010
【図９】
2008015698.tif 000011
【図１０】
2008015698.tif 000012
【図１１】
2008015698.tif 000013
【図１２】
2008015698.tif 000014
【図１３】
2008015698.tif 000015
【図１４】
2008015698.tif 000016