JP6746450B2 - 表示制御方法及び表示装置 - Google Patents
表示制御方法及び表示装置 Download PDFInfo
- Publication number
- JP6746450B2 JP6746450B2 JP2016184367A JP2016184367A JP6746450B2 JP 6746450 B2 JP6746450 B2 JP 6746450B2 JP 2016184367 A JP2016184367 A JP 2016184367A JP 2016184367 A JP2016184367 A JP 2016184367A JP 6746450 B2 JP6746450 B2 JP 6746450B2
- Authority
- JP
- Japan
- Prior art keywords
- image
- display
- group
- thumbnail
- area
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
Images
Landscapes
- Controls And Circuits For Display Device (AREA)
- User Interface Of Digital Computer (AREA)
Description
本発明は表示制御方法に関する。
従来より、情報処理装置の記憶部に記録された画像ファイルを、表示装置に一覧表示する際、画像ファイルの撮影日時や、撮影場所や、画像ファイルの属するフォルダ名やタグに応じてグループに分類して表示することが行われている。画像ファイルをグループに分類することで、ユーザーが目的の画像ファイルを探すための助けとなる。
また、スマートフォンのような小さい表示装置を持つ情報処理装置では、一度に表示できる画像ファイル数が少なくなるため、大量の画像ファイルの中から目的の画像ファイルを探すのに時間を要することがある。このため、グループごとにその表示対象の画像を減らし、目的の画像ファイルを探しやすくするものがある（特許文献１参照）。
また、スマートフォンのような小さい表示装置を持つ情報処理装置では、一度に表示できる画像ファイル数が少なくなるため、大量の画像ファイルの中から目的の画像ファイルを探すのに時間を要することがある。このため、グループごとにその表示対象の画像を減らし、目的の画像ファイルを探しやすくするものがある（特許文献１参照）。
しかしながら、あるグループに属する全ての画像を画面に展開して表示する場合、他のグループに属する画像を表示するスペースが少なくなる。また、それぞれのグループの代表画像のみが画面に表示される場合、グループの代表画像以外の画像を閲覧することができない。いずれの表示方法においても画像の一覧性が低いという問題がある。
本発明は、小さい画面でも一覧性が高く、かつ目的のファイルを探しやすい操作画面を提供することを目的とする。
本発明は、小さい画面でも一覧性が高く、かつ目的のファイルを探しやすい操作画面を提供することを目的とする。
本発明の第一態様は、コンピュータが、各グループに分類された画像をグループ毎に画面に表示する表示制御方法において、コンピュータが、画像の操作に用いられる操作画面に表示する複数の画像を取得するステップと、コンピュータが、前記取得した画像を前記操作画面にグループ毎に表示するステップとを含み、前記操作画面は、画面の操作により第一の方向にスクロールが可能であり、前記操作画面は、グループの領域において、前記グループに属する画像が、前記第一の方向と異なる第二の方向の行に並べて配置され、前記第二の方向の行に収まらない画像は、前記第二の方向の行に隣接する行に並べて配置された第一の表示形態と、前記第一の表示形態よりも前記第二の方向の行数を少なくした前記グループの領域に、前記グループに属する各画像が配置され、前記グループの領域に収まらない画像は、前記グループの領域から前記第二の方向に伸長される画面外の領域に配置され、前記第二の方向に対するスクロール操作に応じて、前記グループの領域に収まらない画像を表示させる第二の表示形態と、を有することを特徴とする表示制御方法を提供する。
本発明の第二態様は、本発明の第一態様に係る表示制御方法の各ステップをコンピュータに実行させるためのプログラムを提供する。
本発明の第三態様は、各グループに分類された複数の画像を取得する取得部と、画像の操作に用いられる操作画面であって、前記取得した画像をグループ毎に表示する操作画面を作成する作成部と、を含み、前記操作画面は、画面の操作により第一の方向にスクロールが可能であり、前記操作画面は、グループの領域において、前記グループに属する画像
が、前記第一の方向と異なる第二の方向の行に並べて配置され、前記第二の方向の行に収まらない画像は、前記第二の方向の行に隣接する行に並べて配置された第一の表示形態と、前記第一の表示形態よりも前記第二の方向の行数を少なくした前記グループの領域に、前記グループに属する各画像が配置され、前記グループの領域に収まらない画像は、前記グループの領域から前記第二の方向に伸長される画面外の領域に配置され、前記第二の方向に対するスクロール操作に応じて、前記グループの領域に収まらない画像を表示させる第二の表示形態と、を有することを特徴とする表示装置を提供する。
本発明の第三態様は、各グループに分類された複数の画像を取得する取得部と、画像の操作に用いられる操作画面であって、前記取得した画像をグループ毎に表示する操作画面を作成する作成部と、を含み、前記操作画面は、画面の操作により第一の方向にスクロールが可能であり、前記操作画面は、グループの領域において、前記グループに属する画像
が、前記第一の方向と異なる第二の方向の行に並べて配置され、前記第二の方向の行に収まらない画像は、前記第二の方向の行に隣接する行に並べて配置された第一の表示形態と、前記第一の表示形態よりも前記第二の方向の行数を少なくした前記グループの領域に、前記グループに属する各画像が配置され、前記グループの領域に収まらない画像は、前記グループの領域から前記第二の方向に伸長される画面外の領域に配置され、前記第二の方向に対するスクロール操作に応じて、前記グループの領域に収まらない画像を表示させる第二の表示形態と、を有することを特徴とする表示装置を提供する。
本発明によれば、小さい画面でも一覧性が高く、かつ目的のファイルを探しやすい操作画面を提供することができる。
以下、本発明の好ましい実施例について、図面を参照しながら詳細に説明する。各図において、同一の構成については原則として同一の参照番号をふり、重複する説明は省略する。また、説明を具体化するために例示する数値等は、特に言及しない限りは、これに限定するものではない。
また、本発明は以下の実施形態に限定されるものではなく、その要旨を逸脱しない範囲において適宜変更可能である。例えば、本発明が適用される装置の構成や各種条件によって適宜修正又は変更されてもよい。
また、本発明は以下の実施形態に限定されるものではなく、その要旨を逸脱しない範囲において適宜変更可能である。例えば、本発明が適用される装置の構成や各種条件によって適宜修正又は変更されてもよい。
＜実施例１＞
一実施形態による画像一覧表示システムを実現する情報処理装置及びその制御方法について図１乃至図９を用いて説明する。
＜情報処理装置のハードウェア構成＞
図１は、情報処理装置１００のハードウェア構成例を示すブロック図である。なお、ここでは、実施例１による情報処理装置１００が携帯電話機である場合を例に説明するが、実施例１による情報処理装置１００は携帯電話機に限定されない。画像ファイルのサムネイル画像や画像データを表示する機能を持つ機器を広く情報処理装置として利用できる。かかる情報処理装置１００としては、例えば、デジタルカメラ、携帯型のメディアプレーヤ、タブレットデバイス、パーソナルコンピュータ、スマートフォン等が挙げられる。
一実施形態による画像一覧表示システムを実現する情報処理装置及びその制御方法について図１乃至図９を用いて説明する。
＜情報処理装置のハードウェア構成＞
図１は、情報処理装置１００のハードウェア構成例を示すブロック図である。なお、ここでは、実施例１による情報処理装置１００が携帯電話機である場合を例に説明するが、実施例１による情報処理装置１００は携帯電話機に限定されない。画像ファイルのサムネイル画像や画像データを表示する機能を持つ機器を広く情報処理装置として利用できる。かかる情報処理装置１００としては、例えば、デジタルカメラ、携帯型のメディアプレーヤ、タブレットデバイス、パーソナルコンピュータ、スマートフォン等が挙げられる。
ＣＰＵ１０１は、情報処理装置１００全体の制御を司るものである。また、ＣＰＵ１０１は、入力された信号や、表示制御プログラムに従って情報処理装置１００の各部を制御する。具体的にはＣＰＵ１０１は、後述する画像表示アプリ１０が有する各機能部の処理を行う。
なお、１つのＣＰＵ１０１、即ち、１つのハードウェアによって情報処理装置１００全体を制御する場合を例に説明するが、情報処理装置１００全体の制御を複数のハードウェ
アにより分担させてもよい。
なお、１つのＣＰＵ１０１、即ち、１つのハードウェアによって情報処理装置１００全体を制御する場合を例に説明するが、情報処理装置１００全体の制御を複数のハードウェ
アにより分担させてもよい。
撮像部１０２は、レンズユニットによって結像される被写体光をアナログの電気信号に変換し、当該アナログの電気信号に対してＡ／Ｄ変換等を行うことによってデジタルの信号を生成する。撮像部１０２は、こうして得られるデジタルの信号に対してノイズ低減処理等を行うことによって画像ファイルを生成し、生成した画像ファイルを出力する。撮像部１０２から出力される画像ファイルは、バッファメモリとして機能する作業用メモリ１０４に一時的に保持される。ＣＰＵ１０１は、かかる画像ファイルに対して所定の画像処理を行い、所定の画像処理が施された画像ファイルを記録媒体１０７に記録する。
なお、撮像部１０２は、動画ファイルを生成し、ＣＰＵ１０１に実施例１に係る画像処理を行わせてもよい。
なお、撮像部１０２は、動画ファイルを生成し、ＣＰＵ１０１に実施例１に係る画像処理を行わせてもよい。
不揮発性メモリ１０３は、電気的に消去や記録を行うことが可能な不揮発性のメモリである。不揮発性メモリ１０３には、ＣＰＵ１０１によって実行される基本的なソフトウェアであるＯＳ（オペレーティングシステム）や、ＯＳと協働して応用的な機能を実現するアプリケーションプログラム等が記録されている。また、記録媒体１０７に記録された画像ファイルの一覧表示を行うためのアプリケーションプログラム（以下、「画像表示アプリ」という）が不揮発性メモリ１０３に格納されている。また、後述するサムネイル表示パラメータテーブルも不揮発性メモリ１０３に格納される。
作業用メモリ１０４は、上述したように、撮像部１０２から出力される画像ファイルを一時的に保持するバッファメモリとして機能し得る。また、作業用メモリ１０４は、ＣＰＵ１０１の作業領域等としても用いられる。
作業用メモリ１０４は、上述したように、撮像部１０２から出力される画像ファイルを一時的に保持するバッファメモリとして機能し得る。また、作業用メモリ１０４は、ＣＰＵ１０１の作業領域等としても用いられる。
操作部１０５は、情報処理装置１００に対するユーザーからの指示を受け付けるために用いられる。操作部１０５は、例えば、情報処理装置１００の電源のＯＮ／ＯＦＦを指示するための電源ボタンを含む。また、後述する表示部１０６に備えられるタッチパネルも操作部１０５に該当する。
実施例１による表示装置である表示部１０６は、画像一覧表示システムにおける画像ファイルの表示や、対話的な操作のための文字表示等を行う。なお、表示部１０６は、情報処理装置１００に内蔵されていなくてもよい。情報処理装置１００の外部に配される表示部１０６（ディスプレイ等）に情報処理装置１００を接続する場合には、表示部１０６の表示を制御する表示制御機能（表示制御手段）を情報処理装置１００が備えていればよい。また、実施例１において表示部１０６はタッチパネルになっており、表示部材の押下操作や表示領域のスクロール操作を、操作部１０５として受けることも可能である。
実施例１による表示装置である表示部１０６は、画像一覧表示システムにおける画像ファイルの表示や、対話的な操作のための文字表示等を行う。なお、表示部１０６は、情報処理装置１００に内蔵されていなくてもよい。情報処理装置１００の外部に配される表示部１０６（ディスプレイ等）に情報処理装置１００を接続する場合には、表示部１０６の表示を制御する表示制御機能（表示制御手段）を情報処理装置１００が備えていればよい。また、実施例１において表示部１０６はタッチパネルになっており、表示部材の押下操作や表示領域のスクロール操作を、操作部１０５として受けることも可能である。
記録媒体１０７は、画像ファイル等を記録する。かかる画像ファイルは、撮像部１０２を用いて取得される画像ファイルである場合もあるし、接続部１０８を介して通信を行い、ＥメールやＷｅｂページ、外部の情報処理装置（図示なし）等から取得できる画像ファイルである場合もある。記録媒体１０７は、情報処理装置１００から着脱可能であってもよいし、情報処理装置１００から着脱不能であってもよい。記録媒体１０７が情報処理装置２００から着脱可能な場合には、記録媒体１０７にアクセスする手段を情報処理装置２００が備えていればよい。
接続部１０８は、外部機器（図示なし）と通信を行う際に用いられるインターフェースである。接続部１０８は、例えばアンテナであり、無線ＬＡＮによって外部機器と通信するためのインターフェースとすることができる。情報処理装置１００は、接続部１０８を介して、外部の情報処理装置、例えば撮像装置と接続し、画像ファイルを受信することができる。なお、情報処理装置１００と外部の情報処理装置とは直接接続してもよいし、アクセスポイントを介して接続してもよい。
情報処理装置１００と外部機器との間のデータ通信のプロトコルとしては、上述したように、例えば、無線ＬＡＮを通じたＰＴＰ／ＩＰ等を用いることができる。かかる無線ＬＡＮの規格としては、例えばＩＥＥＥ８０２．１１が挙げられる。ＣＰＵ１０１は、接続部１０８を制御することによって、外部機器との間での無線通信を実現する。なお、情報処理装置１００と外部機器の間の無線通信の方式は、無線ＬＡＮに限定されるものではない。例えば、接続部１０８は、赤外線通信モジュール、Ｂｌｕｅｔｏｏｔｈ（登録商標）通信モジュール、ＷｉｒｅｌｅｓｓＵＳＢ等の無線通信モジュールであってもよい。また、情報処理装置１００と外部機器との間の接続は、無線接続に限定されるものではなく、有線接続であってもよい。例えば、ＵＳＢケーブル、ＨＤＭＩ（登録商標）ケーブル、ＩＥＥＥ１３９４ケーブル等によって、情報処理装置１００と外部機器とを有線接続してもよい。
公衆網接続部１０９は、公衆無線通信を行う際に用いられるインターフェースである。情報処理装置１００は、公衆網接続部１０９を介して、他の情報処理装置、具体的には、携帯電話機等との間で音声通話等を行うことができる。ＣＰＵ１０１は、マイク１１０やスピーカ１１１を介して音声信号の入力や出力を行うことによって、音声通話を実現する。公衆網接続部１０９は、例えばアンテナである。ＣＰＵ１０１は、公衆網接続部１０９を介して、公衆網に接続することができる。なお、接続部１０８と公衆網接続部１０９とを１つのアンテナによって実現することも可能である。ＣＰＵ１０１と公衆網接続部１０９とが相俟って、他の情報処理装置（図示せず）との間で音声通話を実現するための音声通話手段として機能し得る。
＜画像表示アプリの機能構成＞
実施例１による情報処理装置１００が備える画像表示アプリの構成について図２を用いて説明する。以下の説明においては、処理を行う主体が画像表示アプリ１０であるかのように記載している場合がある。実際には、情報処理装置１００に備えられたＣＰＵ１０１が不揮発性メモリ１０３に格納されたプログラム（画像表示アプリ１０）を読み込み、各種処理を実現する。
図２は、画像表示アプリ１０のソフトウェア構成例を示す機能ブロック図である。図２に示す画像表示アプリ１０の各機能は、ＣＰＵ１０１が作業用メモリ１０４又は記録媒体１０７に格納されたプログラムを実行することにより実現される。画像表示アプリ１０は、取得部１１、サムネイル生成部１２、画面作成部１３及び受付部１４を有する。
実施例１による情報処理装置１００が備える画像表示アプリの構成について図２を用いて説明する。以下の説明においては、処理を行う主体が画像表示アプリ１０であるかのように記載している場合がある。実際には、情報処理装置１００に備えられたＣＰＵ１０１が不揮発性メモリ１０３に格納されたプログラム（画像表示アプリ１０）を読み込み、各種処理を実現する。
図２は、画像表示アプリ１０のソフトウェア構成例を示す機能ブロック図である。図２に示す画像表示アプリ１０の各機能は、ＣＰＵ１０１が作業用メモリ１０４又は記録媒体１０７に格納されたプログラムを実行することにより実現される。画像表示アプリ１０は、取得部１１、サムネイル生成部１２、画面作成部１３及び受付部１４を有する。
取得部１１は、記録媒体１０７から一覧表示の対象となる画像ファイルを取得する機能を有する。
サムネイル生成部１２は、画像ファイルに基づいてサムネイル画像を生成する機能を有する。サムネイル画像とは、画像ファイルの画像のサイズを縮小させた画像である。
また、サムネイル生成部１２は、後述する第一の表示形態の際に使用するサムネイル画像と、第二の表示形態の際に使用するサムネイル画像とを個別に生成する。サムネイル生成部１２は、第二の表示形態で使用するサムネイル画像のサイズを、第一の表示形態で使用するサムネイル画像よりも小さくするとよい。サムネイル生成部１２は、生成した各サムネイル画像を作業用メモリ１０４に記録する。
サムネイル生成部１２は、画像ファイルに基づいてサムネイル画像を生成する機能を有する。サムネイル画像とは、画像ファイルの画像のサイズを縮小させた画像である。
また、サムネイル生成部１２は、後述する第一の表示形態の際に使用するサムネイル画像と、第二の表示形態の際に使用するサムネイル画像とを個別に生成する。サムネイル生成部１２は、第二の表示形態で使用するサムネイル画像のサイズを、第一の表示形態で使用するサムネイル画像よりも小さくするとよい。サムネイル生成部１２は、生成した各サムネイル画像を作業用メモリ１０４に記録する。
画面作成部１３は、サムネイル画像を各々のグループに分類し、グループ毎にサムネイル画像を分類して表示する画像一覧画面を作成する機能を有する。例えば、画面作成部１３は、画像ファイルのファイル名、ヘッダ情報などに基づいてグループ分けするとよい。例えば、画面作成部１３は、撮影された日付毎又は撮影された人物毎にサムネイル画像をグループ分けしてもよい。また、画面作成部１３は、各々の画像ファイルに基づいて風景、人物像、夜景、スポーツなどの撮影シーンを判定し、撮影シーン別にグループ分けしてもよい。
また、画面作成部１３は、画像一覧画面において、各々のグループのサムネイル画像を第一の表示形態又は第二の表示形態のうちのいずれかの表示形態で表示する。また、各グループにおいて、ユーザの画面操作により第一の表示形態又は第二の表示形態に切り替え可能に構成される。ここで、第一の表示形態とは、全てのサムネイル画像を配置できる行数分のグループ内画像表示領域を確保する表示形態である。また、第二の表示形態は、第一の表示形態より少ない行数分のグループ内画像表示領域を確保し、グループ内画像表示領域に収まらないサムネイル画像をグループ内画像表示領域から横方向に伸長される画像一覧画面の外の領域に仮想的に配置する表示形態である。なお、以下の説明では、第一の表示形態を「デフォルト表示」といい、第二の表示形態を「縮小表示」という。
画面作成部１３は、第一の表示形態の場合、グループ内画像表示領域に、全てのサムネイル画像を配置できる行数分の表示スペースを確保する。
一方、第二の表示形態の場合、グループ内画像表示領域に第一の表示形態よりも少ない行数分の表示スペースを確保する。このため、グループ内画像表示領域に収まらないサムネイル画像が発生する場合がある。この場合に、画面作成部１３は、第二の表示形態において、グループ内画像表示領域内に収まらないサムネイル画像をグループ内画像表示領域から横方向に伸長される画像一覧画面の外の領域に仮想的に配置する。なお、画像一覧画面は、操作画面の一例である。
また、画面作成部１３は、画像一覧画面において、各々のグループのサムネイル画像を第一の表示形態又は第二の表示形態のうちのいずれかの表示形態で表示する。また、各グループにおいて、ユーザの画面操作により第一の表示形態又は第二の表示形態に切り替え可能に構成される。ここで、第一の表示形態とは、全てのサムネイル画像を配置できる行数分のグループ内画像表示領域を確保する表示形態である。また、第二の表示形態は、第一の表示形態より少ない行数分のグループ内画像表示領域を確保し、グループ内画像表示領域に収まらないサムネイル画像をグループ内画像表示領域から横方向に伸長される画像一覧画面の外の領域に仮想的に配置する表示形態である。なお、以下の説明では、第一の表示形態を「デフォルト表示」といい、第二の表示形態を「縮小表示」という。
画面作成部１３は、第一の表示形態の場合、グループ内画像表示領域に、全てのサムネイル画像を配置できる行数分の表示スペースを確保する。
一方、第二の表示形態の場合、グループ内画像表示領域に第一の表示形態よりも少ない行数分の表示スペースを確保する。このため、グループ内画像表示領域に収まらないサムネイル画像が発生する場合がある。この場合に、画面作成部１３は、第二の表示形態において、グループ内画像表示領域内に収まらないサムネイル画像をグループ内画像表示領域から横方向に伸長される画像一覧画面の外の領域に仮想的に配置する。なお、画像一覧画面は、操作画面の一例である。
受付部１４は、画像一覧画面に対するユーザの操作を受け付ける機能を有する。例えば、受付部１４は、サムネイル画像を選択する操作及びサムネイル画像の選択を解除する操作を受け付ける。
また、受付部１４は、グループ毎に第一の表示形態及び第二の表示形態を切り替える操作を受け付ける。さらに、受付部１４は、第二の表示形態で画像一覧画面が表示されている場合に、このグループに対する横方向のスクロール操作を受け付ける。
また、受付部１４は、グループ毎に第一の表示形態及び第二の表示形態を切り替える操作を受け付ける。さらに、受付部１４は、第二の表示形態で画像一覧画面が表示されている場合に、このグループに対する横方向のスクロール操作を受け付ける。
＜表示形態の切り替え＞
図３Ａ及び図３Ｂは、実施例１に係る画像一覧画面の表示例を示す図である。図３Ａ及び図３Ｂを用いて、グループにおける表示形態の切り替えについて説明する。図３Ａに第一の表示形態の例を示し、図３Ｂに第二の表示形態の例を示す。図３Ａの例では、画像ファイルの作成日をグループとして設定しており、画像ファイルの作成日ごとにサムネイル画像が分類されて表示される。図３の例では、画像ファイルの作成日「２０１６／５／４」、「２０１６／５／１５」及び「２０１６／６／１」をそれぞれグループとして設定している。
図３Ａ及び図３Ｂは、実施例１に係る画像一覧画面の表示例を示す図である。図３Ａ及び図３Ｂを用いて、グループにおける表示形態の切り替えについて説明する。図３Ａに第一の表示形態の例を示し、図３Ｂに第二の表示形態の例を示す。図３Ａの例では、画像ファイルの作成日をグループとして設定しており、画像ファイルの作成日ごとにサムネイル画像が分類されて表示される。図３の例では、画像ファイルの作成日「２０１６／５／４」、「２０１６／５／１５」及び「２０１６／６／１」をそれぞれグループとして設定している。
画像一覧表示領域２０１は、例えば、スマートフォンなどの携帯電話機の画面を示している。画面を下方向にスクロールさせることで、下方向に配置されているサムネイル画像が表示される。
図３Ａの例では、２０１６／６／１のすべてのサムネイル画像（ａ１〜ａ１４）が一覧表示されているが、画像一覧表示領域２０１内に、２０１６／５／１５のｂ５〜ｂ７のサムネイル画像、及び２０１６／５／４のサムネイル画像が表示されていない。このような場合に、画面を下方向にスクロールさせることで、２０１６／５／１５のｂ５〜ｂ７のサムネイル画像、及び２０１６／５／４のサムネイル画像が画像一覧表示領域２０１内に表示される。
なお、２０１６／６／１のａ２及びａ１１に付されたチェックマークは、ａ２及びａ１１がユーザによって選択された状態であることを示す。
図３Ａの例では、２０１６／６／１のすべてのサムネイル画像（ａ１〜ａ１４）が一覧表示されているが、画像一覧表示領域２０１内に、２０１６／５／１５のｂ５〜ｂ７のサムネイル画像、及び２０１６／５／４のサムネイル画像が表示されていない。このような場合に、画面を下方向にスクロールさせることで、２０１６／５／１５のｂ５〜ｂ７のサムネイル画像、及び２０１６／５／４のサムネイル画像が画像一覧表示領域２０１内に表示される。
なお、２０１６／６／１のａ２及びａ１１に付されたチェックマークは、ａ２及びａ１１がユーザによって選択された状態であることを示す。
一方、図３Ｂの例では、２０１６／６／１の各サムネイル画像が第二の表示形態により表示される。具体的には、２０１６／６／１のａ１〜ａ５のサムネイル画像は画像一覧表示領域２０１内の行に表示され、２０１６／６／１のａ７〜ａ１４のサムネイル画像は画像一覧表示領域２０１外の領域に仮想的に配置されている。また、２０１６／６／１のａ
６のサムネイル画像は画像一覧表示領域２０１内に左側の部分のみ表示されている状態である。２０１６／６／１のａ６以降の「ａ６〜ａ１４」のサムネイル画像は、横方向にスクロールさせることで画像一覧表示領域２０１内に表示させることができる。
また、図３Ｂの２０１６／６／１の各サムネイル画像は、図３Ａの２０１６／６／１の各サムネイル画像と比べて縮小して表示されている。以下では、画像一覧表示領域２０１に表示されるサムネイル画像が配置されるスペース（正方形領域）をサムネイル表示サイズという。また、図３Ｂの２０１６／６／１の各サムネイル画像の配置間隔は、図３Ａの２０１６／６／１の各サムネイル画像と比べて小さい。以下では、画像一覧表示領域２０１に表示されるサムネイル画像の配置間隔をサムネイル間マージンという。
なお、図３Ｂにおいて２０１６／５／４及び２０１６／５／１５の各サムネイル画像は、第一の表示形態で表示されている。
６のサムネイル画像は画像一覧表示領域２０１内に左側の部分のみ表示されている状態である。２０１６／６／１のａ６以降の「ａ６〜ａ１４」のサムネイル画像は、横方向にスクロールさせることで画像一覧表示領域２０１内に表示させることができる。
また、図３Ｂの２０１６／６／１の各サムネイル画像は、図３Ａの２０１６／６／１の各サムネイル画像と比べて縮小して表示されている。以下では、画像一覧表示領域２０１に表示されるサムネイル画像が配置されるスペース（正方形領域）をサムネイル表示サイズという。また、図３Ｂの２０１６／６／１の各サムネイル画像の配置間隔は、図３Ａの２０１６／６／１の各サムネイル画像と比べて小さい。以下では、画像一覧表示領域２０１に表示されるサムネイル画像の配置間隔をサムネイル間マージンという。
なお、図３Ｂにおいて２０１６／５／４及び２０１６／５／１５の各サムネイル画像は、第一の表示形態で表示されている。
図３Ｂの例のように、２０１６／６／１の各サムネイル画像を第二の表示形態で表示させたことで、２０１６／６／１のグループ内画像表示領域が小さくなる。これにより、他のグループのサムネイル画像を表示する領域が大きくなり、２０１６／５／１５の全部のサムネイル画像と２０１６／５／４の一部のサムネイル画像とを表示させることができる。
＜画像選択モード＞
図４Ａ及び図４Ｂは、画像選択モード時の表示例を示す図である。図４Ａ及び図４Ｂは、画面作成部１３が表示部１０６に表示する、画像一覧画面の例を示す図である。図４Ａにおいて画像一覧画面は、画像一覧表示領域２０１、ツールバー２０２から構成される。
画像一覧表示領域２０１上には、情報処理装置１００が保持するグループ、および、グループ内の画像ファイルのサムネイル画像が一覧表示される。なお、実施例１では、画像ファイルを示すためにサムネイル画像を表示するものとするが、表示するデータはこれに限られない。例えば、画像ファイルの本画像データを表示するようにしてもよい。また、画像ファイルに関する情報、例えば作成日時やレーティング情報をあわせて表示するようにしてもよい。
図４Ａ及び図４Ｂは、画像選択モード時の表示例を示す図である。図４Ａ及び図４Ｂは、画面作成部１３が表示部１０６に表示する、画像一覧画面の例を示す図である。図４Ａにおいて画像一覧画面は、画像一覧表示領域２０１、ツールバー２０２から構成される。
画像一覧表示領域２０１上には、情報処理装置１００が保持するグループ、および、グループ内の画像ファイルのサムネイル画像が一覧表示される。なお、実施例１では、画像ファイルを示すためにサムネイル画像を表示するものとするが、表示するデータはこれに限られない。例えば、画像ファイルの本画像データを表示するようにしてもよい。また、画像ファイルに関する情報、例えば作成日時やレーティング情報をあわせて表示するようにしてもよい。
ツールバー２０２は、画像に対する操作を行うための機能ボタンや、操作状態を表す表示を行う領域である。ツールバー上には例えば、画像選択モードに変更するための選択ボタン２０３が配置される。
画像表示アプリ１０は、画像一覧表示領域２０１上で、ユーザーのスクロール操作に応じて、表示するグループおよびサムネイル画像を切り替えて表示する。スクロールバー２０４は、その表示位置により、現在表示されているグループおよびサムネイル画像の相対位置を示す。スクロールバー２０４は、スクロール操作がなされている間のみ一時的に表示するようにしてもよい。
画像表示アプリ１０は、画像一覧表示領域２０１上で、ユーザーのスクロール操作に応じて、表示するグループおよびサムネイル画像を切り替えて表示する。スクロールバー２０４は、その表示位置により、現在表示されているグループおよびサムネイル画像の相対位置を示す。スクロールバー２０４は、スクロール操作がなされている間のみ一時的に表示するようにしてもよい。
図４Ａにおいて、選択ボタン２０３が押下されると、画像表示アプリ１０は、画像一覧画面を画像選択モードへと切り替える。
図４Ｂは、画像選択モードにおける画像一覧画面の表示例を示している。画像表示アプリ１０は、画像選択モードで、サムネイル画像が押下されると、そのサムネイル画像を選択状態とする。また、画像表示アプリ１０は、選択状態にあるサムネイル画像が再度押下されると、そのサムネイル画像の選択状態を解除する。
画像表示アプリ１０は、選択状態にあるサムネイル画像に、選択マーク２５１を表示する。ここで、選択状態にあるサムネイル画像を、以降では「選択サムネイル」と記載する場合がある。
図４Ｂは、画像選択モードにおける画像一覧画面の表示例を示している。画像表示アプリ１０は、画像選択モードで、サムネイル画像が押下されると、そのサムネイル画像を選択状態とする。また、画像表示アプリ１０は、選択状態にあるサムネイル画像が再度押下されると、そのサムネイル画像の選択状態を解除する。
画像表示アプリ１０は、選択状態にあるサムネイル画像に、選択マーク２５１を表示する。ここで、選択状態にあるサムネイル画像を、以降では「選択サムネイル」と記載する場合がある。
画像表示アプリ１０は、画像選択モードで、ツールバー２０２上に、選択サムネイル数を表示してもよい。選択サムネイル数とは、選択サムネイルの総数である。また、画像選
択モード時の機能ボタンとして、ツールバー２０２上に、例えば、共有ボタン２５２や、削除ボタン２５３が配置される。サムネイル画像が選択された状態で共有ボタン２５２が押下されると、画像表示アプリ１０は、サムネイル画像に対応した画像ファイルを記録媒体１０７から読みだし、例えば新規Ｅメールに添付する。これにより、選択された画像ファイルを他のユーザと共有させることができる。また、サムネイル画像が選択された状態で削除ボタン２５３が押下されると、画像表示アプリ１０は、選択サムネイルに対応した画像ファイルを記録媒体１０７から削除する。また、キャンセルボタン２５４が押下されると、画像表示アプリ１０は、画像選択モードを解除する。
択モード時の機能ボタンとして、ツールバー２０２上に、例えば、共有ボタン２５２や、削除ボタン２５３が配置される。サムネイル画像が選択された状態で共有ボタン２５２が押下されると、画像表示アプリ１０は、サムネイル画像に対応した画像ファイルを記録媒体１０７から読みだし、例えば新規Ｅメールに添付する。これにより、選択された画像ファイルを他のユーザと共有させることができる。また、サムネイル画像が選択された状態で削除ボタン２５３が押下されると、画像表示アプリ１０は、選択サムネイルに対応した画像ファイルを記録媒体１０７から削除する。また、キャンセルボタン２５４が押下されると、画像表示アプリ１０は、画像選択モードを解除する。
＜第一の表示形態（デフォルト表示）＞
図５Ａ及び図５Ｂは、デフォルト表示（第一の表示形態）の例を示す図である。図５Ａは、情報処理装置１００の記録媒体１０７に記憶されたグループおよび画像ファイルの全てのサムネイル画像を表示するための仮想的な表示（以降、仮想表示と記載する）を示している。
図５Ａに示す仮想表示において、画像一覧表示領域２０１で示される部分が実際に表示部１０６上に表示される。表示外領域３０１は、画像一覧表示領域２０１には含まれない領域、すなわち、現状では表示部１０６に表示されていない部分を示している。例えば、ユーザーが操作部１０５を介して画像一覧表示領域２０１を下側にスクロール操作すると、画像表示アプリ１０は、画像一覧表示領域２０１を仮想表示上において下側に移動させ、グループおよびサムネイル画像の表示を変化させる。
図５Ａ及び図５Ｂは、デフォルト表示（第一の表示形態）の例を示す図である。図５Ａは、情報処理装置１００の記録媒体１０７に記憶されたグループおよび画像ファイルの全てのサムネイル画像を表示するための仮想的な表示（以降、仮想表示と記載する）を示している。
図５Ａに示す仮想表示において、画像一覧表示領域２０１で示される部分が実際に表示部１０６上に表示される。表示外領域３０１は、画像一覧表示領域２０１には含まれない領域、すなわち、現状では表示部１０６に表示されていない部分を示している。例えば、ユーザーが操作部１０５を介して画像一覧表示領域２０１を下側にスクロール操作すると、画像表示アプリ１０は、画像一覧表示領域２０１を仮想表示上において下側に移動させ、グループおよびサムネイル画像の表示を変化させる。
図５Ｂは、デフォルト表示（第一の表示形態）の例を示す図である。実施例１では、図５Ｂのようにグループに属する全てのサムネイル画像を列挙して表示する。グループ内の表示は、グループヘッダ３５１およびグループ内画像表示領域３５４から構成される。
デフォルト表示では、画面作成部１３は、グループ内画像表示領域３５４内の一行目から順にサムネイル画像ａ１〜ａ４までを配置していく。画面作成部１３は、同じ行にサムネイル画像が収まらない場合に、隣接する新しい行にサムネイル画像ａ５〜ａ８までを配置する。さらに、画面作成部１３は、ａ９以降のサムネイル画像も同様に隣接する新しい行に配置する。すなわち、第一の表示形態では、画面作成部１３は、グループ内画像表示領域内の一行目から順にサムネイル画像を配置していき、同じ行にサムネイル画像が収まらない場合に、隣接する新しい行にサムネイル画像を配置する。これにより、グループ内画像表示領域に、グループに属する全てのサムネイル画像が表示される。
デフォルト表示では、画面作成部１３は、グループ内画像表示領域３５４内の一行目から順にサムネイル画像ａ１〜ａ４までを配置していく。画面作成部１３は、同じ行にサムネイル画像が収まらない場合に、隣接する新しい行にサムネイル画像ａ５〜ａ８までを配置する。さらに、画面作成部１３は、ａ９以降のサムネイル画像も同様に隣接する新しい行に配置する。すなわち、第一の表示形態では、画面作成部１３は、グループ内画像表示領域内の一行目から順にサムネイル画像を配置していき、同じ行にサムネイル画像が収まらない場合に、隣接する新しい行にサムネイル画像を配置する。これにより、グループ内画像表示領域に、グループに属する全てのサムネイル画像が表示される。
グループヘッダ３５１上には、グループに関する情報および表示形態変更ボタン３５２が表示される。
グループ名表示領域３５３は、そのグループを示す名称を表示する領域である。実施例１においては、画像ファイルの作成日時をグループとして扱うものとし、画面作成部１３は、グループヘッダ３５１にグループの名称として作成日時を表示する。なお、グループは作成日時に限られない。例えば、グループとして画像ファイルの作成場所を使用してもよい。また、グループとして画像ファイルを含むフォルダ名を使用してもよいし、ユーザーにより画像ファイルに付与されるタグ情報等を使用するようにしてもよい。
グループ名表示領域３５３は、そのグループを示す名称を表示する領域である。実施例１においては、画像ファイルの作成日時をグループとして扱うものとし、画面作成部１３は、グループヘッダ３５１にグループの名称として作成日時を表示する。なお、グループは作成日時に限られない。例えば、グループとして画像ファイルの作成場所を使用してもよい。また、グループとして画像ファイルを含むフォルダ名を使用してもよいし、ユーザーにより画像ファイルに付与されるタグ情報等を使用するようにしてもよい。
表示形態変更ボタン３５２が押下されると、画像表示アプリ１０は、グループの表示形態を縮小表示に切り替える。縮小表示への切り替えにより、画像一覧表示領域２０１に占めるグループ内画像表示領域３５４の比率を減らした表示ができる。
なお、表示形態変更ボタン３５２は、グループの現在の表示形態を示す役割も兼ねており、図３Ｂでは、下向きの三角マークにより、グループがデフォルト表示であることを示している。また、表示形態変更ボタン３５２として右向きの三角マークが表示されている場合、グループが縮小表示であることを示している。したがって、表示形態が変更される
と、表示されるマークが変更される。
と、表示されるマークが変更される。
グループ内画像表示領域３５４は、グループに含まれる画像ファイルのサムネイル画像を表示する領域である。グループ内画像表示領域３５４は、後述のとおり、グループの表示形態を切り替えることによってサイズや配置が変更される。
デフォルト表示では全てのサムネイル画像が表示されるようにグループ内画像表示領域３５４のサイズが設定される。
具体的には、画面作成部１３は、デフォルト表示において、グループ内画像表示領域３５４のサイズ（幅及び高さ）に関し、画像一覧表示領域２０１の幅にグループ内画像表示領域３５４の幅を一致させる。さらに、画面作成部１３は、グループ内の画像ファイルのサムネイル画像が全て表示できる行数に応じて、グループ内画像表示領域３５４の高さを設定する。例えば、図５Ｂの例では、画面作成部１３は、２０１６／６／１のサムネイル画像が全て表示できるように、グループ内画像表示領域３５４の高さを４行分の高さに合わせる。
デフォルト表示では全てのサムネイル画像が表示されるようにグループ内画像表示領域３５４のサイズが設定される。
具体的には、画面作成部１３は、デフォルト表示において、グループ内画像表示領域３５４のサイズ（幅及び高さ）に関し、画像一覧表示領域２０１の幅にグループ内画像表示領域３５４の幅を一致させる。さらに、画面作成部１３は、グループ内の画像ファイルのサムネイル画像が全て表示できる行数に応じて、グループ内画像表示領域３５４の高さを設定する。例えば、図５Ｂの例では、画面作成部１３は、２０１６／６／１のサムネイル画像が全て表示できるように、グループ内画像表示領域３５４の高さを４行分の高さに合わせる。
＜第二の表示形態（縮小表示）＞
次に、グループの表示形態を縮小表示（第二の表示形態）にした際の表示について説明する。ここで、以降の記載において、表示形態を縮小表示にしたグループを「縮小表示したグループ」と記載する場合がある。
図６Ａ及び図６Ｂは、縮小表示（第二の表示形態）の例を示す図である。図６Ａは、グループ「２０１６／６／１」の表示形態を縮小表示にした場合の、実施例１のグループ内の表示を示す。グループの表示形態が縮小表示にされた際は、画面作成部１３は、グループ内画像表示領域３５４の高さを小さくする。例えば、画面作成部１３は、グループ内画像表示領域３５４の高さを１行分の高さに設定する。
このように、グループ内画像表示領域３５４の高さを低くすると、グループ内画像表示領域３５４に収まらないサムネイル画像が発生することがある。この場合に、画面作成部１３は、グループ内画像表示領域３５４の幅を画面外の領域まで伸長させる。続いて、画面作成部１３は、グループ内画像表示領域３５４に収まらないサムネイル画像を、当該画面外の領域に仮想的に配置する。
すなわち、縮小表示（第二の表示形態）で表示する場合、画面作成部１３は、デフォルト表示（第一の表示形態）より、サムネイル画像を配置するグループ内画像表示領域３５４内の行数を少なく設定する。さらに、画面作成部１３は、グループ内画像表示領域内に収まらないサムネイル画像を、グループ内画像表示領域から横方向に伸長される画面外の領域に仮想的に配置する。なお、以下では、グループ内画像表示領域から横方向に伸長される画面外の領域を「画面外の領域」ということがある。
次に、グループの表示形態を縮小表示（第二の表示形態）にした際の表示について説明する。ここで、以降の記載において、表示形態を縮小表示にしたグループを「縮小表示したグループ」と記載する場合がある。
図６Ａ及び図６Ｂは、縮小表示（第二の表示形態）の例を示す図である。図６Ａは、グループ「２０１６／６／１」の表示形態を縮小表示にした場合の、実施例１のグループ内の表示を示す。グループの表示形態が縮小表示にされた際は、画面作成部１３は、グループ内画像表示領域３５４の高さを小さくする。例えば、画面作成部１３は、グループ内画像表示領域３５４の高さを１行分の高さに設定する。
このように、グループ内画像表示領域３５４の高さを低くすると、グループ内画像表示領域３５４に収まらないサムネイル画像が発生することがある。この場合に、画面作成部１３は、グループ内画像表示領域３５４の幅を画面外の領域まで伸長させる。続いて、画面作成部１３は、グループ内画像表示領域３５４に収まらないサムネイル画像を、当該画面外の領域に仮想的に配置する。
すなわち、縮小表示（第二の表示形態）で表示する場合、画面作成部１３は、デフォルト表示（第一の表示形態）より、サムネイル画像を配置するグループ内画像表示領域３５４内の行数を少なく設定する。さらに、画面作成部１３は、グループ内画像表示領域内に収まらないサムネイル画像を、グループ内画像表示領域から横方向に伸長される画面外の領域に仮想的に配置する。なお、以下では、グループ内画像表示領域から横方向に伸長される画面外の領域を「画面外の領域」ということがある。
画面外の領域にサムネイル画像が仮想的に配置された場合、画像表示アプリ１０は、当該グループ内画像表示領域３５４に対し、ユーザによる横スクロール操作を受け付ける。画像表示アプリ１０は、横スクロール操作に応じて、画面外の領域に仮想的に配置されたサムネイル画像を画像一覧表示領域２０１に表示させる。
また、画面作成部１３は、縮小表示の場合に、デフォルト表示の場合よりもサイズを縮小したサムネイル画像を表示するとよい。
また、画面作成部１３は、縮小表示の場合に、デフォルト表示の場合よりもサイズを縮小したサムネイル画像を表示するとよい。
これにより、画像一覧表示領域２０１に占める、縮小表示したグループのグループ内画像表示領域３５４が小さくなり、画面内により多くのグループを表示することができるようになる。したがって、サムネイル画像の一覧性を向上することができる。
また、縮小表示したグループ内において、画面外の領域に仮想的に配置されたサムネイル画像については、横方向のスクロールによりサムネイル画像の確認が可能となる。このように、縮小表示したグループにおいても、画像ファイルのサムネイル画像の視認が行いやすくなる。また、選択サムネイルの確認も容易となる。
図６Ｂは、一部グループを縮小表示とした場合の仮想表示の例を示す。図５Ａの場合と比較して図６Ｂでは、「２０１６／６／１」のグループ内画像表示領域３５４が小さくなった結果、画像一覧表示領域２０１内に「２０１６／５／４」のグループが表示されるようになった。
また、図６Ｂの「２０１６／６／１」のグループ内画像表示領域３５４を横方向にスクロールさせることにより、画面外の領域に仮想的に配置されていた「ａ１１」を画像一覧表示領域２０１内に表示させることもできる。
また、縮小表示したグループ内において、画面外の領域に仮想的に配置されたサムネイル画像については、横方向のスクロールによりサムネイル画像の確認が可能となる。このように、縮小表示したグループにおいても、画像ファイルのサムネイル画像の視認が行いやすくなる。また、選択サムネイルの確認も容易となる。
図６Ｂは、一部グループを縮小表示とした場合の仮想表示の例を示す。図５Ａの場合と比較して図６Ｂでは、「２０１６／６／１」のグループ内画像表示領域３５４が小さくなった結果、画像一覧表示領域２０１内に「２０１６／５／４」のグループが表示されるようになった。
また、図６Ｂの「２０１６／６／１」のグループ内画像表示領域３５４を横方向にスクロールさせることにより、画面外の領域に仮想的に配置されていた「ａ１１」を画像一覧表示領域２０１内に表示させることもできる。
＜表示制御のフロー＞
図７Ａ〜図Ｅは、実施例１の表示制御の処理フローを説明するための図である。図７Ａは、任意のグループに対して表示形態の切り替えが指示された際に画像表示アプリ１０が行う処理のフロー図を示す。すなわち、図７Ａは、表示形態変更ボタン３５２が押下された場合の処理を示す。
画面作成部１３は、任意のグループの表示形態変更ボタン３５２が押下されたことを検知すると、図７Ａに示すフローを開始する。ステップＳ５０１では、画面作成部１３は、グループの表示形態を縮小表示にするかデフォルト表示にするかを判断し、処理を分岐させる。
具体的には、画面作成部１３は、表示形態変更ボタン３５２が押下された際に、グループの表示形態がデフォルト表示であれば縮小表示にする（分岐はＹＥＳ）ものと判断する。一方、画面作成部１３は、押下時にグループの表示形態が縮小表示であればデフォルト表示にする（分岐はＮＯ）ものとする。画面作成部１３は、グループの表示形態を縮小表示にすると判断した場合はステップＳ５０２へ処理を進める。一方、画面作成部１３は、デフォルト表示にすると判断した場合はステップＳ５０５へ処理を進める。
図７Ａ〜図Ｅは、実施例１の表示制御の処理フローを説明するための図である。図７Ａは、任意のグループに対して表示形態の切り替えが指示された際に画像表示アプリ１０が行う処理のフロー図を示す。すなわち、図７Ａは、表示形態変更ボタン３５２が押下された場合の処理を示す。
画面作成部１３は、任意のグループの表示形態変更ボタン３５２が押下されたことを検知すると、図７Ａに示すフローを開始する。ステップＳ５０１では、画面作成部１３は、グループの表示形態を縮小表示にするかデフォルト表示にするかを判断し、処理を分岐させる。
具体的には、画面作成部１３は、表示形態変更ボタン３５２が押下された際に、グループの表示形態がデフォルト表示であれば縮小表示にする（分岐はＹＥＳ）ものと判断する。一方、画面作成部１３は、押下時にグループの表示形態が縮小表示であればデフォルト表示にする（分岐はＮＯ）ものとする。画面作成部１３は、グループの表示形態を縮小表示にすると判断した場合はステップＳ５０２へ処理を進める。一方、画面作成部１３は、デフォルト表示にすると判断した場合はステップＳ５０５へ処理を進める。
ステップＳ５０２〜ステップＳ５０４は、グループの表示形態を縮小表示に切り替える際のグループ内画像表示領域３５４を設定する処理である。
まず、ステップＳ５０２では、画面作成部１３は、縮小表示時のサムネイル画像の表示パラメータを設定する。具体的には、画面作成部１３は、縮小表示時のサムネイル画像の表示パラメータとして、各サムネイル表示サイズ（幅及び高さ）と、サムネイル画像間マージンとを、デフォルト表示時よりも小さい値に設定するとよい。
まず、ステップＳ５０２では、画面作成部１３は、縮小表示時のサムネイル画像の表示パラメータを設定する。具体的には、画面作成部１３は、縮小表示時のサムネイル画像の表示パラメータとして、各サムネイル表示サイズ（幅及び高さ）と、サムネイル画像間マージンとを、デフォルト表示時よりも小さい値に設定するとよい。
ここで、図７Ｂに、実施例１における、サムネイル表示パラメータテーブルを示す。サムネイル表示パラメータテーブルとは、デフォルト表示時及び縮小表示時のサムネイル表示サイズとサムネイル間マージンを対応付けるテーブルである。図７Ｂのテーブルにおいて、サムネイル表示サイズおよびサムネイル間マージンが、実施例１で使用するサムネイル表示パラメータであり、デフォルト表示、縮小表示の各表示形態に対して、それぞれ値が設定されている。なお、画像表示アプリ１０は、各表示形態で同じサムネイル間マージンを設定してもよい。
図７Ｂの例では、表示形態がデフォルト表示の時、そのグループ内のサムネイル表示サイズを１００ｐｘ×１００ｐｘ（ｐｘはピクセル）、そのグループ内のサムネイル間マージンを５ｐｘとすることを示している。一方、表示形態が縮小表示の時、そのグループ内のサムネイル表示サイズを６０ｐｘ×６０ｐｘ、そのグループのサムネイル間マージンを３ｐｘとすることを示している。
なお、サムネイル生成部１２は、サムネイル表示パラメータテーブルを基にサムネイル画像を生成するとよい。
図７Ｃの例では、図７Ｂのサムネイル表示サイズに対応する正方形領域及びサムネイル画像を示す。当該正方形領域は、グループ内画像表示領域３５４におけるサムネイル画像が配置されるスペースを示す。図７Ｃのように、サムネイル生成部１２は、デフォルト表
示時のサムネイル表示サイズ（１００ｐｘ×１００ｐｘ）に相当する正方形領域５０にサムネイル画像５１が内接するように、サムネイル画像を生成する。図７Ｃの例では、サムネイル画像が横方向を長辺とする長方形形状となっているため、縦方向の短辺が正方形領域５０に内接する。また、サムネイル生成部１２は、縮小表示時のサムネイル表示サイズ（６０ｐｘ×６０ｐｘ）に相当する正方形領域６０にサムネイル画像６１が内接するように、画像ファイルを基にしてサムネイル画像を生成する。
また、サムネイル生成部１２は、サムネイル画像の形状がサムネイル表示サイズと一致するようにサムネイル画像のアスペクト比を変更してもよい。図７Ｄの例では、サムネイル生成部１２は、デフォルト表示時のサムネイル画像５１の四辺がそれぞれ正方形領域５０と内接するように、サムネイル画像を縦方向に引き伸ばす。また、サムネイル生成部１２は、縮小表示時のサムネイル画像６１についても同様にサムネイル画像のアスペクト比を変更する。
図７Ｃの例では、図７Ｂのサムネイル表示サイズに対応する正方形領域及びサムネイル画像を示す。当該正方形領域は、グループ内画像表示領域３５４におけるサムネイル画像が配置されるスペースを示す。図７Ｃのように、サムネイル生成部１２は、デフォルト表
示時のサムネイル表示サイズ（１００ｐｘ×１００ｐｘ）に相当する正方形領域５０にサムネイル画像５１が内接するように、サムネイル画像を生成する。図７Ｃの例では、サムネイル画像が横方向を長辺とする長方形形状となっているため、縦方向の短辺が正方形領域５０に内接する。また、サムネイル生成部１２は、縮小表示時のサムネイル表示サイズ（６０ｐｘ×６０ｐｘ）に相当する正方形領域６０にサムネイル画像６１が内接するように、画像ファイルを基にしてサムネイル画像を生成する。
また、サムネイル生成部１２は、サムネイル画像の形状がサムネイル表示サイズと一致するようにサムネイル画像のアスペクト比を変更してもよい。図７Ｄの例では、サムネイル生成部１２は、デフォルト表示時のサムネイル画像５１の四辺がそれぞれ正方形領域５０と内接するように、サムネイル画像を縦方向に引き伸ばす。また、サムネイル生成部１２は、縮小表示時のサムネイル画像６１についても同様にサムネイル画像のアスペクト比を変更する。
また、サムネイル表示サイズは、正方形領域に限定されない。例えば、サムネイル画像のアスペクト比に合わせた形状の領域であってもよい。
図７Ｅの例では、サムネイル表示サイズをサムネイル画像に合わせて長方形形状とした例を示す。図７Ｅのようにサムネイル生成部１２は、サムネイル表示サイズ（１００ｐｘ×７０ｐｘ）に相当する長方形領域６０にサムネイル画像５１が内接するように、画像ファイルを基にしてサムネイル画像を生成する。また、サムネイル生成部１２は、サムネイル表示サイズ（７０ｐｘ×４９ｐｘ）に相当する長方形領域６１にサムネイル画像５１が内接するように、画像ファイルを基にしてサムネイル画像を生成する。
これにより、長方形領域にサムネイル画像を内接させた際に発生するスペースが正方形領域の場合よりも小さくなり、グループ内画像表示領域３５４の高さをより低くすることができる。
図７Ｅの例では、サムネイル表示サイズをサムネイル画像に合わせて長方形形状とした例を示す。図７Ｅのようにサムネイル生成部１２は、サムネイル表示サイズ（１００ｐｘ×７０ｐｘ）に相当する長方形領域６０にサムネイル画像５１が内接するように、画像ファイルを基にしてサムネイル画像を生成する。また、サムネイル生成部１２は、サムネイル表示サイズ（７０ｐｘ×４９ｐｘ）に相当する長方形領域６１にサムネイル画像５１が内接するように、画像ファイルを基にしてサムネイル画像を生成する。
これにより、長方形領域にサムネイル画像を内接させた際に発生するスペースが正方形領域の場合よりも小さくなり、グループ内画像表示領域３５４の高さをより低くすることができる。
実施例１においては、画面作成部１３は、縮小表示時のサムネイル表示サイズおよびサムネイル間マージンを、デフォルト表示時よりも小さくするようにした。これにより、縮小表示したグループのグループ内画像表示領域３５４が画像一覧表示領域２０１に対し占める高さをより減らすことができ、他のグループを表示する領域を大きくすることができる。また、縮小表示した場合に、画面外の領域に仮想的に配置されたサムネイル画像を確認する際に、横方向のスクロール操作の量を少なくすることができる。
グループ内画像表示領域３５４の高さを減らす方法はこれに限られない。例えば、サムネイル表示サイズまたはサムネイル間マージンのどちらか一方のみを変更するようにしてもよい。
また、実施例１では、画面作成部１３は、サムネイル画像の上下左右マージンを一律にサムネイル間マージンとして値を設定しているが、それぞれ個別に設定するようにしてもよい。
グループ内画像表示領域３５４の高さを減らす方法はこれに限られない。例えば、サムネイル表示サイズまたはサムネイル間マージンのどちらか一方のみを変更するようにしてもよい。
また、実施例１では、画面作成部１３は、サムネイル画像の上下左右マージンを一律にサムネイル間マージンとして値を設定しているが、それぞれ個別に設定するようにしてもよい。
図７Ａに戻る。ステップＳ５０３では、画面作成部１３は、ステップＳ５０２で設定したサムネイル表示パラメータに基づき、グループ内画像表示領域３５４の高さを設定する。実施例１では、画面作成部１３は、グループ内画像表示領域の高さを「サムネイル表示サイズ＋サムネイル間マージン×２」に設定するものとする。
ステップＳ５０４は、縮小表示するグループの、グループ内画像表示領域３５４の幅を設定する処理である。画面作成部１３は、ステップＳ５０２で設定したサムネイル表示パラメータと、グループに含まれるサムネイル画像数とに基づき、グループ内画像表示領域３５４の幅を算出し、設定する。実施例１では、「（サムネイル表示サイズの幅＋サムネイル間マージン）×サムネイル画像数」で設定される。そして、画面作成部１３は、処理をステップＳ５０８へ進める。
ステップＳ５０４は、縮小表示するグループの、グループ内画像表示領域３５４の幅を設定する処理である。画面作成部１３は、ステップＳ５０２で設定したサムネイル表示パラメータと、グループに含まれるサムネイル画像数とに基づき、グループ内画像表示領域３５４の幅を算出し、設定する。実施例１では、「（サムネイル表示サイズの幅＋サムネイル間マージン）×サムネイル画像数」で設定される。そして、画面作成部１３は、処理をステップＳ５０８へ進める。
一方、ステップＳ５０５〜ステップＳ５０７は、グループの表示形態をデフォルト表示
にする際の、グループ内画像表示領域３５４を設定する処理である。
まず、ステップＳ５０５では、画面作成部１３は、サムネイル表示パラメータをデフォルト表示時のパラメータに設定する。これは図７Ｂに示されるサムネイル表示パラメータテーブルに従い設定される。
ステップＳ５０６では、画面作成部１３は、グループ内画像表示領域３５４の幅を、画像一覧表示領域２０１の幅に一致するよう設定する。なお、設定される幅は画像一覧表示領域２０１と必ずしも一致させなくともよく、例えば、画面作成部１３は、グループ内画像表示領域３５４の左右にマージンを持たせて設定するようにしてもよい。
にする際の、グループ内画像表示領域３５４を設定する処理である。
まず、ステップＳ５０５では、画面作成部１３は、サムネイル表示パラメータをデフォルト表示時のパラメータに設定する。これは図７Ｂに示されるサムネイル表示パラメータテーブルに従い設定される。
ステップＳ５０６では、画面作成部１３は、グループ内画像表示領域３５４の幅を、画像一覧表示領域２０１の幅に一致するよう設定する。なお、設定される幅は画像一覧表示領域２０１と必ずしも一致させなくともよく、例えば、画面作成部１３は、グループ内画像表示領域３５４の左右にマージンを持たせて設定するようにしてもよい。
ステップＳ５０７では、画面作成部１３は、ステップＳ５０５で設定したサムネイルの表示パラメータおよびグループに含まれるサムネイル画像数に基づいて、グループ内画像表示領域３５４の高さを算出し、設定する。実施例１では、「（サムネイル表示サイズの高さ＋サムネイル間マージン）×サムネイル画像数÷（グループ内画像表示領域３５４の幅÷（サムネイル表示サイズの幅＋サムネイル間マージン））」でグループ内画像表示領域３５４の高さが設定される。なお、「（グループ内画像表示領域３５４の幅÷（サムネイル表示サイズの幅＋サムネイル間マージン）」の部分は、一行に配置できるサムネイル画像数を示している。当該部分に関しては、小数点以下切り捨てで計算するとよい。また、「サムネイル画像数÷（グループ内画像表示領域３５４の幅÷（サムネイル表示サイズの幅＋サムネイル間マージン））」の部分は、グループ内画像表示領域３５４内のサムネイル画像を配置する行数を示している。当該部分に関しては、小数点以下繰り上げで計算するとよい。
そして、画面作成部１３は、処理をステップＳ５０８へ進める。ステップＳ５０８では、画面作成部１３は、ステップＳ５０４またはステップＳ５０７により決定されたグループ内画像表示領域３５４に従い、画像一覧表示領域２０１の表示を更新する。
なお、デフォルト表示に切り替えられた場合、画面作成部１３は、サムネイル生成部１２によってあらかじめ生成された各々のデフォルト表示用のサムネイル画像を、それぞれグループ内画像表示領域３５４に表示させる。また、縮小表示に切り替えられた場合、画面作成部１３は、サムネイル生成部１２によってあらかじめ生成された各々の縮小表示用のサムネイル画像を、それぞれグループ内画像表示領域３５４に表示させる。
以上が、任意のグループに対して表示形態の変更指示があった際に、画像表示アプリ１０が行う処理のフローである。
そして、画面作成部１３は、処理をステップＳ５０８へ進める。ステップＳ５０８では、画面作成部１３は、ステップＳ５０４またはステップＳ５０７により決定されたグループ内画像表示領域３５４に従い、画像一覧表示領域２０１の表示を更新する。
なお、デフォルト表示に切り替えられた場合、画面作成部１３は、サムネイル生成部１２によってあらかじめ生成された各々のデフォルト表示用のサムネイル画像を、それぞれグループ内画像表示領域３５４に表示させる。また、縮小表示に切り替えられた場合、画面作成部１３は、サムネイル生成部１２によってあらかじめ生成された各々の縮小表示用のサムネイル画像を、それぞれグループ内画像表示領域３５４に表示させる。
以上が、任意のグループに対して表示形態の変更指示があった際に、画像表示アプリ１０が行う処理のフローである。
＜実施例１の効果＞
図８Ａ〜図８Ｄは、従来の表示制御による表示例を示す図である。図８Ａ〜図８Ｄを用いて実施例１及び各従来例の表示制御方法を比較し、実施例１の効果を説明する。図８Ａは、グループ「２０１６／６／１」の表示形態を縮小表示にした従来例１の表示を示す。図８Ａに示すように、グループの表示形態を縮小表示にした際には、グループ内画像表示領域３５４のサイズはゼロ（あるいは極めて小さい値）に設定され、グループ内の画像ファイルのサムネイル画像は非表示となる。そして、グループの表示形態変更ボタン３５２のマークが、縮小表示状態を示すマークに切り替わる。
図８Ｂは、従来例１の表示制御方法による仮想表示を示す図である。図８Ｂに示すように、画像一覧表示領域２０１内で、縮小表示したグループが占める表示領域が減り、他のグループの画像ファイルのサムネイル画像が多く表示されるようになるため、全体が確認しやすくなる。その一方で、表示形態を縮小表示としたグループにどのような画像ファイルがあったか把握することは困難となる。
したがって、従来例１では、表示形態を縮小表示とした場合、グループ内画像表示領域にサムネイル画像が表示されないため、グループにどのような画像ファイルがあったか把握することは困難である。これに対して、実施例１では、表示形態を縮小表示としても一部のサムネイル画像が表示されるため、各グループに属するサムネイル画像の一覧性を向上することができる。
図８Ａ〜図８Ｄは、従来の表示制御による表示例を示す図である。図８Ａ〜図８Ｄを用いて実施例１及び各従来例の表示制御方法を比較し、実施例１の効果を説明する。図８Ａは、グループ「２０１６／６／１」の表示形態を縮小表示にした従来例１の表示を示す。図８Ａに示すように、グループの表示形態を縮小表示にした際には、グループ内画像表示領域３５４のサイズはゼロ（あるいは極めて小さい値）に設定され、グループ内の画像ファイルのサムネイル画像は非表示となる。そして、グループの表示形態変更ボタン３５２のマークが、縮小表示状態を示すマークに切り替わる。
図８Ｂは、従来例１の表示制御方法による仮想表示を示す図である。図８Ｂに示すように、画像一覧表示領域２０１内で、縮小表示したグループが占める表示領域が減り、他のグループの画像ファイルのサムネイル画像が多く表示されるようになるため、全体が確認しやすくなる。その一方で、表示形態を縮小表示としたグループにどのような画像ファイルがあったか把握することは困難となる。
したがって、従来例１では、表示形態を縮小表示とした場合、グループ内画像表示領域にサムネイル画像が表示されないため、グループにどのような画像ファイルがあったか把握することは困難である。これに対して、実施例１では、表示形態を縮小表示としても一部のサムネイル画像が表示されるため、各グループに属するサムネイル画像の一覧性を向上することができる。
図８Ｃは、グループ「２０１６／６／１」の表示形態を縮小表示にした場合の、従来例２の表示を示す。図８Ｃでは、縮小表示した場合のグループ内画像表示領域に規定数のサムネイル画像が表示される。図８Ｃにおいて、縮小表示したグループの代表画像ファイルのサムネイル画像として、ａ１、ａ２、ａ３の３枚が表示されている。加えて、グループ内の代表画像ファイル以外の画像ファイルのサムネイル画像を閲覧するための、追加表示ボタン７０１が表示される。
図８Ｄは、従来例２の表示制御方法による仮想表示を示す図である。図８Ｄに示すように、画像一覧表示領域２０１上で縮小表示したグループが占める表示領域が減り、他のグループのサムネイル画像が多く見えるようになるため、全体が確認しやすくなる。
図８Ｄは、従来例２の表示制御方法による仮想表示を示す図である。図８Ｄに示すように、画像一覧表示領域２０１上で縮小表示したグループが占める表示領域が減り、他のグループのサムネイル画像が多く見えるようになるため、全体が確認しやすくなる。
ここで、縮小表示したグループにおいて追加表示ボタン７０１が押下された際には、グループ内の全画像ファイルのサムネイル画像が視認可能に表示される。例えば、画像一覧表示領域２０１において、他のグループおよび他のグループの画像ファイルが非表示となり、追加表示ボタン７０１が押下されたグループの全サムネイル画像のみが一覧表示される。これはすなわち、図８Ｄの画像一覧表示領域２０１に示す画面表示から画面切り替えが発生し、当該グループのサムネイル画像の一覧が画像一覧表示領域２０１に表示される。
図８Ｃ及び図８Ｄに示す従来例２では、縮小表示したグループにおいても代表画像ファイルのサムネイル画像は視認可能であるため、グループに含まれる画像ファイルがどのようなものかをある程度推測することが可能となる。しかし一方で、代表画像ファイル以外のサムネイル画像を確認する際には画面の切り替えが発生する。また、代表画像ファイル以外のサムネイル画像を他のグループのサムネイル画像ともに表示することができない。このため、画面の一覧性に欠ける。また、グループの表示形態を縮小表示にした状態では、選択サムネイルの確認は困難といった問題がある。
これに対して、実施例１の表示制御方法によると、例えば、縮小表示時にグループ内画像表示領域を横方向にスクロールさせることで、代表画像ファイル以外のサムネイル画像を表示させた状態で他のグループのサムネイル画像を閲覧することが可能である。また、縮小表示時にグループ内画像表示領域を横方向にスクロールさせて選択サムネイルを表示させることで、各々のグループの選択サムネイルを閲覧することも可能となる。
これに対して、実施例１の表示制御方法によると、例えば、縮小表示時にグループ内画像表示領域を横方向にスクロールさせることで、代表画像ファイル以外のサムネイル画像を表示させた状態で他のグループのサムネイル画像を閲覧することが可能である。また、縮小表示時にグループ内画像表示領域を横方向にスクロールさせて選択サムネイルを表示させることで、各々のグループの選択サムネイルを閲覧することも可能となる。
図９は、複数のグループを縮小表示した場合の例を示す。図９に示すように、２０１６／６／１のグループを縮小表示させた状態で、グループ内画像表示領域３５４を横方向にスクロールさせ、画像一覧表示領域２０１にサムネイル画像ａ５〜ａ８を表示させる。また、２０１６／５／１５のグループを縮小表示させた状態で、グループ内画像表示領域３５４’を横方向にスクロールさせ、画像一覧表示領域２０１にサムネイル画像ｂ３〜ｂ６を表示させる。
このように、実施例１においては、一つのグループ内画像表示領域３５４を横方向にスクロールさせる場合に限定されず、複数のグループ内画像表示領域３５４を横方向にスクロールさせるることも可能である。このため、縮小表示させた状態で、各々のグループの代表画像ファイル以外のサムネイル画像を閲覧することができる。
このように、実施例１においては、一つのグループ内画像表示領域３５４を横方向にスクロールさせる場合に限定されず、複数のグループ内画像表示領域３５４を横方向にスクロールさせるることも可能である。このため、縮小表示させた状態で、各々のグループの代表画像ファイル以外のサムネイル画像を閲覧することができる。
＜他の実施例＞
ユーザが横方向にスクロールするグループを把握しやすくするために、画面作成部１３は、サムネイル表示サイズ及び画像一覧表示領域２０１の幅に応じて、サムネイル表示サイズやサムネイル間マージンを変更してもよい。例えば、グループの表示形態を縮小表示にする際、既定のサムネイル表示パラメータで縮小すると画像一覧表示領域２０１の幅に数枚のサムネイル画像が均等に収まって見えるケースがある。
図１０Ａ〜図１０Ｄは、他の実施例の表示制御方法による表示例を示す図である。図１
０Ａは、サムネイル画像の境目と、画像一覧表示領域２０１の境界とが一致する場合の表示例を示す。図１０Ａでは、サムネイル画像ａ５及びａ６の境目が画像一覧表示領域２０１の境界と重なっている。このため、ユーザは、縮小表示したグループ「２０１６／６／１」においてサムネイル画像ａ５が末尾と判断してしまい、グループ内画像表示領域３５４が横方向にスクロールできることに気付かないことがある。
ユーザが横方向にスクロールするグループを把握しやすくするために、画面作成部１３は、サムネイル表示サイズ及び画像一覧表示領域２０１の幅に応じて、サムネイル表示サイズやサムネイル間マージンを変更してもよい。例えば、グループの表示形態を縮小表示にする際、既定のサムネイル表示パラメータで縮小すると画像一覧表示領域２０１の幅に数枚のサムネイル画像が均等に収まって見えるケースがある。
図１０Ａ〜図１０Ｄは、他の実施例の表示制御方法による表示例を示す図である。図１
０Ａは、サムネイル画像の境目と、画像一覧表示領域２０１の境界とが一致する場合の表示例を示す。図１０Ａでは、サムネイル画像ａ５及びａ６の境目が画像一覧表示領域２０１の境界と重なっている。このため、ユーザは、縮小表示したグループ「２０１６／６／１」においてサムネイル画像ａ５が末尾と判断してしまい、グループ内画像表示領域３５４が横方向にスクロールできることに気付かないことがある。
このような場合、画面作成部１３は、少なくとも１枚のサムネイル画像が見切れるようにグループ内画像表示領域３５４の位置、もしくはサムネイル表示パラメータを変更してもよい。すなわち、画面作成部１３は、グループ内画像表示領域３５４の末尾に配置された画像の一部が画面外に配置されるように、グループ内画像表示領域３５４内のサムネイル表示サイズ又はサムネイル間マージンを設定する。
また、画面作成部１３は、グループ内画像表示領域３５４の位置を変更してもよい。例えば、画面作成部１３は、グループ内画像表示領域３５４の位置を、左方向にサムネイル画像の１／２の幅の分あらかじめずらした位置としてもよい。
これにより、ユーザーが縮小表示したグループが横方向にスクロールできることを把握しやすくできる。
また、画面作成部１３は、グループ内画像表示領域３５４の位置を変更してもよい。例えば、画面作成部１３は、グループ内画像表示領域３５４の位置を、左方向にサムネイル画像の１／２の幅の分あらかじめずらした位置としてもよい。
これにより、ユーザーが縮小表示したグループが横方向にスクロールできることを把握しやすくできる。
図１０Ｂは、横スクロールバー６０１を表示した場合のグループ内画像表示領域３５４の表示例を示す。図１０Ｂのように、画面作成部１３は、縮小表示したグループ「２０１６／６／１」に横スクロールバー６０１を表示してもよい。また、画面作成部１３は、横スクロールバー６０１を、表示形態を縮小表示に切り替えた直後に一時的に表示させてもよいし、常に表示するようにしてもよい。これにより、ユーザーが縮小表示したグループが横方向にスクロールできることを把握しやすくできる。
また、画面作成部１３は、横スクロールバー６０１を、グループの横方向のスクロール操作中のみに表示するようにしてもよい。また、画面作成部１３は、横スクロールバー６０１を、別グループ内画像表示領域上に表示するようにしてもよい。これにより、横スクロールバー６０１の表示に必要となる画像一覧表示領域２０１の領域を減らすことができ、かつ、グループ内のサムネイル画像に重ならないため、横方向にスクロールしているグループのサムネイル画像が視認しやすくなる。
また、画面作成部１３は、横スクロールバー６０１を、グループの横方向のスクロール操作中のみに表示するようにしてもよい。また、画面作成部１３は、横スクロールバー６０１を、別グループ内画像表示領域上に表示するようにしてもよい。これにより、横スクロールバー６０１の表示に必要となる画像一覧表示領域２０１の領域を減らすことができ、かつ、グループ内のサムネイル画像に重ならないため、横方向にスクロールしているグループのサムネイル画像が視認しやすくなる。
画面作成部１３は、グループ内で選択サムネイルが先頭方向にくるようサムネイル画像を並べ替えて表示するようにしてもよい。
図１０Ｃは、選択サムネイルを優先的に表示する場合のグループ内画像表示領域３５４の表示例を示す。図１０Ｃに示すように、選択サムネイルであるａ２及びａ１１がグループ内画像表示領域３５４の先頭側に配置される。
これにより、ユーザは、画像一覧表示領域２０１上で、各グループの選択サムネイルを確認するために、グループ内画像表示領域３５４をグループ毎に横方向にスクロールさせなくてもよくなるため、ユーザの操作量を軽減することができる。
図１０Ｃは、選択サムネイルを優先的に表示する場合のグループ内画像表示領域３５４の表示例を示す。図１０Ｃに示すように、選択サムネイルであるａ２及びａ１１がグループ内画像表示領域３５４の先頭側に配置される。
これにより、ユーザは、画像一覧表示領域２０１上で、各グループの選択サムネイルを確認するために、グループ内画像表示領域３５４をグループ毎に横方向にスクロールさせなくてもよくなるため、ユーザの操作量を軽減することができる。
また、実施例１においては、画面作成部１３がグループ内の全てのサムネイル表示サイズおよびサムネイル間マージンを同一にするものとして説明を行ったが、これに限られるものではない。例えば、画面作成部１３は、グループの最初のサムネイル画像以降のサムネイル画像を、最初のサムネイル画像よりも小さなサイズで表示してもよい。
これにより、ユーザは、縮小表示したグループに含まれるサムネイル画像をより多く視認できる。また、ユーザは、グループ内のサムネイル画像を確認する場合において、ユーザーの横方向のスクロール操作量を減らすことができる。
また、画面作成部１３は、選択サムネイルのみを大きく表示し、ユーザが確認しやすいようにしてもよい。
これにより、ユーザは、縮小表示したグループに含まれるサムネイル画像をより多く視認できる。また、ユーザは、グループ内のサムネイル画像を確認する場合において、ユーザーの横方向のスクロール操作量を減らすことができる。
また、画面作成部１３は、選択サムネイルのみを大きく表示し、ユーザが確認しやすいようにしてもよい。
また、実施例１においては、サムネイル生成部１２によって、デフォルト表示用のサム
ネイル画像と縮小表示用のサムネイル画像とが、画像一覧画面が作成される前にあらかじめ生成されていることを説明したが、これに限定されない。例えば、サムネイル生成部１２は、表示形態が切り替えられた際に、サムネイル表示サイズに応じて、その都度、元の画像ファイルに基づいてサムネイル画像を生成してもよい。
例えば、ユーザによって、デフォルト表示から縮小表示に切り替えられた際、サムネイル生成部１２は、サムネイル表示パラメータテーブルに記載の縮小表示時のサムネイル表示サイズを参照する。続いて、サムネイル生成部１２は、画像ファイルをもとにして、縮小表示時のサムネイル表示サイズに応じたサムネイル画像を生成するとよい。続いて、画面作成部１３は、生成されたサムネイル画像を対応するグループ内画像表示領域３５４に配置する。
なお、サムネイル生成部１２は、縮小表示からデフォルト表示に切り替えられた場合も、同様にサムネイル画像を生成する。
また、サムネイル生成部１２は、デフォルト表示及び縮小表示で共通して使用されるサムネイル画像を一つ生成し、表示形態が切り替えられる度に、サムネイル表示パラメータテーブルに応じて当該サムネイル画像を縮小又は拡大してもよい。
ネイル画像と縮小表示用のサムネイル画像とが、画像一覧画面が作成される前にあらかじめ生成されていることを説明したが、これに限定されない。例えば、サムネイル生成部１２は、表示形態が切り替えられた際に、サムネイル表示サイズに応じて、その都度、元の画像ファイルに基づいてサムネイル画像を生成してもよい。
例えば、ユーザによって、デフォルト表示から縮小表示に切り替えられた際、サムネイル生成部１２は、サムネイル表示パラメータテーブルに記載の縮小表示時のサムネイル表示サイズを参照する。続いて、サムネイル生成部１２は、画像ファイルをもとにして、縮小表示時のサムネイル表示サイズに応じたサムネイル画像を生成するとよい。続いて、画面作成部１３は、生成されたサムネイル画像を対応するグループ内画像表示領域３５４に配置する。
なお、サムネイル生成部１２は、縮小表示からデフォルト表示に切り替えられた場合も、同様にサムネイル画像を生成する。
また、サムネイル生成部１２は、デフォルト表示及び縮小表示で共通して使用されるサムネイル画像を一つ生成し、表示形態が切り替えられる度に、サムネイル表示パラメータテーブルに応じて当該サムネイル画像を縮小又は拡大してもよい。
また、実施例１では、図７に示すフローで、画面作成部１３は、縮小表示したグループのサムネイル画像が１行となるようにグループ内画像表示領域３５４を設定するものとしたが、これに限るものではない。例えば、画面作成部１３は、縮小表示した際に、グループ内画像表示領域３５４が画像一覧表示領域２０１に占める割合が減る配置となればよい。例えば、画面作成部１３は、サムネイル画像が２行で表示されるようにしてもよい。
また、画面作成部１３は、縮小表示時のサムネイル画像の行数がデフォルト表示時の半分の行数となるようにする等、割合でグループ内画像表示領域３５４を設定してもよい。
また、画面作成部１３は、縮小表示にレベルを設けて、行数を段階的に変更できるようにしてもよい。例えば、画面作成部１３は、グループを縮小表示とした場合にサムネイル画像を表示する行数を１〜３行の間で設定できるようにし、ユーザにより設定された行数でサムネイル画像を配置してもよい。
また、実施例１においては、画像表示アプリ１０は、画面操作に応じてグループそれぞれに対して独立に縮小表示に切り替えるものとしたが、これに限定されない。画像表示アプリ１０は、画面操作に応じてすべてのグループの表示形態が同時に切り替わるようにしてもよい。
また、画面作成部１３は、縮小表示時のサムネイル画像の行数がデフォルト表示時の半分の行数となるようにする等、割合でグループ内画像表示領域３５４を設定してもよい。
また、画面作成部１３は、縮小表示にレベルを設けて、行数を段階的に変更できるようにしてもよい。例えば、画面作成部１３は、グループを縮小表示とした場合にサムネイル画像を表示する行数を１〜３行の間で設定できるようにし、ユーザにより設定された行数でサムネイル画像を配置してもよい。
また、実施例１においては、画像表示アプリ１０は、画面操作に応じてグループそれぞれに対して独立に縮小表示に切り替えるものとしたが、これに限定されない。画像表示アプリ１０は、画面操作に応じてすべてのグループの表示形態が同時に切り替わるようにしてもよい。
また、実施例１においては、画像一覧表示領域２０１は縦方向にスクロール可能であり、縮小表示したグループにおけるグループ内画像表示領域３５４は横方向にスクロール可能であると説明としたが、これに限られるものではない。例えば、画像一覧表示領域２０１は横方向にスクロール可能とし、縮小表示したグループのグループ内画像表示領域３５４は縦方向にスクロール可能としてもよい。
また、画像一覧表示領域２０１のスクロール方向とグループ内画像表示領域３５４のスクロール方向は直交していなくてもよい。
また、画像一覧表示領域２０１のスクロール方向とグループ内画像表示領域３５４のスクロール方向は直交していなくてもよい。
また、サムネイル生成部１２は、縮小表示用のサムネイル画像のアスペクト比を元の画像ファイルのアスペクト比と異なるものとしてもよい。
具体的には、縦方向にスクロールする画像一覧画面が表示される場合、サムネイル生成部１２は、縮小表示用のサムネイル画像として、元の画像ファイルと比べて縦方向の長さの比率を小さくしたサムネイル画像を生成してもよい。
すなわち、縮小表示（第二の表示形態）においては、縦方向（第一の方向）の前記画像のサイズ、横方向（第二の方向）の画像のサイズのうちの一方又は両方の長さを、デフォルト表示（第一の表示形態）よりも小さく設定してもよい。
具体的には、縦方向にスクロールする画像一覧画面が表示される場合、サムネイル生成部１２は、縮小表示用のサムネイル画像として、元の画像ファイルと比べて縦方向の長さの比率を小さくしたサムネイル画像を生成してもよい。
すなわち、縮小表示（第二の表示形態）においては、縦方向（第一の方向）の前記画像のサイズ、横方向（第二の方向）の画像のサイズのうちの一方又は両方の長さを、デフォルト表示（第一の表示形態）よりも小さく設定してもよい。
また、画面作成部１３は、画像一覧画面を表示する際に画像ファイルのファイル名、ヘ
ッダ情報などに基づいてサムネイル画像を各々のグループに分類することを説明したがこれに限定されない。例えば、画像表示アプリ１０は、記録媒体１０７においてグループ別のフォルダに振り分けて画像ファイルを記録するなど、あらかじめ画像ファイルをグループ分けしておいてもよい。
ッダ情報などに基づいてサムネイル画像を各々のグループに分類することを説明したがこれに限定されない。例えば、画像表示アプリ１０は、記録媒体１０７においてグループ別のフォルダに振り分けて画像ファイルを記録するなど、あらかじめ画像ファイルをグループ分けしておいてもよい。
また、画像表示アプリ１０は、接続部１０８を介してＷｅｂサーバにアクセスし、ユーザによって選択された選択サムネイルに対応する画像ファイルを、ＳＮＳにアップロードすることができるようにしてもよい。
本発明は、上述の実施形態の１以上の機能を実現するプログラムを、ネットワーク又は記憶媒体を介してシステム又は装置に供給し、そのシステム又は装置のコンピュータにおける１つ以上のプロセッサーがプログラムを読出し実行する処理でも実現可能である。また、１以上の機能を実現する回路（例えば、ＡＳＩＣ）によっても実現可能である。
１：画像表示アプリ１０、２：取得部１１、３：サムネイル生成部１２、４：画面作成部１３、５：受付部１４
Claims (11)
- コンピュータが、各グループに分類された画像をグループ毎に画面に表示する表示制御方法において、
コンピュータが、画像の操作に用いられる操作画面に表示する複数の画像を取得するステップと、
コンピュータが、前記取得した画像を前記操作画面にグループ毎に表示するステップとを含み、
前記操作画面は、画面の操作により第一の方向にスクロールが可能であり、
前記操作画面は、グループの領域において、前記グループに属する画像が、前記第一の方向と異なる第二の方向の行に並べて配置され、前記第二の方向の行に収まらない画像は、前記第二の方向の行に隣接する行に並べて配置された第一の表示形態と、
前記第一の表示形態よりも前記第二の方向の行数を少なくした前記グループの領域に、前記グループに属する各画像が配置され、前記グループの領域に収まらない画像は、前記グループの領域から前記第二の方向に伸長される画面外の領域に配置され、前記第二の方向に対するスクロール操作に応じて、前記グループの領域に収まらない画像を表示させる第二の表示形態と、を有することを特徴とする表示制御方法。 - 前記第一の表示形態及び前記第二の表示形態は、ユーザの操作により切り替え可能であることを特徴とする請求項１に記載の表示制御方法。
- 前記第二の方向は、前記第一の方向に直交することを特徴とする請求項１又は２に記載の表示制御方法。
- 複数のグループが第二の表示形態で表示されている場合に、第二の表示形態で表示されている各グループの領域に対して、前記第二の方向に独立してスクロール操作することができることを特徴とする請求項１〜３のいずれか１項に記載の表示制御方法。
- 前記第二の表示形態は、前記第一の方向の前記画像のサイズ、前記第二の方向の前記画像のサイズのうちの一方又は両方の長さを、前記第一の表示形態よりも小さく設定することを特徴とする請求項１〜４のいずれか１項に記載の表示制御方法。
- 前記第二の表示形態において、前記グループの領域の末尾に配置された画像の一部が、画面外に配置されるように、該グループに属する各画像のサイズまたは各画像の配置間隔を設定することを特徴とする請求項１〜５のいずれか１項に記載の表示制御方法。
- 前記第二の表示形態において、前記グループの領域の末尾に配置された画像の一部が、画面外に配置されるように、該グループの表示領域の前記第二の方向の位置を設定することを特徴とする請求項１〜５のいずれか１項に記載の表示制御方法。
- 前記第二の表示形態は、前記第二の方向の行数が１行であることを特徴とする請求項１〜７のいずれか１項に記載の表示制御方法。
- 前記第二の表示形態において、ユーザにより選択された画像を、前記グループの領域の先頭側に配置することを特徴とする請求項１〜８のいずれか１項に記載の表示制御方法。
- 請求項１〜９のいずれか１項に記載の表示制御方法の各ステップをコンピュータに実行させるためのプログラム。
- 各グループに分類された複数の画像を取得する取得部と、
画像の操作に用いられる操作画面であって、前記取得した画像をグループ毎に表示する操作画面を作成する作成部と、を含み、
前記操作画面は、画面の操作により第一の方向にスクロールが可能であり、
前記操作画面は、グループの領域において、前記グループに属する画像が、前記第一の方向と異なる第二の方向の行に並べて配置され、前記第二の方向の行に収まらない画像は、前記第二の方向の行に隣接する行に並べて配置された第一の表示形態と、
前記第一の表示形態よりも前記第二の方向の行数を少なくした前記グループの領域に、前記グループに属する各画像が配置され、前記グループの領域に収まらない画像は、前記グループの領域から前記第二の方向に伸長される画面外の領域に配置され、前記第二の方向に対するスクロール操作に応じて、前記グループの領域に収まらない画像を表示させる第二の表示形態と、を有することを特徴とする表示装置。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| JP2016184367A JP6746450B2 (ja) | 2016-09-21 | 2016-09-21 | 表示制御方法及び表示装置 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| JP2016184367A JP6746450B2 (ja) | 2016-09-21 | 2016-09-21 | 表示制御方法及び表示装置 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| JP2018049450A JP2018049450A (ja) | 2018-03-29 |
| JP6746450B2 true JP6746450B2 (ja) | 2020-08-26 |
Family
ID=61766394
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| JP2016184367A Active JP6746450B2 (ja) | 2016-09-21 | 2016-09-21 | 表示制御方法及び表示装置 |
Country Status (1)
| Country | Link |
|---|---|
| JP (1) | JP6746450B2 (ja) |
Families Citing this family (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JP6678800B1 (ja) * | 2019-06-25 | 2020-04-08 | 株式会社ぐるなび | 情報処理システム、情報処理方法、及び情報処理プログラム |
| JP7379921B2 (ja) * | 2019-08-09 | 2023-11-15 | ブラザー工業株式会社 | プログラム |
| CN111078345B (zh) * | 2019-12-18 | 2023-09-19 | 北京金山安全软件有限公司 | 一种图片展示效果确定方法、装置、电子设备及存储介质 |
Family Cites Families (9)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JP4533007B2 (ja) * | 2004-06-09 | 2010-08-25 | キヤノン株式会社 | 画像管理装置、画像管理方法、及びプログラム |
| JP2007028252A (ja) * | 2005-07-19 | 2007-02-01 | Fujifilm Holdings Corp | 画像ソート装置および方法並びにプログラム |
| JP4277906B2 (ja) * | 2007-01-19 | 2009-06-10 | ソニー株式会社 | 表示制御装置および方法、並びにプログラム |
| JP2009037282A (ja) * | 2007-07-31 | 2009-02-19 | Sharp Corp | 画像閲覧装置 |
| JP2010113217A (ja) * | 2008-11-07 | 2010-05-20 | Sony Corp | 表示状態設定装置、表示状態設定方法及び表示状態設定プログラム |
| JP2011108186A (ja) * | 2009-11-20 | 2011-06-02 | Sony Corp | 情報処理装置、情報処理方法およびプログラム |
| JP5238872B2 (ja) * | 2011-12-02 | 2013-07-17 | 株式会社東芝 | 情報処理装置、表示制御方法およびプログラム |
| JP6031764B2 (ja) * | 2012-01-13 | 2016-11-24 | オムロン株式会社 | 文字入力用のプログラムおよび情報処理装置ならびに文字入力動作の設定方法 |
| JP6125467B2 (ja) * | 2014-06-16 | 2017-05-10 | 富士フイルム株式会社 | プリント注文受付機とその作動方法および作動プログラム |
-
2016
- 2016-09-21 JP JP2016184367A patent/JP6746450B2/ja active Active
Also Published As
| Publication number | Publication date |
|---|---|
| JP2018049450A (ja) | 2018-03-29 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN105190511B (zh) | 图像处理方法、图像处理装置和图像处理程序 | |
| EP2811731B1 (en) | Electronic device for editing dual image and method thereof | |
| KR20100028344A (ko) | 휴대단말의 영상 편집 방법 및 장치 | |
| WO2016106997A1 (zh) | 屏幕截图方法及装置、移动终端 | |
| JP2014063246A (ja) | 電子アルバム作成装置、及び電子アルバム作成方法、プログラム | |
| JP6746450B2 (ja) | 表示制御方法及び表示装置 | |
| KR101932675B1 (ko) | 단말기, 이의 제어 방법 및 상기 방법을 구현하기 위한 기록 매체에 기록된 프로그램 | |
| JPWO2019155853A1 (ja) | 電子アルバム装置とその作動方法および作動プログラム | |
| JP4837248B2 (ja) | 画像表示装置及び画像表示装置の制御方法 | |
| JP4674728B2 (ja) | 画像選択装置および画像選択装置の制御方法およびプログラムおよび記録媒体 | |
| KR20140127131A (ko) | 영상 출력 방법 및 그 방법을 처리하는 전자장치 | |
| JP2015015699A (ja) | 画像処理装置、情報処理方法及びプログラム | |
| US8878902B2 (en) | Stereoscopic image display control apparatus, and method and program for controlling operation of same | |
| JP2007201935A (ja) | 画像処理装置の制御方法及び画像処理装置 | |
| US8687876B2 (en) | Stereoscopic image pasting system, and method and program for controlling operation of same | |
| US10275125B2 (en) | Image data generation apparatus and non-transitory computer-readable recording medium | |
| JP5990068B2 (ja) | 制御装置、制御方法、および制御プログラム | |
| EP2535807A1 (en) | Computer system | |
| US11240384B2 (en) | Information processing apparatus, method for information processing, and storage medium | |
| JP7566502B2 (ja) | 撮像装置、画像撮影処理方法、プログラムおよび記憶媒体 | |
| JP5788635B2 (ja) | 情報処理装置、コンピュータプログラム及び記録媒体 | |
| JP5677119B2 (ja) | フォトブック作成装置及びその制御方法 | |
| JP2006173854A (ja) | 画像表示装置、画像表示プログラム、および撮像装置 | |
| JP6274469B1 (ja) | 情報提供システム | |
| JP2020057124A (ja) | 表示制御方法および表示装置 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| RD02 | Notification of acceptance of power of attorney |
Free format text: JAPANESE INTERMEDIATE CODE: A7422 Effective date: 20181116 |
|
| A621 | Written request for application examination |
Free format text: JAPANESE INTERMEDIATE CODE: A621 Effective date: 20190920 |
|
| A977 | Report on retrieval |
Free format text: JAPANESE INTERMEDIATE CODE: A971007 Effective date: 20200514 |
|
| TRDD | Decision of grant or rejection written | ||
| A01 | Written decision to grant a patent or to grant a registration (utility model) |
Free format text: JAPANESE INTERMEDIATE CODE: A01 Effective date: 20200707 |
|
| A61 | First payment of annual fees (during grant procedure) |
Free format text: JAPANESE INTERMEDIATE CODE: A61 Effective date: 20200805 |
|
| R151 | Written notification of patent or utility model registration |
Ref document number: 6746450 Country of ref document: JP Free format text: JAPANESE INTERMEDIATE CODE: R151 |