JP6456422B2 - サムネイル画像表示装置、サムネイル画像表示装置の制御方法及びコンピュータの制御プログラム - Google Patents

Description

本発明は、サムネイル画像表示装置、サムネイル画像表示装置の制御方法及びコンピュータの制御プログラムに関する。

複数の画像の中から所望の画像を探し出すために、所望の画像より小さな画像（サムネイル画像）を表示して選択する技術が開発されている。特許文献１には、小さな画像をマルチ画面表示し、スクロールさせることにより、目的の画像を発見及び選択する技術が開示されている。

特開平１１−２５２４８４号公報

スクロールに伴い新たなサムネイル画像を表示させる場合、サムネイル画像データを事前に仮想画面上（メモリ上）にロードし、キー操作やフリック操作等に応じて仮想画面の表示範囲を変えるよう処理を行うことができる。しかしながら、このためには表示されているサムネイル画像の画像データに加えて、その前後の画像データをメモリ上にロードすることが必要なため、組込機器などメモリの量が少ない機器では実装できないことがある。

本発明の目的は、メモリ容量が少なくてもサムネイルの表示を良好に行えるサムネイル画像表示装置、サムネイル画像表示装置の制御方法及びそのようなサムネイル画像表示方法をコンピュータに実行させるコンピュータの制御プログラムを提供することにある。

本実施形態の一側面に係るサムネイル画像表示装置は、表示部と、ユーザによる表示部に対するタッチ動作及びパン動作を含む動作を検出する検出部と、表示部に表示可能な複数のサムネイル画像と、各サムネイル画像に対応する識別子とを関連付けて記憶する記憶部と、検出部が、タッチ動作及びタッチ位置からの所定距離の移動を検出した場合、移動を検出した際に表示部に表示されていたサムネイル画像を変更せずに、表示されていたサムネイル画像の何れかに対応する識別子を表示部に表示し、タッチ動作を検出してからパン動作を検出した場合、パン動作の移動内容に応じて識別子を変更して表示部に表示し、パン動作の終了を検出した場合、表示部に表示されている識別子に対応するサムネイル画像を記憶部から読み出して表示部に表示する制御部と、を有する。

また、本実施形態の一側面に係るサムネイル画像表示装置は、表示部と、ユーザによる表示部に対するタッチ動作及びパン動作を含む動作を検出する検出部と、表示部に表示可能な複数のサムネイル画像と、各サムネイル画像に対応する識別子とを関連付けて記憶する記憶部と、検出部が、タッチ動作及びタッチ位置からの所定距離の移動を検出した場合、移動を検出した際に表示部に表示されていたサムネイル画像の表示を、サムネイル画像に対応する識別子のみの表示に切り替えて表示部に表示し、タッチ動作を検出してからパン動作を検出した場合、パン動作の移動内容に応じて識別子を変更して表示部に表示し、パン動作の終了を検出した場合、表示部に表示されている識別子に対応するサムネイル画像を記憶部から読み出して表示部に表示する制御部と、を有する。

また、本実施形態の一側面に係るサムネイル画像表示装置の制御方法は、表示部に表示可能な複数のサムネイル画像と、各サムネイル画像に対応する識別子とを関連付けて記憶し、ユーザによる表示部に対するタッチ動作及びパン動作を含む動作を検出し、タッチ動作及びタッチ位置からの所定距離の移動を検出した場合、移動を検出した際に表示部に表示されていたサムネイル画像を変更せずに、表示されていたサムネイル画像の何れかに対応する識別子を表示部に表示し、タッチ動作を検出してからパン動作を検出した場合、パン動作の移動内容に応じて識別子を変更して表示部に表示し、パン動作の終了を検出した場合、表示部に表示されている識別子に対応するサムネイル画像を記憶部から読み出して表示部に表示することを含む。

また、本実施形態の一側面に係るサムネイル画像表示装置の制御方法は、表示部に表示可能な複数のサムネイル画像と、各サムネイル画像に対応する識別子とを関連付けて記憶し、ユーザによる表示部に対するタッチ動作及びパン動作を含む動作を検出し、タッチ動作及びタッチ位置からの所定距離の移動を検出した場合、移動を検出した際に表示部に表示されていたサムネイル画像の表示を、サムネイル画像に対応する識別子のみの表示に切り替えて表示部に表示し、タッチ動作を検出してからパン動作を検出した場合、パン動作の移動内容に応じて識別子を変更して表示部に表示し、パン動作の終了を検出した場合、表示部に表示されている識別子に対応するサムネイル画像を記憶部から読み出して表示部に表示することを含む。

また、本実施形態の一側面に係る表示部を有するコンピュータの制御プログラムは、表示部に表示可能な複数のサムネイル画像と、各サムネイル画像に対応する識別子とを関連付けて記憶し、ユーザによる表示部に対するタッチ動作及びパン動作を含む動作を検出し、タッチ動作及びタッチ位置からの所定距離の移動を検出した場合、移動を検出した際に表示部に表示されていたサムネイル画像を変更せずに、表示されていたサムネイル画像の何れかに対応する識別子を表示部に表示し、タッチ動作を検出してからパン動作を検出した場合、パン動作の移動内容に応じて識別子を変更して表示部に表示し、パン動作の終了を検出した場合、表示部に表示されている識別子に対応するサムネイル画像を記憶部から読み出して表示部に表示する、ことをコンピュータに実行させる。

また、本実施形態の一側面に係る表示部を有するコンピュータの制御プログラムは、表示部に表示可能な複数のサムネイル画像と、各サムネイル画像に対応する識別子とを関連付けて記憶し、ユーザによる表示部に対するタッチ動作及びパン動作を含む動作を検出し、タッチ動作及びタッチ位置からの所定距離の移動を検出した場合、移動を検出した際に表示部に表示されていたサムネイル画像の表示を、サムネイル画像に対応する識別子のみの表示に切り替えて表示部に表示し、タッチ動作を検出してからパン動作を検出した場合、パン動作の移動内容に応じて識別子を変更して表示部に表示し、パン動作の終了を検出した場合、表示部に表示されている識別子に対応するサムネイル画像を記憶部から読み出して表示部に表示する、ことをコンピュータに実行させる。

本発明によれば、メモリ容量が少なくてもサムネイルの表示を良好に行えるサムネイル画像表示装置、サムネイル画像表示装置の制御方法及びそのようなサムネイル画像表示方法をコンピュータに実行させるコンピュータの制御プログラムを提供することができる。

サムネイル画像表示装置１００の斜視図の一例である。 サムネイル画像表示装置１００の概略構成の一例を示す図である。 記憶装置１８０及びＣＰＵ１９０の概略構成の一例を示す図である。 識別子とサムネイル画像との対応表の一例を示す図である。 表示装置１２０に表示される表示画面４００の一例を示す図である。 タッチ動作、パン動作及びフリック動作を示す図である。 サムネイル画像表示処理の動作の一例を示すフローチャートである。 図７のステップＳ２０７の詳細の一例を示すフローチャートである。 パン動作に伴う表示画面４００の遷移の一例を示す図である。 フリック動作に伴う表示画面４００の遷移の一例を示す図である。 パン動作に伴う表示画面４００の遷移の一例を示す図である。 フリック動作に伴う表示画面４００の遷移の一例を示す図である。 パン動作に伴う表示画面４００の遷移の一例を示す図である。 フリック動作に伴う表示画面４００の遷移の一例を示す図である。 他のサムネイル画像表示装置６００の概略構成の一例を示すブロック図である。

以下、本発明に係るサムネイル画像表示装置、サムネイル画像表示装置の制御方法及びコンピュータの制御プログラムについて図を参照しつつ説明する。但し、本発明の技術的範囲はそれらの実施の形態に限定されず、特許請求の範囲に記載された発明とその均等物に及ぶ点に留意されたい。

＜第１実施形態＞
図１は、サムネイル画像表示装置１００の斜視図の一例である。

サムネイル画像表示装置１００は、原稿台１１０及び表示装置１２０等を有する。本実施形態ではスキャナを例として、スキャン（撮像）した画像をサムネイル画像により選択する処理を中心に説明する。

原稿台１１０は、撮像（スキャン）の対象となる複数枚の原稿を載置可能な台である。表示装置１２０は表示部の一例である。表示装置１２０は、液晶、有機ＥＬ（Electro-Luminescence）等から構成されるディスプレイ及びディスプレイに画像データを出力するインタフェース回路を有し、画像データをディスプレイに表示する。

図２は、サムネイル画像表示装置１００の概略構成の一例を示す図である。

サムネイル画像表示装置１００は、前述した構成に加えて、入力装置１３０、撮像装置１４０、ＡＦＥ（Analog Front End）１５０、画像メモリ１６０、インタフェース装置１７０、記憶装置１８０及びＣＰＵ（Control Processing Unit）１９０等を有する。

入力装置１３０はユーザによる表示装置１２０に対する操作を検出し、検出した内容を所定間隔の信号として出力する。また、表示装置１２０及び入力装置１３０はタッチパネルのように一体化されて構成されてもよい。

撮像装置１４０は撮像部の一例である。撮像装置１４０は、主走査方向に略直線状に配列されたＣＣＤ（Charge Coupled Device）からなる撮像素子を備える縮小光学系タイプの撮像センサを有する。この撮像センサは原稿を撮像し、ＲＧＢ各色に対応するアナログの画像信号を生成して出力する。なお、ＣＣＤの代わりにＣＭＯＳ（Complementary Metal Oxide Semiconductor）による撮像素子を備える等倍光学系タイプのＣＩＳ（Contact Image Sensor）を利用することもできる。

ＡＦＥ１５０は、撮像装置１４０から出力された各アナログ値をデジタル値に変換して画素データを生成し、生成した各画素データから構成される画像データを生成する。

画像メモリ１６０は、不揮発性半導体メモリ、揮発性半導体メモリ、磁気ディスク等の記憶装置を有する。画像メモリ１６０は、ＡＦＥ１５０により生成された入力画像を保存する。

インタフェース装置１７０は、ＵＳＢ（Universal Serial Bus）等のシリアルバスに準じるインタフェース回路を有し、外部のコンピュータ等と電気的に接続して画像データ及び各種の情報を送受信する。また、インタフェース装置１７０の代わりに、無線信号を送受信するアンテナと、所定の通信プロトコルに従って、無線通信回線を通じて信号の送受信を行うための無線通信インタフェース回路とを有する通信装置が用いられてもよい。所定の通信プロトコルは、例えば無線ＬＡＮ（Local Area Network）である。

記憶装置１８０は記憶部の一例である。記憶装置１８０は、ＲＡＭ（Random Access Memory）、ＲＯＭ（Read Only Memory）等のメモリ装置、ハードディスク等の固定ディスク装置、又はフレキシブルディスク、光ディスク等の可搬用の記憶装置等を有する。また、記憶装置１８０には、サムネイル画像表示装置１００の各種処理に用いられるコンピュータプログラム、データベース、テーブル等が格納される。コンピュータプログラムは、コンピュータ読み取り可能な可搬型記録媒体から公知のセットアッププログラム等を用いて記憶装置１８０にインストールされてもよい。可搬型記録媒体は、例えばＣＤ−ＲＯＭ（compact disk read only memory）、ＤＶＤ−ＲＯＭ（digital versatile disk read only memory）等である。

記憶装置１８０は、サムネイル画像データ及び画像データを対応付けて記憶する記憶領域１８５、及び、１つの表示画面に対応する表示用メモリ１８６を有する（記憶領域１８５及び表示用メモリ１８６は不図示）。なお、画像データはＡＦＥ１５０により生成された画像データであり、サムネイル画像データはＡＦＥ１５０により生成された画像データに基づいて生成されたサムネイル画像データであってもよい。

ＣＰＵ１９０は、予め記憶装置１８０に記憶されているプログラムに基づいて動作する。なお、ＣＰＵ１９０に代えて、ＤＳＰ（digital signal processor）、ＬＳＩ（large scale integration）等が用いられてよい。また、ＣＰＵ１９０に代えて、ＡＳＩＣ（Application Specific Integrated Circuit）、ＦＰＧＡ（Field-Programmable Gate Array）等が用いられてもよい。

ＣＰＵ１９０は、入力装置１３０、表示装置１２０、撮像装置１４０、ＡＦＥ１５０、画像メモリ１６０、インタフェース装置１７０及び記憶装置１８０等と接続され、これらの各部を制御する。ＣＰＵ１９０は、撮像装置１４０の原稿読取制御、インタフェース装置１７０を介した外部のコンピュータ等とのデータ送受信制御等を行う。

図３は、記憶装置１８０及びＣＰＵ１９０の概略構成の一例を示す図である。

図３に示すように、記憶装置１８０には、検出プログラム１８１及び制御プログラム１８２等の各プログラムが記憶される。これらの各プログラムは、プロセッサ上で動作するソフトウェアにより実装される機能モジュールである。ＣＰＵ１９０は、記憶装置１８０に記憶された各プログラムを読み取り、読み取った各プログラムに従って動作する。これにより、ＣＰＵ１９０は、検出部１９１及び制御部１９２として機能する。

図４は、識別子とサムネイル画像との対応表の一例を示す図である。

図４に示すように、記憶装置１８０は、表示装置１２０に表示可能な複数のサムネイル画像と、各サムネイル画像に対応する識別子とを関連付けて記憶する。サムネイル画像は、サムネイル画像のファイル名によって識別される。識別子は、例えば撮像された複数枚の原稿のページ数を示す。

なお、識別子は数字に限らず、文字、記号等であってもよい。また、サムネイル画像と識別子との対応付けは、表以外の方法、例えば、サムネイル画像のファイル名の本体（ファイル名が１．ｊｐｇの場合は“１”）を識別子として用いる方法により実現してもよい。

図５は、表示装置１２０に表示される表示画面４００の一例を示す図である。

表示画面４００は、タイトル表示域４１０、サムネイル画像表示域４２０、及びスクロール表示域４３０を含む。タイトル表示域４１０は、表示されている画面の処理内容等を表示する領域である。タイトル表示域４１０には終了ボタン４１１が設けられており、終了ボタン４１１が選択されるとサムネイル画像の表示処理は終了する。

サムネイル画像表示域４２０は、サムネイル画像表示枠４２１及びサムネイル画像４２２を表示する領域であり、タイトル表示域４１０の下に配置される。１つのサムネイル画像表示枠４２１の中には１つのサムネイル画像４２２が表示される。サムネイル画像４２２及びサムネイル画像表示枠４２１は、１つの表示画面４００に１つだけ表示されても複数表示されてもよく、図５ではそれぞれ６つ表示されている。また、サムネイル画像表示枠４２１の中には、サムネイル画像４２２に対応する識別子をサムネイル画像４２２と対応付けて表示する識別子表示域４２３が配置される。

スクロール表示域４３０は、スクロールバー４３１及びスライダ４３２を表示する領域であり、タイトル表示域４１０の下側且つサムネイル画像表示域４２０の右側に配置される。スクロールバー４３１は、選択可能な全てのサムネイル画像４２２に対応し、スライダ４３２は、現在表示されているサムネイル画像４２２が選択可能な全てのサムネイル画像４２２の中でどの位置にあるかを示す。

なお、以後の説明において、表示画面４００の左右方向をＸ方向、上下方向をＹ方向と称することがある。

図５に示した表示画面４００は、サムネイル画像４２２を表示して選択を開始する際の初期画面の例である。なお、サムネイル画像表示域４２０の左上に、識別子「７」、「１０」に対応するサムネイル画像４２２等、「１」とは異なる識別子に対応するサムネイル画像４２２が表示されることもある。

図６は、タッチ動作、パン動作及びフリック動作を示す図である。ユーザによる表示装置１２０に対するタッチ動作及びパン動作を含む動作は、入力装置１３０から所定間隔Ａで出力される信号に基づいて、検出部１９１により検出される。

＜タッチ動作について＞
タッチ動作とは、ユーザが表示装置１２０に指で触れる動作を指す。指で触れた位置をタッチ位置と称する。

ユーザが指で表示装置１２０に初めて触れると（図６（ａ））、入力装置１３０は最初のタッチ位置である第１タッチ位置３０１を示す座標値を含む信号を検出部１９１に出力する。これにより、検出部１９１はタッチの開始を検出する。次に入力装置１３０がタッチを検出する時点で、表示装置１２０上の指の位置が移動していると（図６（ｂ））、入力装置１３０は、次のタッチ位置である第２タッチ位置３０２を示す座標値を含む信号を検出部１９１に出力する。検出部１９１は、ユーザによるタッチ動作が継続していること、及び、第１タッチ位置３０１の座標値及び第２タッチ位置３０２の座標値が異なることから、第２タッチ位置３０２が第１タッチ位置３０１から移動したことを検出する。以後、入力装置１３０から出力される所定間隔Ａの信号に基づいて、検出部１９１は新たなタッチ位置の検出を実行する。

＜パン動作について＞
パン動作とは、指を表示装置１２０に触れたまま、最初のタッチ位置から所定距離以上離れた位置に移動させる動作を指す。パン動作は、指を表示装置１２０から離すと終了する。

検出部１９１は、タッチ動作が継続していることを検出し、且つ、新たなタッチ位置である第３タッチ位置３０３が第１タッチ位置３０１から所定距離Ｂ以上移動したこと（図６（ｃ））を初めて検出すると、パン動作の開始を検出する。以後、タッチ動作が継続している限り、検出部１９１はパン動作が継続していると判定する。

ユーザが位置３０４で表示装置１２０から指を離すと（図６（ｄ））、入力装置１３０は、指が離れたことを示す信号及び指が離れた位置３０４の座標を検出部１９１に出力する。信号を受信した検出部１９１は、ユーザによるタッチ動作及びパン動作が終了したことを検出する。

＜フリック動作について＞
フリック動作とは、指を表示装置１２０に触れた状態から離し、且つ、離れた際の指の移動速度（表示装置１２０の面に平行な方向の移動速度）が所定速度以上である動作を指す。

ユーザが第３タッチ位置３０３において表示装置１２０に指で触れ、位置３０４で表示装置１２０から指を離し（図６（ｄ））、且つ、指が離れたときの移動速度が所定速度Ｄ以上の場合、検出部１９１はフリック動作が行われたことを検出する。移動速度が所定速度Ｄ以上の場合とは、１つ前の第３タッチ位置３０３（所定間隔Ａで通知された１つ前の座標）から指が離れた位置３０４までの移動距離が所定距離Ｃ以上の場合である。

本実施形態において、入力装置１３０が信号を出力する所定間隔Ａ、制御部１９２がパン動作の開始を検出する所定距離Ｂ、及び制御部１９２がフリック動作を検出する所定距離Ｃ・所定速度Ｄは、それぞれ表１に示す通りである。なお、本実施形態においてパン動作及びフリック動作等が行われる表示装置１２０の画面サイズは、幅：２７２ピクセル、高さ：４６０ピクセルとする。

図７はサムネイル画像表示処理の動作の一例を示すフローチャートであり、図８は図７のステップＳ２０７の詳細の一例を示すフローチャートである。また、図９はパン動作に伴う表示画面４００の遷移の一例を示す図であり、図１０はフリック動作に伴う表示画面４００の遷移の一例を示す図である。以下、図７及び図８に示したフローチャート及び図９及び図１０に示した表示画面４００の遷移を示す図を参照しつつ、サムネイル画像表示処理の動作を説明する。なお、以下に説明する動作のフローは、予め記憶装置１８０に記憶されているプログラムに基づき主にＣＰＵ１９０によりサムネイル画像表示装置１００の各要素と協働して実行される。

最初に、制御部１９２は、記憶装置１８０に記憶されているサムネイル画像データを使用して、画像データを選択するための表示画面４００のうち初期画面を表示装置１２０に表示する（ステップＳ２０１。初期画面の例は図５参照）。

入力装置１３０がユーザによる操作を検出した結果に基づいて、検出部１９１は、ユーザによるサムネイル画像表示域４２０に対するタッチ動作の開始を検出する（ステップＳ２０２）。検出部１９１は、タッチ動作の開始を検出すると、タッチ動作の開始を検出した際の座標値であるタッチ位置を記憶装置１８０に記憶する（ステップＳ２０３）。

次に、検出部１９１はタッチの状態を検出する（ステップＳ２０４）。検出部１９１がタッチ動作の継続及びステップＳ２０２のタッチ位置からの所定距離Ｂ以上の移動を検出した場合（ステップＳ２０５のＹ）、制御部１９２は、識別子４４０を表示装置１２０に表示する（ステップＳ２０６）。ここで、制御部１９２は、表示装置１２０に表示されていたサムネイル画像４２２を変更せずに、表示されていたサムネイル画像４２２の何れかに対応する識別子４４０を表示する。所定距離Ｂについては、表１参照。また、ステップＳ２０５がＹになった場合、検出部１９１はパン動作の開始を検出する。

ステップＳ２０６において表示装置１２０に表示される表示画面４００の例を図９（ｂ）に示す。図９（ｂ）の例では、サムネイル画像表示域４２０の中央部の矩形の中に、一番目のサムネイル画像に対応する識別子４４０が表示されている。識別子４４０の背景は透過色であり、元から表示されていたサムネイル画像４２２等は識別子４４０の背景部分から視認可能である。制御部１９２は、例えば表示装置１２０の有する複数レイヤの多重表示機能を用いてこの表示を行う。なお、識別子４４０の大きさをサムネイル画像表示域４２０より小さくすることにより、識別子の変更時における画面表示の更新処理の演算処理量を減らすことが可能である。また、識別子４４０の背景を非透過色としても良い。

次に、制御部１９２は、検出部１９１の検出したタッチ動作が終了するまで、タッチの状態に基づいてフリック動作が発生したか否かの判定、及び、パン動作及びフリック動作に伴う表示画面４００の表示内容の変更を行う（ステップＳ２０７）。この判定及び変更の詳細については図８を用いて後述する。

ステップＳ２０７の実行後の状態は以下の３つの場合に分類される。
（１）ステップＳ２０６で表示された識別子４４０と異なる識別子４４０が表示され、それに伴い、ステップＳ２０７の実行後に表示されるサムネイル画像４２２は、ステップＳ２０４で表示されていなかった新たなサムネイル画像４２２を含む場合。
（２）ステップＳ２０６で表示された識別子４４０と異なる識別子４４０が表示されたが、ステップＳ２０７の実行後に表示されるサムネイル画像４２２は、ステップＳ２０４で表示されていたサムネイル画像４２２と同一である場合。
（３）ステップＳ２０６で表示された識別子４４０と同一の識別子４４０が表示されたため、ステップＳ２０７の実行後に表示されるサムネイル画像４２２は、ステップＳ２０４で表示されていたサムネイル画像４２２と同一である場合。

（１）の場合、すなわち、新たなサムネイル画像４２２を表示装置１２０に表示する場合（ステップＳ２０８のＹ）、制御部１９２は、表示画面４００に含まれるサムネイル画像の画像データを記憶装置１８０の記憶領域１８５から表示用メモリ１８６にロードする。そして、制御部１９２は、表示用メモリ１８６にロードされたデータを用いて、新たな表示画面４００を表示装置１２０に表示する（ステップＳ２０９）。例えば、ステップＳ２０７で検出部１９１がパン動作の終了を検出した場合、制御部１９２は、表示装置１２０に表示されている識別子４４０に対応するサムネイル画像４２２を記憶装置１８０から読み出して表示装置１２０に表示する。また、ステップＳ２０７で制御部１９２がフリック動作による識別子４４０の変更表示を終了した場合、表示装置１２０に表示されている識別子４４０に対応するサムネイル画像４２２を記憶装置１８０から読み出して表示装置１２０に表示する。

（２）及び（３）の場合、すなわち、新たなサムネイル画像を表示画面４００に表示しない場合（ステップＳ２０８のＮ）、制御部１９２は、上述したステップＳ２０９の動作を行わない。

なお、（２）の一例は、識別子４４０の値が記憶された識別子全体の末尾又は先頭に近いため、識別子４４０の値を変更しても、ステップＳ２０４で表示されていたものと同一のサムネイル画像４２２の組がステップＳ２０９において表示される場合である。例えば、ステップＳ２０４〜Ｓ２０６で表示されるサムネイル画像４２２の組は識別子「２５」〜「３０」に対応し、ステップＳ２０６で表示される識別子は「２５」であり、ステップＳ２０７の実行の結果、表示される識別子が「２５」から「３０」に変更され、「３０」が表示された状態で指が離された場合である。この場合、識別子４４０は変更されても、ステップＳ２０７の実行後に表示されるサムネイル画像４２２は、識別子の値「２５」〜「３０」に対応するサムネイル画像４２２のままである。

次に、制御部１９２は、識別子４４０を非表示とし（ステップＳ２１０）、処理はステップＳ２０２のタッチの開始の検出に戻る。図７のステップＳ２０７でパン動作が実行された後、ステップＳ２１０において表示装置１２０に表示される表示画面４００の例を図９（ｄ）に示す。図７のステップＳ２０７でフリック動作が実行された後、ステップＳ２１０において表示装置１２０に表示される表示画面４００の例を図１０（ｅ）に示す。

ステップＳ２０２〜ステップＳ２０４の処理の後、ステップＳ２０５の判定結果がＮの場合、制御部１９２は、検出部１９１がタッチ動作の終了を検出したか否かを判定する（ステップＳ２１１）。ステップＳ２０５の判定結果がＮの場合とは、ステップＳ２０２のタッチ位置からの所定距離Ｂ以上の移動を検出しない場合である。所定距離Ｂについては、表１参照。

検出部１９１がタッチ動作の終了を検出していない場合（ステップＳ２１１のＮ）、処理はステップＳ２０４に戻り、検出部１９１はタッチの新たな状態を検出する。

タッチ動作の終了を検出した場合（ステップＳ２１１のＹ）、制御部１９２はステップＳ２０２におけるタッチ位置とステップＳ２０４における最後のタッチ位置とが同一のサムネイル画像表示枠４２１の内部にあるか否かを判定する（ステップＳ２１２）。

ステップＳ２０２におけるタッチ位置とステップＳ２０４における最後のタッチ位置とが同一のサムネイル画像表示枠４２１の内部にない場合（ステップＳ２１２のＮ）、処理はステップＳ２０２に戻り、検出部１９１はタッチ動作の開始を検出する。

ステップＳ２０２のタッチ位置とステップＳ２０４の最後のタッチ位置とが同一のサムネイル画像表示枠４２１の内部にある場合（ステップＳ２１２のＹ）、制御部１９２はサムネイル画像表示枠４２１内部のサムネイル画像４２２が選択されたと判定する。そして、制御部１９２は、サムネイル画像４２２に対応する画像データを記憶装置１８０から表示用メモリ１８６に読み込み、表示装置１２０に表示する（ステップＳ２１３）。これにより一連のステップを終了する。

図９（ｄ）の表示画面４００が表示装置１２０に表示された状態で、ステップＳ２１３において識別子「１０」に対応するサムネイル画像４２２を選択したときに表示装置１２０に表示される表示画面４００の例を図９（ｅ）に示す。

また、図１０（ｅ）の表示画面４００が表示装置１２０に表示された状態で、ステップＳ２１３において識別子「１４」に対応するサムネイル画像４２２を選択したときに表示装置１２０に表示される表示画面４００の例を図１０（ｆ）に示す。

図８は、図７のステップＳ２０７の詳細を示すフローチャートである。以下、図８に示したフローチャートを参照しつつ、フリック動作が発生したか否かの判定、及び、パン動作及びフリック動作に伴う表示画面４００の表示内容の変更の動作を説明する。

最初に、検出部１９１がステップＳ２０２のタッチ位置から所定距離Ｅ以上の移動を検出した場合（ステップＳ３０１のＹ）、検出部１９１はステップＳ２０２のタッチ位置からの移動方向と移動距離を検出し、制御部１９２は識別子４４０を変更する（ステップＳ３０２）。すなわち、制御部１９２は、検出部１９１がステップＳ２０２でタッチ動作を検出してからステップＳ２０５のＹでパン動作を検出した場合、パン動作の移動方向及び移動距離に応じて識別子４４０を変更して表示装置１２０に表示する。ステップＳ３０２において表示装置１２０に表示される表示画面４００の例を図９（ｃ）に示す。図９（ｃ）の例では、図９（ｂ）でユーザが上方向にパン動作を行うことにより識別子４４０が１→２→３→…と増加し、１０が表示されている。所定距離Ｅについては、表１参照。

ステップＳ３０２において、制御部１９２は、図９（ａ）の表示画面４００においてスライダ４３２が移動可能な方向の成分（Ｙ方向の成分）のみに基づいて移動方向を判定してもよく、また、移動距離を算出してもよい。また、指の移動方向と識別子４４０の増減との関係は、タッチした指を上方に動かしたときに識別子４４０の値を減少させ、下方に動かしたときに識別子４４０の値を増加させる関係でもよい。また、タッチした指を右に動かすと識別子４４０の値が増加し、左に動かすと減少するなど、識別子４４０の値の増加及び減少をタッチ位置の左右方向の移動に対応付けてもよい。

次に、検出部１９１はタッチの状態を検出する（ステップＳ３０３）。検出部１９１がタッチ動作の終了を検出しなかった場合 （ステップＳ３０４のＮ）、処理はステップＳ３０１に戻る。

検出部１９１がタッチ動作の終了を検出した場合、すなわち、指が離れた場合（ステップＳ３０４のＹ）、制御部１９２は、指が離れる直前に検出部１９１から通知されたタッチ位置から指が離れた位置までの移動量を元に算出した移動速度が所定速度Ｄより遅いか否かを判定する（ステップＳ３０５）。移動速度が所定速度Ｄより遅い場合（ステップＳ３０５のＹ）、検出部１９１はパン動作の終了を検出し、ステップＳ２０７の処理は終了する。所定距離Ｄについては、表１参照。

移動速度が所定速度Ｄ以上の場合（ステップＳ３０５のＮ）、検出部１９１は、パン動作の終了及びフリック動作を検出し、制御部１９２は識別子４４０を変更する（ステップＳ３０６）。すなわち、制御部１９２は、検出部１９１がステップＳ２０２でタッチ動作を検出してからステップＳ３０５でフリック動作を検出した場合、フリック動作の移動方向及び移動速度に応じて識別子４４０を変更して表示装置１２０に表示する。ステップＳ３０２において表示装置１２０に表示される表示画面４００の例を図１０（ｃ）に示す。図１０（ｃ）の例では、図１０（ｂ）でユーザが上方向にフリック動作を行うことにより識別子４４０が１→２→３→…と増加し、１０が表示されている。なお、フリック動作は、パン動作に引き続いて検出される場合も、パン動作を検出することなく検出される場合もある。

次に、検出部１９１はタッチの状態を検出する（ステップＳ３０７）。検出部１９１がサムネイル画像表示域４２０へのタッチ動作を検出した場合（ステップＳ３０８のＹ）、制御部１９２はフリック動作に伴う識別子４４０の変更処理を終了し（ステップＳ３０９）、処理はＳ３０３に戻る。フリック動作に伴う識別子４４０の変更処理はステップＳ３１０の説明として後述する。ステップＳ３０９においては、フリック動作の検出後、タッチ動作を検出した時点までの識別子４４０の変更を有効とする。

検出部１９１がサムネイル画像表示域４２０へのタッチ動作を検出しなかった場合 （ステップＳ３０８のＮ）、制御部１９２は、所定時間Ｇ毎に識別子４４０を自動的に変更し、識別子４４０を変更する速度も変更する（ステップＳ３１０）。識別子４４０を変更する速度については後述する。図８のステップＳ３１０において表示装置１２０に表示される表示画面４００の例を図１０（ｃ）に示す。所定距離Ｄについては、表１参照。

ステップＳ３１０において変更された新たな変更速度が０より大きい場合（ステップＳ３１１のＮ）、処理はステップＳ３０７に戻る。新たな変更速度が０以下の場合（ステップＳ３１１のＹ）、制御部１９２は識別子４４０の変更を終了する。識別子４４０の変更を終了した際に表示装置１２０に表示される表示画面４００の例を図１０（ｄ）に示す。図１０（ｄ）の例では、図１０（ｃ）の後に識別子４４０が自動的に変更され、変更速度が０以下になったときには１４が表示されている。

以上のようにステップＳ２０７の処理は実行され、図７及び図８に示したフローチャートにより、サムネイル画像の表示処理が実現される。特に、ステップＳ３０２及びステップＳ３０６により、新たなサムネイル画像４２２を表示することなく識別子４４０のみが変更され、識別子４４０の変更が終了した後に新たなサムネイル画像４２２が表示される。このため、パン動作又はフリック動作による識別子４４０の変更中に、表示される識別子４４０に対応するサムネイル画像を記憶装置１８０からロードする必要がなく、メモリ容量が少なくてもサムネイル画像の表示を良好に行うことが可能となった。

なお、本実施形態ではパン動作及びフリック動作の両方を検出する例について記載したが、これに限らず、パン動作のみ、又はフリック動作のみを検出してもよい。

また、本実施形態では、パン動作において識別子を変更する際の移動内容として移動方向及び移動距離を使用したが、これに限らず、移動方向のみ又は移動距離のみを使用してもよい。同様に、本実施形態では、フリック動作において識別子を変更する際の移動内容として移動方向及び移動速度を使用したが、これに限らず、移動方向のみ又は移動速度のみを使用してもよい。

また、ステップＳ２０７でパン動作が終了したとき、又は、フリック動作による識別子４４０の変更表示が終了したときに表示されていた識別子４４０に対応するサムネイル画像の表示位置は、左上に限らずその他の位置でもよい。例えば、奇数の識別子に対応するサムネイル画像は左、偶数の識別子に対応するサムネイル画像は右に表示する規則に基づいて、図９（ｄ）の左上に識別子「９」に対応するサムネイル画像、右上に識別子「１０」に対応するサムネイル画像を表示してもよい。また、パン動作が終了したとき、又は、フリック動作による識別子４４０の変更表示が終了したときに表示されていた識別子４４０より前の識別子に対応するサムネイル画像が表示されてもよい。

また、ステップＳ３０６における識別子４４０の変更は、以下（ａ）及び（ｂ）の計算方法に基づいて実行される。
（ａ）識別子の増減方向：指が離れる直前のタッチ位置から指が離れた位置への移動において、Ｙ方向の成分が減少すれば識別子の値を増加させ、増加すれば識別子の値を減少させる。
（ｂ）識別子の値：指が離れる直前のタッチ位置から指が離れた位置へのＹ方向の移動量に基づき指の移動速度を算出し、さらに所定倍率Ｆを乗じた値に基づいて、自動表示変更（慣性移動）の初速（所定時間Ｇに何ピクセル移動するか）を決定する。ここで、変更速度（初速及び減速率（＝所定ピクセル数Ｈ／所定時間Ｇ）により求めた速度）と経過時間とにより累積の移動距離を求め、この移動距離から識別子の値の算出が可能である。所定倍率Ｆ、所定時間Ｇ、及び所定ピクセル数Ｈについては、表１参照。

また、ステップＳ３１０の処理は、例えば、制御部１９２が、所定時間Ｇ毎に、速度（所定時間Ｇに何ピクセル移動するか）を算出するためのピクセル数から所定ピクセル数Ｈを減少させることにより実行してもよい。これにより、フリック操作後、ユーザが表示装置１２０に新たにタッチすることなく、識別子４４０の変更を終了できる。所定時間Ｇ、所定ピクセル数Ｈについては、表１参照。

＜第２実施形態＞
図１１は、パン動作に伴う表示画面４００の遷移の他の一例を示す図である。以下に説明する点を除き、原則第２実施形態の処理は第１実施形態の処理と同じである。

図１１（ａ）は、図７のステップＳ２０１における初期画面の例を示す。図１１（ａ）の表示画面４００には、図９（ａ）のスクロール表示域４３０、スクロールバー４３１及びスライダ４３２が存在しない。

図１１（ｂ）は、図７のステップＳ２０６における表示画面４００の例を示す。ステップＳ２０６において、制御部１９２は、図１１（ｂ）のサムネイル画像表示域４２０を、図１１（ａ）のサムネイル画像表示域４２０より暗くして表示する。

また、制御部１９２は、図１１（ｂ）の識別子４４０及び背景バー４５１をサムネイル画像表示域４２０に重ねて表示装置１２０に表示する。この際、制御部１９２は、図７のステップＳ２０４で検出したタッチ位置と重ならないように、識別子４４０及び背景バー４５１の位置を決定する。識別子４４０は、表示装置１２０に表示されているいずれかのサムネイル画像４２２に対応する識別子である。背景バー４５１は、記憶装置１８０に記憶された複数の識別子のそれぞれに対応する位置が割り当てられた図形である。本実施形態では、背景バー４５１の最上部に識別子「１」が、最下部に識別子「３０」が割り当てられている。

図１１（ｃ）は、図８のステップＳ３０２における表示画面４００の例を示す。ステップＳ３０２において、制御部１９２は、パン動作の移動方向及び移動距離に応じて変更した識別子４４０を、背景バー４５１の図形内の対応する位置に表示することにより、この表示画面４００を生成する。

また、制御部１９２は、パン動作の移動方向及び移動距離に応じて変更した識別子４４０を、表示装置１２０の画面内の固定位置に表示し、背景バー４５１の図形をパン動作の移動方向及び移動距離に応じて移動させて表示する。例えば、制御部１９２は、図１１（ｂ）の状態で指のタッチ位置の上方への移動を検出した場合、識別子４４０の値を移動距離に応じて１から１０に増加させ、背景バー４５１の位置を上方に移動する。この際、識別子４４０の位置は図１１（ｂ）における位置と同じであり、背景バー４５１の識別子「１０」に対応する位置に識別子４４０が配置される。また、背景バー４５１の移動範囲をサムネイル画像表示域４２０の範囲より小さくすることにより、識別子４４０の変更時における画面表示の更新処理の演算処理量を減らすことが可能である。

図１１（ｄ）は、図７のステップＳ２０７でパン動作が実行された後、ステップＳ２１０において表示装置１２０に表示される表示画面４００の例を示す。この例では、図１１（ｃ）で表示されていた識別子「１０」に対応するサムネイル画像を含む６つのサムネイル画像４２２が表示されている。

図１１（ｅ）は、図１１（ｄ）の表示画面４００が表示装置１２０に表示された状態で、ステップＳ２１３において識別子「１０」に対応するサムネイル画像４２２を選択したときに表示装置１２０に表示される表示画面４００の例を示す。

図１２は、フリック動作に伴う表示画面４００の遷移の一例を示す図である。

図１２（ｃ）は、図８のステップＳ３１０における表示画面４００の例を示す。フリック動作の移動方向及び移動速度に応じて背景バー４５１が移動する点が、図１１（ｃ）の表示画面４００と異なる。その他の表示方法は図１１と同一である。

以上詳述したように、第２実施形態で示した内容に従って動作することによっても、サムネイル画像表示装置１００は、パン動作又はフリック動作を行っているときに表示される識別子４４０に対応するサムネイル画像を、記憶装置１８０からロードする必要がない。これにより、メモリ容量が少なくてもサムネイル画像の表示を良好に行うことが可能である。また、第２実施形態は、識別子４４０の表示の際に、識別子４４０の値に応じてスライド可能な背景バー４５１を表示している点において、第１実施形態と異なる。

＜第３実施形態＞
図１３は、パン動作に伴う表示画面４００の遷移の一例を示す図である。以下の点を除き、第３実施形態の処理は第１実施形態の処理と同じである。

図１３（ａ）は、図７のステップＳ２０１における初期画面の例を示す。この画面は図９（ａ）の画面と同一である。

図１３（ｂ）は、図７のステップＳ２０６における表示画面４００の例を示す。ステップＳ２０６において、制御部１９２は、ステップＳ２０５の移動を検出した際に表示装置１２０に表示されていたサムネイル画像の表示を、サムネイル画像に対応する識別子４４０のみの表示に切り替えて表示装置１２０に表示する。すなわち、サムネイル画像表示枠４２１の中に表示されていたサムネイル画像４２２及び識別子表示域４２３を、サムネイル画像に対応する識別子４４０に切り替えて表示する。

図１３（ｃ）は、図８のステップＳ３０２における表示画面４００の例を示す。ステップＳ３０２において、制御部１９２は、タッチ動作を検出してからパン動作を検出した場合、パン動作の移動方向及び移動距離に応じて識別子４４０を変更して表示装置１２０に表示する。例えば、制御部１９２は、指のタッチ位置の上方への移動を検出した場合、それぞれのサムネイル画像表示枠４２１内に表示される識別子４４０の値を、移動距離に応じて増加させる。また、制御部１９２は、移動距離に応じてスライダ４３２の表示位置を変更してもよい。

図１３（ｄ）は、図７のステップＳ２０７でパン動作が実行された後、ステップＳ２１０において表示装置１２０に表示される表示画面４００の例を示す。この例では、図１３（ｃ）で表示されていた識別子「９」〜「１４」に対応する６つのサムネイル画像４２２が表示されている。

図１３（ｅ）は、図１３（ｄ）の表示画面４００が表示装置１２０に表示された状態で、ステップＳ２１３において識別子「９」に対応するサムネイル画像４２２を選択したときに表示装置１２０に表示される表示画面４００の例を示す。

図１４は、フリック動作に伴う表示画面４００の遷移の一例を示す図である。

図１４（ｃ）は、図８のステップＳ３１０における表示画面４００の例を示す。フリック動作の移動方向及び移動速度に応じて、各サムネイル画像表示枠４２１内に表示される識別子４４０の値が変化する点が、図１３（ｃ）の表示画面４００と異なる。その他の表示方法は図１３と同じである。

以上詳述したように、第３実施形態で示した内容に従って動作することによっても、サムネイル画像表示装置１００は、パン動作又はフリック動作を行っているときに表示される識別子４４０に対応するサムネイル画像を、記憶装置１８０からロードする必要がない。これにより、メモリ容量が少なくてもサムネイルの表示を良好に行うことが可能である。また、第３実施形態は、サムネイル画像４２２を消して識別子４４０の表示及び変更を行う点において、第１実施形態と異なる。

＜第４実施形態＞
図１５は、他のサムネイル画像表示装置６００の概略構成の一例を示すブロック図である。

サムネイル画像表示装置６００は、表示装置１２０、入力装置１３０、記憶装置１８０、検出回路６１１及び制御回路６１２等を有する。表示装置１２０、入力装置１３０及び記憶装置１８０は、サムネイル画像表示装置１００の表示装置１２０、入力装置１３０及び記憶装置１８０と同様な機能を実行する装置である。

検出回路６１１及び制御回路６１２は、サムネイル画像表示装置１００のＣＰＵ１９０の代わりに用いられる回路である。

検出回路６１１は、検出部の一例であり、検出部１９１と同様の機能を有する。検出回路６１１は、入力装置１３０からの信号を検出し、パン動作及びフリック動作等を検出する。

制御回路６１２は、制御部の一例であり、制御部１９２と同様の機能を有する。制御回路６１２は、検出回路６１１からの信号を検出し、記憶装置１８０に記憶されたサムネイル画像４２２等のデータを用いてサムネイル画像４２２及び／又は識別子４４０の表示を含む表示画面４００のデータを生成し、表示装置１２０へ送信する。

以上詳述したように、サムネイル画像表示装置は、検出回路６１１及び制御回路６１２を用いる場合も、メモリ容量が少なくてもサムネイルの表示を良好に行うことが可能である。

以上、本発明の好適な実施形態について説明してきたが、本発明はこれらの実施形態に限定されるものではない。例えば、サムネイル画像表示装置１００はスキャナに限られず、電子カメラ及びスマートフォン等の組込機器など、サムネイル画像に基づいて画像を選択する処理を行う機器であればよい。

１００、６００ サムネイル画像表示装置
１２０ 表示装置
１８０ 記憶装置
１９１ 検出部
１９２ 制御部
４２２ サムネイル画像
４４０ 識別子

Claims (7)

1. 表示部と、
   ユーザによる前記表示部に対するタッチ動作及びパン動作を含む動作を検出する検出部と、
   前記表示部に表示可能な複数のサムネイル画像と、各サムネイル画像に対応する識別子とを関連付けて記憶する記憶部と、
   前記検出部が、前記タッチ動作及びタッチ位置からの所定距離の移動を検出した場合、前記移動を検出した際に前記表示部に表示されていたサムネイル画像を変更せずに、前記表示されていたサムネイル画像の何れかに対応する識別子を前記表示部に表示し、
   前記タッチ動作を検出してから前記パン動作を検出した場合、新たなサムネイル画像を表示することなく、前記パン動作の移動内容に応じて前記識別子を変更して前記表示部に表示し、及び、
   前記パン動作の終了を検出した場合、前記表示部に表示されている識別子に対応するサムネイル画像を前記記憶部から読み出して前記表示部に表示する制御部と、を有し、
   前記制御部は、前記パン動作を検出した場合、前記パン動作の移動内容に応じて変更した識別子を前記表示装置の画面内の固定位置に表示し、且つ、前記記憶部に記憶された複数の識別子のそれぞれに対応する位置が割り当てられた図形を、前記パン動作の移動内容に応じて変更した識別子に対応する前記図形内の位置が前記固定位置にあうように移動させて前記表示部に表示する、
   ことを特徴とするサムネイル画像表示装置。
2. 前記パン動作の移動内容は、前記パン動作の移動方向及び移動距離である、請求項１に記載のサムネイル画像表示装置。
3. 前記検出部は、ユーザによる前記表示部に対するフリック動作をさらに検出し、
   前記制御部は、
   前記検出部が、前記タッチ動作及びタッチ位置からの所定距離の移動を検出した場合、前記移動を検出した際に前記表示部に表示されていたサムネイル画像を変更せずに、前記表示されていたサムネイル画像の何れかに対応する識別子を前記表示部に表示し、
   前記タッチ動作を検出してから前記フリック動作を検出した場合、前記フリック動作の移動内容に応じて変更した識別子を前記表示部に表示し、
   前記フリック動作による識別子の変更表示が終了した場合、前記表示部に表示されている識別子に対応するサムネイル画像を前記記憶部から読み出して前記表示部に表示する、請求項１または２に記載のサムネイル画像表示装置。
4. 前記制御部は、前記パン動作の移動内容に応じて変更した識別子を、前記図形内の対応する位置に表示する、請求項１〜３のいずれか一項に記載のサムネイル画像表示装置。
5. 前記制御部は、前記サムネイル画像を前記表示部に表示する場合、前記サムネイル画像に対応する前記識別子を前記サムネイル画像と対応付けて表示する、請求項１〜４のいずれか一項に記載のサムネイル画像表示装置。
6. 表示部を有するサムネイル画像表示装置の制御方法であって、
   前記表示部に表示可能な複数のサムネイル画像と、各サムネイル画像に対応する識別子とを関連付けて記憶し、
   ユーザによる前記表示部に対するタッチ動作及びパン動作を含む動作を検出し、
   前記タッチ動作及びタッチ位置からの所定距離の移動を検出した場合、前記移動を検出した際に前記表示部に表示されていたサムネイル画像を変更せずに、前記表示されていたサムネイル画像の何れかに対応する識別子を前記表示部に表示し、
   前記タッチ動作を検出してから前記パン動作を検出した場合、新たなサムネイル画像を表示することなく、前記パン動作の移動内容に応じて前記識別子を変更して前記表示部に表示し、
   前記パン動作の終了を検出した場合、前記表示部に表示されている識別子に対応するサムネイル画像を前記表示部に表示する、ことを含み、
   前記パン動作を検出した場合、前記パン動作の移動内容に応じて変更した識別子を前記表示装置の画面内の固定位置に表示し、且つ、前記記憶された複数の識別子のそれぞれに対応する位置が割り当てられた図形を、前記パン動作の移動内容に応じて変更した識別子に対応する前記図形内の位置が前記固定位置にあうように移動させて前記表示部に表示する、
   ことを特徴とする制御方法。
7. 表示部を有するコンピュータの制御プログラムであって、
   前記表示部に表示可能な複数のサムネイル画像と、各サムネイル画像に対応する識別子とを関連付けて記憶し、
   ユーザによる前記表示部に対するタッチ動作及びパン動作を含む動作を検出し、
   前記タッチ動作及びタッチ位置からの所定距離の移動を検出した場合、前記移動を検出した際に前記表示部に表示されていたサムネイル画像を変更せずに、前記表示されていたサムネイル画像の何れかに対応する識別子を前記表示部に表示し、
   前記タッチ動作を検出してから前記パン動作を検出した場合、新たなサムネイル画像を表示することなく、前記パン動作の移動内容に応じて前記識別子を変更して前記表示部に表示し、
   前記パン動作の終了を検出した場合、前記表示部に表示されている識別子に対応するサムネイル画像を前記表示部に表示する、ことをコンピュータに実行させ、
   前記パン動作を検出した場合、前記パン動作の移動内容に応じて変更した識別子を前記表示装置の画面内の固定位置に表示し、且つ、前記記憶された複数の識別子のそれぞれに対応する位置が割り当てられた図形を、前記パン動作の移動内容に応じて変更した識別子に対応する前記図形内の位置が前記固定位置にあうように移動させて前記表示部に表示する、
   ことを特徴とする制御プログラム。