JP2013200898A - Operation control device, operation control method, and operation control program - Google Patents

Operation control device, operation control method, and operation control program Download PDF

Info

Publication number
JP2013200898A
JP2013200898A JP2013142982A JP2013142982A JP2013200898A JP 2013200898 A JP2013200898 A JP 2013200898A JP 2013142982 A JP2013142982 A JP 2013142982A JP 2013142982 A JP2013142982 A JP 2013142982A JP 2013200898 A JP2013200898 A JP 2013200898A
Authority
JP
Japan
Prior art keywords
thumbnail
image
display
row
control unit
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.)
Granted
Application number
JP2013142982A
Other languages
Japanese (ja)
Other versions
JP5570636B2 (en
Inventor
Hisashi Yokogawa
横川  恒
Yuki Waji
由紀 和爾
Muneko Okamoto
宗子 岡本
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Olympus Imaging Corp
Original Assignee
Olympus Imaging Corp
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Olympus Imaging Corp filed Critical Olympus Imaging Corp
Priority to JP2013142982A priority Critical patent/JP5570636B2/en
Publication of JP2013200898A publication Critical patent/JP2013200898A/en
Application granted granted Critical
Publication of JP5570636B2 publication Critical patent/JP5570636B2/en
Expired - Fee Related legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Abstract

PROBLEM TO BE SOLVED: To make it possible to display a thumbnail image in a free form corresponding to a user's instruction.SOLUTION: An operation control device comprises: a display unit that displays a thumbnail image based on a photographic image; a touch panel that is provided over the display unit; and a GUI control unit that controls a display interval between adjacent thumbnail images in a thumbnail sequence in which a plurality of thumbnail images are arranged in accordance with the velocity of a drag trajectory input through the touch panel by a user's finger operation on a predetermined area in a screen of the display unit.

Description

本発明は、デジタルカメラ、画像ビュア等の画像装置に搭載される操作制御装置、操作制御方法および操作制御用プログラムに関する。   The present invention relates to an operation control device, an operation control method, and an operation control program installed in an image device such as a digital camera or an image viewer.

デジタルカメラ等により撮影された画像は、通常、一連の画像データの塊として記録媒体に格納されている。そして、記録媒体に格納された多数の画像の中から、特定の画像を探す場合には、サムネイル表示が頻繁に利用される。   An image photographed by a digital camera or the like is usually stored in a recording medium as a series of image data chunks. When searching for a specific image from a large number of images stored in the recording medium, thumbnail display is frequently used.

ここで、一般的なサムネイルの表示形態は、サムネイル画像が縦横(例えば、4×4あるいは5×5)に整列して表示される。縦横の行列数は、画面サイズにもよるが、例えば、3×3→4×4→5×5の順番でサイクリックな切換の操作で切換えられる。また、特殊なサムネイル画像の表示形態の一つとして、サムネイル画像を3次元的に重ね合わせて表示する方法も提案されている(例えば、特許文献1参照)。画面に表示される画像サイズが小さくならないようにして多数の画像を表示するためである。   Here, as a general thumbnail display form, thumbnail images are displayed in a line-up (for example, 4 × 4 or 5 × 5). Although the number of vertical and horizontal matrices depends on the screen size, it is switched by a cyclic switching operation in the order of 3 × 3 → 4 × 4 → 5 × 5, for example. In addition, as one of special thumbnail image display modes, a method of displaying thumbnail images in a three-dimensionally superimposed manner has been proposed (see, for example, Patent Document 1). This is because a large number of images are displayed so that the image size displayed on the screen is not reduced.

特開2000−105722号公報JP 2000-105722 A

しかしながら、従来のサムネイル表示では、その表示形態は、通常、縦横の整列配置、あるいはらせん状の配置もあるが、固定された配列形態に限られているため、ユーザが任意のサムネイル数で表示させることはできない。このように従来のサムネイル画面は、その表示形態が固定されているため、サムネイル画像の画面は面白味に欠けている。このようなサムネイル画像の画面で、ユーザの指示に応じた自由な形態でサムネイル画像を表示させることができれば、サムネイル画面の利用用途が色々広がると考えられる。   However, in the conventional thumbnail display, the display form usually has vertical and horizontal alignment arrangements or spiral arrangements. However, since the display form is limited to a fixed arrangement form, the user can display with an arbitrary number of thumbnails. It is not possible. Thus, since the display form of the conventional thumbnail screen is fixed, the thumbnail image screen is not interesting. If thumbnail images can be displayed on such thumbnail image screens in a free form according to the user's instruction, it is considered that the usage of the thumbnail screens will be expanded.

本発明は、上記に鑑みてなされたものであって、サムネイル画像をユーザの指示に応じた自由な形態で表示させることができる操作制御装置、操作制御方法および操作制御用プログラムを提供することを目的とする。   The present invention has been made in view of the above, and provides an operation control device, an operation control method, and an operation control program capable of displaying thumbnail images in a free form according to a user's instruction. Objective.

上述した課題を解決し、目的を達成するために、本発明にかかる操作制御装置は、撮影画像に基づくサムネイル画像が表示される表示部と、該表示部の画面に対する軌跡の入力を含め、前記サムネイル画像を前記表示部へ表示することに関する指示が入力される操作部と、前記表示部の画面の位置に対応して前記操作部から入力される軌跡に応じて、前記サムネイル画像が順番に配列されるサムネイル列を生成し、生成された前記サムネイル列を表示させるGUI(グラフィカル・ユーザ・インタフェース)制御部と、を備えることを特徴とする。   In order to solve the above-described problems and achieve the object, an operation control device according to the present invention includes a display unit on which a thumbnail image based on a captured image is displayed, and an input of a trajectory to the screen of the display unit. The thumbnail images are arranged in order according to an operation unit to which an instruction related to displaying a thumbnail image on the display unit is input and a locus input from the operation unit corresponding to a position of the screen of the display unit. And a GUI (Graphical User Interface) control unit that displays the generated thumbnail sequence and displays the generated thumbnail sequence.

また、本発明にかかる操作制御装置は、上記発明において、前記操作部は、前記表示部に重ねるように設けられるタッチパネルであることを特徴とする。   Moreover, the operation control apparatus according to the present invention is characterized in that, in the above-described invention, the operation unit is a touch panel provided to overlap the display unit.

また、本発明にかかる操作制御装置は、上記発明において、前記GUI制御部は、前記生成したサムネイル列を記憶し、所定の操作があった場合には、前記記憶されたサムネイル列と前記画面での配列形状が同一である新たなサムネイル列を生成し、表示させることを特徴とする。   In the operation control device according to the present invention, in the above invention, the GUI control unit stores the generated thumbnail sequence, and when a predetermined operation is performed, the stored thumbnail sequence and the screen are displayed. A new thumbnail row having the same arrangement shape is generated and displayed.

また、本発明にかかる操作制御装置は、上記発明において、前記GUI制御部は、前記画面の特定の位置を前記入力される操作の起点と設定し、該起点の位置に前記サムネイル列で表示される先頭のサムネイル画像を表示させることを特徴とする。   In the operation control apparatus according to the present invention as set forth in the invention described above, the GUI control unit sets a specific position on the screen as a starting point of the input operation, and is displayed in the thumbnail row at the position of the starting point. The first thumbnail image is displayed.

また、本発明にかかる操作制御装置は、上記発明において、前記GUI制御部は、前記入力される軌跡の速度に応じて、前記サムネイル列におけるサムネイル画像同士の表示間隔を制御することを特徴とする。   In the operation control device according to the present invention as set forth in the invention described above, the GUI control unit controls a display interval between the thumbnail images in the thumbnail row in accordance with the speed of the input trajectory. .

また、本発明にかかる操作制御装置は、上記発明において、前記GUI制御部は、前記入力される軌跡の長さに応じて、前記サムネイル列におけるサムネイル画像の表示サイズを制御することを特徴とする。   In the operation control apparatus according to the present invention as set forth in the invention described above, the GUI control unit controls the display size of the thumbnail image in the thumbnail row in accordance with the length of the input locus. .

また、本発明にかかる操作制御装置は、上記発明において、前記GUI制御部は、所定の指示があった場合には、入力された軌跡に応じた形状で生成された前記サムネイル列を、サムネイル画像が格子状に配列される整列表示のサムネイル列に変えて表示させることを特徴とする。   The operation control device according to the present invention is the operation control device according to the above invention, wherein the GUI control unit displays the thumbnail sequence generated in a shape corresponding to the input locus when the predetermined instruction is given, and displays a thumbnail image Are displayed by changing to a thumbnail row of arranged display arranged in a grid pattern.

また、本発明にかかる操作制御装置は、上記発明において、前記GUI制御部は、前記サムネイル列から指示されたサムネイル画像について該サムネイル列からずらすように移動させることを特徴とする。   In the operation control apparatus according to the present invention as set forth in the invention described above, the GUI control unit moves the thumbnail image instructed from the thumbnail row so as to be shifted from the thumbnail row.

また、本発明にかかる操作制御装置は、上記発明において、前記GUI制御部は、前記サムネイル列の画像のメタデータを表示させることを特徴とする。   In the operation control apparatus according to the present invention as set forth in the invention described above, the GUI control unit displays metadata of the images in the thumbnail row.

また、本発明にかかる操作制御装置は、上記発明において、前記GUI制御部は、前記サムネイル列の画像で、特定のメタデータの変化を示す情報を前記画面に表示させることを特徴とする。   In the operation control apparatus according to the present invention as set forth in the invention described above, the GUI control unit displays information indicating a change in specific metadata on the screen in the thumbnail row image.

また、本発明にかかる操作制御方法は、撮影画像に基づくサムネイル画像が表示される表示部と、該表示部の画面に対する軌跡の入力を含め、前記サムネイル画像を前記表示部へ表示することに関する指示が入力される操作部と、を有する操作制御装置における操作制御方法であって、前記表示部の画面の位置に対応して前記操作部から入力される軌跡に応じて、前記サムネイル画像が順番に配列されるサムネイル列を生成し、生成された前記サムネイル列を表示させるGUI(グラフィカル・ユーザ・インタフェース)制御ステップを有することを特徴とする。   In addition, the operation control method according to the present invention includes a display unit that displays a thumbnail image based on a captured image, and an instruction related to displaying the thumbnail image on the display unit, including an input of a locus with respect to a screen of the display unit. An operation control method in an operation control apparatus having an input unit, wherein the thumbnail images are sequentially arranged according to a trajectory input from the operation unit corresponding to a position of a screen of the display unit. It has a GUI (Graphical User Interface) control step for generating a thumbnail sequence to be arranged and displaying the generated thumbnail sequence.

また、本発明にかかる操作制御用プログラムは、上記発明において、撮影画像に基づくサムネイル画像が表示される表示部と、該表示部の画面に対する軌跡の入力を含め、前記サムネイル画像を前記表示部へ表示することに関する指示が入力される操作部と、を有する操作制御装置が備えるコンピュータに、前記表示部の画面の位置に対応して前記操作部から入力される軌跡に応じて、前記サムネイル画像が順番に配列されるサムネイル列を生成し、生成された前記サムネイル列を表示させるGUI(グラフィカル・ユーザ・インタフェース)制御機能を実行させることを特徴とする。   The operation control program according to the present invention includes a display unit that displays a thumbnail image based on a photographed image and an input of a trajectory to the screen of the display unit. The thumbnail image is displayed in accordance with a trajectory input from the operation unit corresponding to the position of the screen of the display unit on a computer provided with an operation control device having an operation unit to which an instruction regarding display is input. A thumbnail sequence arranged in order is generated, and a GUI (Graphical User Interface) control function for displaying the generated thumbnail sequence is executed.

本発明によれば、サムネイル画像をユーザの指示に応じた自由な形態で表示させることができる操作制御装置、操作制御方法および操作制御用プログラムを提供することができる。   According to the present invention, it is possible to provide an operation control device, an operation control method, and an operation control program capable of displaying thumbnail images in a free form according to a user instruction.

図1は、本発明の実施の形態の操作制御装置を搭載したデジタルカメラのシステム構成例を示すブロック図である。FIG. 1 is a block diagram showing a system configuration example of a digital camera equipped with an operation control apparatus according to an embodiment of the present invention. 図2は、サムネイルモードにおけるGUI画面の基本的な操作例を模式的に示す説明図である。FIG. 2 is an explanatory diagram schematically showing a basic operation example of the GUI screen in the thumbnail mode. 図3は、一つのサムネイル列を、画面サイズを超えて連続作成する場合の操作例を模式的に示す説明図である。FIG. 3 is an explanatory diagram schematically showing an operation example when one thumbnail row is continuously created exceeding the screen size. 図4は、ドラッグ軌跡の速度に応じた表示間隔での表示制御の具体例を示す説明図である。FIG. 4 is an explanatory diagram showing a specific example of display control at a display interval corresponding to the speed of the drag trajectory. 図5は、ドラッグ軌跡の速度に応じた表示間隔での表示制御の変形例を模式的に示す説明図である。FIG. 5 is an explanatory view schematically showing a modified example of display control at a display interval corresponding to the speed of the drag trajectory. 図6は、操作ガイドの表示例を模式的に示す説明図である。FIG. 6 is an explanatory diagram schematically illustrating a display example of the operation guide. 図7は、第2スタックの位置を起点とするドラッグ操作の軌跡に応じて生成・表示されるサムネイル列の例を模式的に示す説明図である。FIG. 7 is an explanatory diagram schematically showing an example of a thumbnail row generated and displayed in accordance with a drag operation locus starting from the position of the second stack. 図8は、作成したサムネイル列を保存させる場合の操作例を模式的に示す説明図である。FIG. 8 is an explanatory diagram schematically showing an operation example in the case of saving the created thumbnail row. 図9は、作成したサムネイル列全体が不要で消去させる場合の操作例を模式的に示す説明図である。FIG. 9 is an explanatory diagram schematically showing an operation example when the entire created thumbnail row is unnecessary and is deleted. 図10は、作成したサムネイル列中の一部の画像が不要で消去させる場合の操作例を模式的に示す説明図である。FIG. 10 is an explanatory diagram schematically illustrating an operation example in which some images in the created thumbnail row are unnecessary and are deleted. 図11は、作成したサムネイル列を複製する場合の操作例を模式的に示す説明図である。FIG. 11 is an explanatory diagram schematically showing an operation example in the case of duplicating the created thumbnail row. 図12は、作成したサムネイル列を複数に分離する場合の操作例を模式的に示す説明図である。FIG. 12 is an explanatory diagram schematically showing an operation example in the case where the created thumbnail row is separated into a plurality. 図13は、作成した複数のサムネイル列同士を結合させる場合の操作例を模式的に示す説明図である。FIG. 13 is an explanatory diagram schematically showing an operation example when combining a plurality of created thumbnail rows. 図14は、作成し保存された複数のサムネイル列によるグループの概念についての説明図である。FIG. 14 is an explanatory diagram about the concept of a group of a plurality of thumbnail sequences created and stored. 図15は、作成し保存されたサムネイル列中から所望の画像を印刷させる場合の操作例を模式的に示す説明図である。FIG. 15 is an explanatory diagram schematically showing an operation example in the case of printing a desired image from a thumbnail row created and stored. 図16は、作成されたサムネイル列から所望の画像を移動させる場合の操作例を模式的に示す説明図である。FIG. 16 is an explanatory diagram schematically showing an operation example in the case of moving a desired image from the created thumbnail row. 図17は、作成されたサムネイル列を整列表示のサムネイル列に変えて表示させる場合の操作例を模式的に示す説明図である。FIG. 17 is an explanatory diagram schematically showing an operation example in the case where the created thumbnail row is changed to an aligned thumbnail row for display. 図18は、整列表示の応用例を示す説明図である。FIG. 18 is an explanatory diagram showing an application example of the alignment display. 図19は、作成されたサムネイル列の形態を変更する場合の操作例を模式的に示す説明図である。FIG. 19 is an explanatory diagram schematically illustrating an operation example when the form of the created thumbnail row is changed. 図20は、軌跡の長さが短い場合には、ドラッグ操作終了後、自動的にズームアップさせる操作・処理例を模式的に示す説明図である。FIG. 20 is an explanatory diagram schematically illustrating an operation / processing example of automatically zooming up after completion of the drag operation when the length of the locus is short. 図21は、ズームアップ表示の変形例を模式的に示す説明図である。FIG. 21 is an explanatory diagram schematically showing a modified example of zoom-up display. 図22は、連写モードで撮影された連写画像が含まれている場合のサムネイル列の表示例を模式的に示す説明図である。FIG. 22 is an explanatory diagram schematically illustrating a display example of a thumbnail row in a case where continuous shot images shot in the continuous shooting mode are included. 図23は、作成されたサムネイル列を構成する画像群の中で、メタデータが変化する部分があった場合に、そのメタデータの変化を示す情報の表示例を模式的に示す説明図である。FIG. 23 is an explanatory diagram schematically showing a display example of information indicating a change in metadata when there is a portion where the metadata changes in the image group constituting the created thumbnail row. . 図24は、操作制御処理例を示す概略フローチャートである。FIG. 24 is a schematic flowchart illustrating an example of an operation control process. 図25は、スタックアイコン間移動処理を示すサブルーチンである。FIG. 25 is a subroutine showing stack icon movement processing. 図26は、サムネイル表示処理を示すサブルーチンである。FIG. 26 is a subroutine showing thumbnail display processing. 図27は、サムネイル描画処理を示すサブルーチンである。FIG. 27 is a subroutine showing thumbnail drawing processing.

以下、図面を参照して、本発明を実施するための形態について説明する。図1は、本実施の形態の操作制御装置を搭載したデジタルカメラのシステム構成例を示すブロック図である。本実施の形態のデジタルカメラ1は、デジタルカメラ1を構成する各部に対する指示やデータ転送等を行い、デジタルカメラ1の動作を統括的に制御するためのCPUからなる制御部11を備える。また、デジタルカメラ1は、プログラムデータ記憶部12、ボタン操作部13、操作部を構成するタッチパネル14、撮像部15、SDRAM16、表示画像制御部17、画像処理部19、圧縮伸長部20、記録・再生部21の各部を備える。これら各部は、制御部11に対してバスライン25によって接続されている。   Hereinafter, embodiments for carrying out the present invention will be described with reference to the drawings. FIG. 1 is a block diagram showing a system configuration example of a digital camera equipped with the operation control apparatus of the present embodiment. The digital camera 1 according to the present embodiment includes a control unit 11 including a CPU that performs instructions, data transfer, and the like to each unit configuring the digital camera 1 and comprehensively controls the operation of the digital camera 1. Further, the digital camera 1 includes a program data storage unit 12, a button operation unit 13, a touch panel 14 constituting the operation unit, an imaging unit 15, an SDRAM 16, a display image control unit 17, an image processing unit 19, a compression / decompression unit 20, a recording / decompression unit 20, and the like. Each unit of the playback unit 21 is provided. These units are connected to the control unit 11 by a bus line 25.

プログラムデータ記憶部12は、例えばフラッシュメモリ等の電気的に書換えが可能な不揮発性メモリである。このプログラムデータ記憶部12は、CPU用のプログラムや、このプログラムの実行中に使用されるデータを予め格納している。CPU用のプログラムは、デジタルカメラ1を動作させ、このデジタルカメラ1が備える種々の機能を実現するためのプログラムであり、例えば、操作制御用プログラムがある。また、このプログラムの実行中に使用されるデータは、例えば、後述するGUI(グラフィカル・ユーザ・インタフェース)画面に表示させるアイコン等を含むGUI用画像データである。   The program data storage unit 12 is an electrically rewritable nonvolatile memory such as a flash memory. The program data storage unit 12 stores in advance a CPU program and data used during execution of the program. The CPU program is a program for operating the digital camera 1 and realizing various functions provided in the digital camera 1, for example, an operation control program. The data used during the execution of this program is, for example, GUI image data including icons to be displayed on a GUI (Graphical User Interface) screen described later.

ボタン操作部13は、カメラ本体の上面に配設されて撮影タイミングを指示するためのレリーズボタン、電源スイッチ、T/W(テレ/ワイド)ボタン等からなる。   The button operation unit 13 includes a release button, a power switch, a T / W (tele / wide) button, and the like that are disposed on the upper surface of the camera body and instruct the photographing timing.

撮像部15は、カメラ部と撮像処理部とからなる。カメラ部は、デジタルカメラ1が被写体像を撮像するためのものであり、撮影レンズ、撮像素子、絞り、シャッタ、AF機構、AF駆動回路、ズーム機構、ズーム駆動機構等からなる。ここで、撮像素子は、例えばCCDやCMOSセンサ等の2次元固体撮像素子からなり、撮影レンズを含む撮影光学系を通して入射する被写体像を光電変換し、アナログ電気信号として出力する。撮像処理部は、撮像素子駆動回路を含む他、撮像素子から出力されるアナログ電気信号に対してAGC、CDS等のアナログ信号処理を施した後、A/Dコンバータでデジタル電気信号に変換して出力させるためのものである。   The imaging unit 15 includes a camera unit and an imaging processing unit. The camera unit is for the digital camera 1 to capture a subject image, and includes a photographing lens, an image sensor, an aperture, a shutter, an AF mechanism, an AF drive circuit, a zoom mechanism, a zoom drive mechanism, and the like. Here, the image pickup device is formed of a two-dimensional solid-state image pickup device such as a CCD or a CMOS sensor, and photoelectrically converts a subject image incident through a photographing optical system including a photographing lens and outputs it as an analog electric signal. In addition to including an image sensor driving circuit, the image processing unit performs analog signal processing such as AGC and CDS on the analog electric signal output from the image sensor, and then converts the analog electric signal into a digital electric signal using an A / D converter. It is for output.

SDRAM16は、一時記憶メモリやワーキングエリアとして利用されるメモリであり、撮像部15から出力されるデジタル電気信号や、画像処理部19による処理中の画像データ等を一時的に記憶する。また、SDRAM16は、表示画像作成時にも、処理中の画像データ等を一時的に記憶するために用いられる。   The SDRAM 16 is a memory used as a temporary storage memory or a working area, and temporarily stores a digital electrical signal output from the imaging unit 15, image data being processed by the image processing unit 19, and the like. The SDRAM 16 is also used for temporarily storing image data being processed and the like when creating a display image.

表示画像制御部17は、エンコーダやD/Aコンバータ等を有して、表示部18に対する各種情報の表示を行わせるためのドライバである。ここで、表示部18は、図2等に示すように、カメラ本体の背面の大半の領域を占めるものであり、LCDやELD等の薄型表示装置で実現されている。この表示部18は、撮影画像やライブビュー画像の他に、GUI画面を含め、各種設定情報等を表示するためのものである。特に、本実施の形態においては、この表示部18は、撮影画像に基づくサムネイル画像を表示する。また、表示画像制御部17は、表示部18に表示するライブビュー画像や再生画像を作成するとともに、GUI画面用のGUI画像を単独であるいはライブビュー画像等に重畳させて表示部18に表示させるためのものである。   The display image control unit 17 includes an encoder, a D / A converter, and the like, and is a driver for displaying various information on the display unit 18. Here, as shown in FIG. 2 and the like, the display unit 18 occupies most of the rear surface of the camera body, and is realized by a thin display device such as an LCD or an ELD. The display unit 18 is for displaying various setting information including a GUI screen in addition to the captured image and the live view image. In particular, in the present embodiment, the display unit 18 displays a thumbnail image based on the captured image. In addition, the display image control unit 17 creates a live view image and a reproduction image to be displayed on the display unit 18, and displays the GUI image for the GUI screen on the display unit 18 alone or superimposed on the live view image or the like. Is for.

画像処理部19は、撮像部15から出力されるデジタル電気信号に対して画素補間処理、色補正処理、ガンマ処理等の各種の画像処理を施すとともに、記録用、表示用等に適した画像データに変換する処理を行う。すなわち、画像処理部19は、記録時(撮影時)には、記録画像に対しては記録用の画像処理を施し、表示用のライブビュー画像に対しては表示用の簡易な画像処理を施す。   The image processing unit 19 performs various types of image processing such as pixel interpolation processing, color correction processing, and gamma processing on the digital electrical signal output from the imaging unit 15, and image data suitable for recording and display. Process to convert to. That is, at the time of recording (at the time of shooting), the image processing unit 19 performs image processing for recording on the recorded image, and performs simple image processing for display on the live view image for display. .

圧縮伸長部20は、撮影画像の画像データを画像記憶部22に記録する際、あるいは画像記憶部22に記録されている画像データを表示する際等において、周知のJPEG方式等に基づく画像データの圧縮処理や伸長処理を行う。   The compression / decompression unit 20 records image data based on a well-known JPEG method or the like when recording image data of a captured image in the image storage unit 22 or displaying image data recorded in the image storage unit 22. Perform compression processing and decompression processing.

記録・再生部21は、画像記憶部22に対する画像データの書き込みや画像記憶部22からの画像データの読出しを行うためのものであり、画像記憶部22の種類に応じたものが用いられる。ここで、画像記憶部22は、例えばxD−ピクチャーカード(登録商標)やコンパクトフラッシュ(登録商標)カード等のカメラ本体に着脱自在な記録媒体や、HDDである。   The recording / reproducing unit 21 is used for writing image data to the image storage unit 22 and reading image data from the image storage unit 22, and a unit corresponding to the type of the image storage unit 22 is used. Here, the image storage unit 22 is a recording medium detachably attached to the camera body such as an xD-Picture Card (registered trademark) or a Compact Flash (registered trademark) card, or an HDD.

ここで、本実施の形態の制御部11は、操作制御用プログラムにより実行される機能として、GUI制御部11aと画像管理部11bと操作検出部11cとの各機能部を備える。操作検出部11cは、デジタルカメラ1の動作条件の設定等のために表示部18に表示されるGUI画面に対するユーザの指示や、ボタン操作部13によるユーザ操作を検出するための機能部である。また、本実施の形態のデジタルカメラ1は、GUI画面が表示される表示部18に重ねて配設されたタッチパネル14を操作部として備えている。このタッチパネル14は、表示部18の画面に対する軌跡の入力を含め、サムネイル画像を表示部18へ表示することに関する指示が入力される。そして、操作検出部11cは、このタッチパネル14に対するユーザの操作を検出することで、GUI画面に対するユーザ指示の検出動作を実行する。なお、タッチパネル14は、ユーザの指操作によるマルチタッチやジェスチャ入力可能なタイプのものが用いられているが、タッチパッド方式やペン入力方式等のものであってもよい。   Here, the control unit 11 according to the present embodiment includes functional units of a GUI control unit 11a, an image management unit 11b, and an operation detection unit 11c as functions executed by the operation control program. The operation detection unit 11 c is a functional unit for detecting a user instruction on the GUI screen displayed on the display unit 18 for setting operation conditions of the digital camera 1 and the user operation by the button operation unit 13. In addition, the digital camera 1 according to the present embodiment includes a touch panel 14 disposed as an operation unit so as to be superimposed on a display unit 18 on which a GUI screen is displayed. The touch panel 14 receives an instruction related to displaying a thumbnail image on the display unit 18 including an input of a trajectory to the screen of the display unit 18. And the operation detection part 11c performs the detection operation | movement of the user instruction | indication with respect to a GUI screen by detecting the user's operation with respect to this touch panel 14. FIG. The touch panel 14 is of a type that can perform multi-touch or gesture input by a user's finger operation, but may be of a touch pad type or a pen input type.

また、GUI制御部11aは、表示部18のGUI画面に対するユーザの操作指示に応じて画面の制御、特にサムネイル画像の表示制御を行うとともに、このGUI画面に関する後述のような各種制御処理を実行するための機能部である。すなわち、GUI制御部11aは、表示部18の画面の位置に対応してタッチパネル14から入力されるユーザ操作に伴う軌跡に応じて、サムネイル画像が順番に配列されるサムネイル列を生成し、生成されたサムネイル列を表示させる表示制御を行う。   In addition, the GUI control unit 11a performs screen control, particularly thumbnail image display control, in accordance with a user operation instruction on the GUI screen of the display unit 18, and executes various control processes related to the GUI screen as described below. It is a functional part for. That is, the GUI control unit 11a generates and generates a thumbnail row in which thumbnail images are arranged in order according to the locus accompanying the user operation input from the touch panel 14 corresponding to the screen position of the display unit 18. Display control to display the selected thumbnail row.

画像管理部11bは、ユーザの操作指示によりサムネイル画像に関するグループを管理したり、選択エリアに選択された画像の管理などを行うための機能部である。画像管理部11bは、グループ管理に関しては、生成された複数のサムネイル列を構成する各々のサムネイル画像について、サムネイル列をグループ単位としてグループに分けて管理する。また、画像管理部11bは、画像記憶部22に記録された一連の画像を所定の番号、例えば撮影日時の順番で管理する。   The image management unit 11b is a functional unit for managing a group related to thumbnail images according to a user operation instruction and managing an image selected in the selection area. As for group management, the image management unit 11b manages each thumbnail image constituting a plurality of generated thumbnail columns by dividing the thumbnail column into groups. The image management unit 11b manages a series of images recorded in the image storage unit 22 in a predetermined number, for example, the order of shooting date and time.

つぎに、デジタルカメラ1の動作の一例として、再生モード中のサムネイルモードにおけるGUI制御部11a等によるGUI画面等の操作・制御の概要を説明する。図2は、サムネイルモードにおけるGUI画面の基本的な操作例を模式的に示す説明図である。まず、GUI制御部11aは、サムネイルモードが選択されると、サムネイルモードのGUI画面である検索画面30の初期画面を表示部18に表示させる。図2(a)は、サムネイルモードの検索画面30の初期画面例を示す。この初期画面は、スタックエリア31と選択エリア32とサムネイルエリア33とからなる。   Next, as an example of the operation of the digital camera 1, an outline of operation and control of the GUI screen and the like by the GUI control unit 11a and the like in the thumbnail mode during the playback mode will be described. FIG. 2 is an explanatory diagram schematically showing a basic operation example of the GUI screen in the thumbnail mode. First, when the thumbnail mode is selected, the GUI control unit 11a causes the display unit 18 to display an initial screen of the search screen 30 that is a GUI screen in the thumbnail mode. FIG. 2A shows an initial screen example of the search screen 30 in the thumbnail mode. The initial screen includes a stack area 31, a selection area 32, and a thumbnail area 33.

スタックエリア31は、表示部18の例えば左側端部付近を占める領域である。このスタックエリア31は、画像記憶部22に記録された一連の画像の途中からサムネイル画像の表示を開始させる場合に、その表示の先頭となる先頭サムネイル画像を設定するための情報である先頭情報を表示させる先頭情報設定エリアとして機能する。GUI制御部11aは、このスタックエリア31には、第1スタック31aのアイコンと第2スタック(図2(b)以降参照)31bのアイコンと送りアイコン31cと戻しアイコン31dとを表示させる。   The stack area 31 is an area that occupies, for example, the vicinity of the left end of the display unit 18. The stack area 31 is used to display head information that is information for setting a head thumbnail image that is the head of the display when the display of the thumbnail image is started in the middle of a series of images recorded in the image storage unit 22. Functions as the head information setting area to be displayed. In the stack area 31, the GUI control unit 11a displays an icon of the first stack 31a, an icon of the second stack (see FIG. 2B and subsequent figures) 31b, a feed icon 31c, and a return icon 31d.

第1スタック31aや第2スタック31bのアイコンは、画像記憶部22に記録された一連の画像をサムネイル画像の大きさでトランプ状の塊として2箇所に分けて積み重ねた状態で最上位の画像のみ確認できる状態で表示するものである。ここで、本実施の形態では、画像管理部11bは、画像記憶部22に記録された一連の画像を例えば撮影日時の古いものから時系列順に画像番号が大きくなる順番で管理する。GUI制御部11aは、これに対応して、第1スタック31aには、先頭サムネイル画像の番号及びこの番号以前(この番号よりも小さい)の番号からなる画像の列を重ねて表示させる。また、GUI制御部11aは、第2スタック31bには、先頭サムネイル画像の番号以降(先頭サムネイル画像の番号よりも大きい)の番号からなる画像の列を重ねて表示させる。図2(a)に示す初期画面では、スタックエリア31に第1スタック31aのみを表示し、先頭情報となる先頭サムネイル画像の番号として最新(撮影日時が最も新しい)の画像の番号、例えば“206”のサムネイル画像を表示する。送りアイコン31cは、第1スタック31a側の画像を1枚ずつ第2スタック31b側へ送るための操作アイコンである。戻しアイコン31dは、第2スタック31b側の画像を1枚ずつ第1スタック31a側へ戻すための操作アイコンである。   The icons of the first stack 31a and the second stack 31b are only the top image in a state where a series of images recorded in the image storage unit 22 are stacked in two places as a trump-like lump with the size of the thumbnail image. It is displayed in a state where it can be confirmed. Here, in the present embodiment, the image management unit 11b manages a series of images recorded in the image storage unit 22 in order of increasing image numbers in chronological order, for example, from the oldest shooting date and time. Corresponding to this, the GUI control unit 11a causes the first stack 31a to superimpose and display a row of images composed of the number of the first thumbnail image and a number before this number (smaller than this number). In addition, the GUI control unit 11a causes the second stack 31b to superimpose and display a sequence of images having numbers after the number of the first thumbnail image (greater than the number of the first thumbnail image). In the initial screen shown in FIG. 2A, only the first stack 31a is displayed in the stack area 31, and the number of the latest (most recent shooting date and time) image number, for example “206”, is displayed as the number of the first thumbnail image serving as the head information. ”Thumbnail images are displayed. The send icon 31c is an operation icon for sending the images on the first stack 31a side by side to the second stack 31b. The return icon 31d is an operation icon for returning the images on the second stack 31b side to the first stack 31a one by one.

また、サムネイルエリア33は、スタックエリア31の右側に隣接して表示部18の大半を占める領域である。このサムネイルエリア33は、第1スタック31aの位置を起点としてこのサムネイルエリア33に対してドラッグ操作があった場合に、このドラッグ操作の軌跡に応じて第1スタック31aの最上位に表示されている先頭サムネイル画像を先頭としてGUI制御部11aにより生成されるサムネイル列を表示させるためのものである。すなわち、サムネイルエリア33対応のタッチパネル14部分は、ユーザが所望するサムネイル列の配列形状、長さをドラッグ操作により指示するための軌跡の入力操作領域として機能する。また、サムネイルエリア33対応の表示部18部分は、入力操作により指示された配列形状、長さのサムネイル列を表示するための表示領域として機能する。また、GUI制御部11aは、サムネイルエリア33中の右端には、サムネイル列全体の中で、現在画面に表示されているサムネイル列の位置の概略を示すスクロールバー33aを表示させる。   The thumbnail area 33 is an area that occupies most of the display unit 18 adjacent to the right side of the stack area 31. The thumbnail area 33 is displayed at the top of the first stack 31a according to the drag operation locus when a drag operation is performed on the thumbnail area 33 starting from the position of the first stack 31a. This is for displaying a thumbnail row generated by the GUI control unit 11a with the top thumbnail image at the top. That is, the touch panel 14 portion corresponding to the thumbnail area 33 functions as a locus input operation region for instructing the arrangement shape and length of the thumbnail row desired by the user by a drag operation. Further, the display unit 18 corresponding to the thumbnail area 33 functions as a display area for displaying a thumbnail row having an array shape and length designated by the input operation. In addition, the GUI control unit 11a displays, on the right end in the thumbnail area 33, a scroll bar 33a indicating the outline of the position of the thumbnail row currently displayed on the screen in the entire thumbnail row.

さらに、選択エリア32は、スタックエリア31中の第1スタック31aと第2スタック31bとの中間を占めるように設けられた領域で、例えば選択処理の一例として印刷用アイコン32aが表示される。この選択エリア32は、サムネイルエリア33中に表示されたサムネイル列中から所望のサムネイル画像を選択してドラッグ操作によりこの選択エリア32中へ移動させることで、印刷すべき画像の選択に供される。   Further, the selection area 32 is an area provided in the stack area 31 so as to occupy the middle between the first stack 31a and the second stack 31b. For example, a printing icon 32a is displayed as an example of selection processing. The selection area 32 is used for selecting an image to be printed by selecting a desired thumbnail image from the thumbnail row displayed in the thumbnail area 33 and moving it to the selection area 32 by a drag operation. .

ついで、図2(a)に示したような初期画面において、ユーザは、送りアイコン31cに指でタッチ操作することで、第1スタック31aから第2スタック31bへサムネイル画像を1枚ずつ順に移動させる。この操作に伴い、第1スタック31aの最上位に表示される先頭情報は順次変更される。この際、GUI制御部11aは、図2(b)に示すように、矢印で示すサムネイルの進行方向に従い第1スタック31a・第2スタック31b間で複数枚のサムネイル画像をアニメーション的に順次移動表示させる。なお、ユーザが、戻しアイコン31dに指でタッチ操作した場合には、第2スタック31bから第1スタック31aへサムネイル画像が1枚ずつ順に戻される。   Next, on the initial screen as shown in FIG. 2A, the user touches the feed icon 31c with a finger to move the thumbnail images sequentially from the first stack 31a to the second stack 31b one by one. . With this operation, the top information displayed at the top of the first stack 31a is sequentially changed. At this time, as shown in FIG. 2B, the GUI control unit 11a sequentially moves and displays a plurality of thumbnail images in an animated manner between the first stack 31a and the second stack 31b according to the moving direction of the thumbnails indicated by arrows. Let When the user touches the return icon 31d with a finger, the thumbnail images are returned one by one from the second stack 31b to the first stack 31a.

図2(c)は、ユーザが、送りアイコン31c(または、戻しアイコン31d)から指を離すことにより、スタック間移動処理が終了した時点の様子を示している。図示例では、例えば番号“206”から最後尾の番号“152”までのサムネイル画像が第2スタック31bへ送られ、第1スタック31aにおいて番号“151”のサムネイル画像が先頭サムネイル画像として設定されたことを示している。すなわち、第1,第2スタック31a,31bは、それぞれ画像記憶部22に記録された一連の画像の一部分から構成される2つの部分画像群の塊をアイコン表示するものである。よって、第1スタック31aは、例えば番号“151”〜“1”の未表示の部分画像群用、第2スタック31bは、番号“206”〜“152”の確認済みの部分画像群用として機能するといえる。これにより、ユーザは、画像記憶部22に記録された一連の画像の先頭(例えば番号“206”の画像)からに限られることなく、任意の番号の画像位置(例えば番号“151”の画像)からサムネイル列の生成・表示を行わせることができる。   FIG. 2C illustrates a state at the time when the inter-stack movement process is completed by releasing the finger from the feed icon 31c (or the return icon 31d). In the illustrated example, for example, thumbnail images from the number “206” to the last number “152” are sent to the second stack 31b, and the thumbnail image number “151” is set as the first thumbnail image in the first stack 31a. It is shown that. In other words, the first and second stacks 31a and 31b display icons of two partial image groups each composed of a part of a series of images recorded in the image storage unit 22, respectively. Accordingly, the first stack 31a functions as, for example, a group of undisplayed partial images with numbers “151” to “1”, and the second stack 31b functions as a group of confirmed partial images with numbers “206” to “152”. That's right. Thereby, the user is not limited to the head of the series of images recorded in the image storage unit 22 (for example, the image with the number “206”), but the image position with an arbitrary number (for example, the image with the number “151”) Can generate and display thumbnail rows.

図2(d)は、ユーザが、第1スタック31aの先頭サムネイル画像の位置を起点としてサムネイルエリア33に対してドラッグ操作を行うことで、サムネイル列34の生成・表示が開始された様子を示している。すなわち、GUI制御部11aは、表示部18のサムネイルエリア33の位置に対応してタッチパネル14から入力されるユーザ操作に伴う指の軌跡35に応じて、複数のサムネイル画像を、例えば番号“151”で示す先頭サムネイル画像を先頭として順番に配列させたサムネイル列34を生成し、生成したサムネイル列34をサムネイルエリア33に表示させる。   FIG. 2D shows a state where generation / display of the thumbnail row 34 is started by the user performing a drag operation on the thumbnail area 33 with the position of the first thumbnail image of the first stack 31a as a starting point. ing. That is, the GUI control unit 11a assigns a plurality of thumbnail images to, for example, the number “151” according to the finger trajectory 35 accompanying the user operation input from the touch panel 14 corresponding to the position of the thumbnail area 33 of the display unit 18. The thumbnail sequence 34 arranged in order starting from the top thumbnail image indicated by is generated, and the generated thumbnail sequence 34 is displayed in the thumbnail area 33.

そして、図2(e)に示すように、ユーザが、サムネイルエリア33から指を離してドラッグ操作を終了することによりユーザ操作に伴う指の軌跡35に応じて生成・表示されるサムネイル列34が確定する。すなわち、サムネイル列34の配列形状およびサムネイル列34を構成するサムネイル画像の枚数が確定する。図2(e)に示す例であれば、サムネイル列34は、例えば番号“151”で示す先頭サムネイル画像から例えば番号“141”で示す最後のサムネイル画像までの11枚のサムネイル画像が指示された軌跡35の形状、長さに応じたフリーラインによる曲線配列の状態で表示される。また、第1スタック31aの最上位は、サムネイルエリア33に表示されているサムネイル列34の最後の画像の次に続く番号、例えば番号“140”の画像が、次以降のサムネイル列生成用の先頭サムネイル画像に変更される。これに対応して、第1スタック31aは、例えば番号“140”〜“1”からなる新たな未表示の部分画像群用となる。このように本実施の形態によれば、基本的に、ユーザの指操作による任意形状、長さの一筆書き状の軌跡35に応じたフリーライン形態のサムネイル列34を生成・表示させることができる。なお、スクロールバー33aは、画面に表示されているサムネイル列が全てのサムネイル列なので、それを示すように、バーの上下全体にマークが表示される。   Then, as shown in FIG. 2E, when the user releases the finger from the thumbnail area 33 and finishes the drag operation, a thumbnail row 34 generated and displayed according to the finger trajectory 35 accompanying the user operation is displayed. Determine. That is, the arrangement shape of the thumbnail row 34 and the number of thumbnail images constituting the thumbnail row 34 are determined. In the example shown in FIG. 2E, 11 thumbnail images from the first thumbnail image indicated by the number “151” to the last thumbnail image indicated by the number “141” are designated in the thumbnail row 34, for example. It is displayed in a curved line arrangement state with free lines according to the shape and length of the locus 35. Also, the top of the first stack 31a is the number next to the last image in the thumbnail row 34 displayed in the thumbnail area 33, for example, the image with the number “140” is the head for generating the next and subsequent thumbnail rows. Changed to a thumbnail image. Correspondingly, the first stack 31a is used for a new undisplayed partial image group having numbers “140” to “1”, for example. As described above, according to the present embodiment, it is basically possible to generate and display the free-line thumbnail row 34 corresponding to the one-stroke trajectory 35 having an arbitrary shape and length by a user's finger operation. . In the scroll bar 33a, since the thumbnail row displayed on the screen is all thumbnail rows, marks are displayed on the entire top and bottom of the bar to show that.

なお、生成・表示されるサムネイル列34は、隣り合う画像同士が例えば少しずつ重なるように配列ピッチが予め設定されているが、重なり量を増減させることで、サムネイル列34を構成するサムネイル画像数を増減させるようにしてもよい。また、サムネイル列34は、画像同士の重なりをなくした配列としてもよい。   The generated / displayed thumbnail row 34 has an arrangement pitch set in advance so that adjacent images overlap each other, for example, but the number of thumbnail images constituting the thumbnail row 34 can be increased or decreased. May be increased or decreased. Further, the thumbnail row 34 may have an arrangement in which the images are not overlapped.

また、図3は、一つのサムネイル列を、画面サイズを超えて連続作成する場合の操作例を模式的に示す説明図である。サムネイルエリア33の大きさには制約があり、サムネイルエリア33内で形成し得るサムネイル列の長さも自ずと制約を受ける。ここで、本実施の形態は、一つのサムネイル列を、サムネイルエリア33の画面サイズを超えて連続作成する場合にも対応可能としている。   FIG. 3 is an explanatory diagram schematically showing an operation example when one thumbnail row is continuously created exceeding the screen size. The size of the thumbnail area 33 is limited, and the length of the thumbnail row that can be formed in the thumbnail area 33 is also naturally limited. Here, the present embodiment can cope with a case where one thumbnail row is continuously created exceeding the screen size of the thumbnail area 33.

すなわち、図3に示すように、サムネイル列34を生成するためのドラッグ操作による指の位置がサムネイルエリア33の画面最下部に達した場合には、ユーザにこの最下部位置で画面にタッチしたまま指を左右に動かす操作を行わせる(一筆書き操作の続行)。この操作により、GUI制御部11aは、一つのサムネイル列の生成をさらに続行する意思表示とみなし、背景画面を自動的にスクロールアップさせることで、一つのグループをなすサムネイル列34をさらに連続して作成する。図3において、点線で示す矩形領域は、サムネイルエリア33の背景画面がアニメーション的にスクロールされていく様子を模式的に示している。   That is, as shown in FIG. 3, when the position of the finger by the drag operation for generating the thumbnail row 34 reaches the bottom of the screen of the thumbnail area 33, the user remains touching the screen at this bottom position. Move the finger to the left or right (continue the one-stroke operation). By this operation, the GUI control unit 11a regards the generation of one thumbnail row as an intention to continue further, and automatically scrolls up the background screen so that the thumbnail rows 34 forming one group are further continuously displayed. create. In FIG. 3, a rectangular area indicated by a dotted line schematically shows how the background screen of the thumbnail area 33 is scrolled in an animated manner.

ここで、画面最下部での左右操作の指の位置は、図3中に矢印で対応関係を示すようにサムネイル列34における先頭サムネイル画像の左右位置を継続して決めるものとなる。なお、画面最下部での左右操作に伴い背景画面が自動的にスクロールアップされるため、サムネイル列34の先頭画像側は順次見えなくなる。したがって、画面最下部での左右操作の振り幅に応じてサムネイル列34の先頭画像側の振り幅も大小変化することとなる。また、GUI制御部11aは、サムネイルエリア33上では、既に生成された図2(e)に示したような軌跡35に応じた配列のまま後続のサムネイル画像を第1スタック31aから順次繰り出させてサムネイル列34のアニメーション的な表示を継続させる。そして、ユーザが、画面最下部位置でサムネイルエリア33から指を離すことにより一つのグループをなすサムネイル列34が確定する。   Here, the position of the finger for the left / right operation at the bottom of the screen continuously determines the left / right position of the first thumbnail image in the thumbnail row 34 as shown by the arrow in FIG. Since the background screen is automatically scrolled up in accordance with the left / right operation at the bottom of the screen, the top image side of the thumbnail row 34 is sequentially invisible. Therefore, the swing width on the top image side of the thumbnail row 34 also changes depending on the swing width of the left and right operation at the bottom of the screen. In addition, the GUI control unit 11a sequentially feeds subsequent thumbnail images from the first stack 31a in the arrangement according to the locus 35 as shown in FIG. 2E on the thumbnail area 33. The animation display of the thumbnail row 34 is continued. Then, when the user lifts his / her finger from the thumbnail area 33 at the lowermost position of the screen, the thumbnail row 34 forming one group is determined.

また、GUI制御部11aは、サムネイルエリア33に対してユーザの指操作により入力されるドラッグ軌跡の速度に応じて、サムネイル列34におけるサムネイル画像同士の表示間隔を広くしたり狭くしたり制御する。   Further, the GUI control unit 11a controls the display interval between the thumbnail images in the thumbnail row 34 to be widened or narrowed according to the speed of the drag locus input by the user's finger operation on the thumbnail area 33.

ここで、本実施の形態では、例えば第1スタック31aの位置からサムネイル画像がサムネイルエリア33に送出された直後の、ドラッグ軌跡の速度(すなわち、指の移動速度)に応じて、生成・表示されるサムネイル列34におけるサムネイル画像同士の表示間隔が設定されるものとする。つまり、ドラッグ開始直後のサムネイル画像同士の表示間隔は、操作開始直後のドラッグ軌跡の速度によって決定され、それ以降は、ドラッグ軌跡の速度が所定値以上に変化した時点の速度によって決定される。   Here, in the present embodiment, for example, the thumbnail image is generated and displayed according to the speed of the drag trajectory (that is, the moving speed of the finger) immediately after the thumbnail image is sent to the thumbnail area 33 from the position of the first stack 31a. It is assumed that the display interval between thumbnail images in the thumbnail row 34 is set. That is, the display interval between the thumbnail images immediately after the start of dragging is determined by the speed of the drag trajectory immediately after the start of the operation, and thereafter, the display interval is determined by the speed at which the speed of the drag trajectory changes to a predetermined value or more.

図4は、ドラッグ軌跡の速度に応じた表示間隔による表示制御の具体例を示す説明図である。図4(a)は、ドラッグ軌跡35の一例を示す。図中、a→b→…→fで示すようなドラッグ軌跡35上の各点のドラッグ軌跡の速度で、サムネイル画像同士の表示間隔が設定される。ここでは、先頭サムネイル画像の番号を例えば“50”とし、a→b間では番号“50”〜“46”の画像、b→e間では番号“46”〜“40”の画像、e→f間では番号“40”〜“35”の画像が概ね送出されたものとしている。そして、a→b間では遅い速度、b→e間では速い速度、e→f間では遅い速度でドラッグ操作が行われたものとする。   FIG. 4 is an explanatory diagram showing a specific example of display control with a display interval corresponding to the speed of the drag trajectory. FIG. 4A shows an example of the drag trajectory 35. In the figure, the display interval between the thumbnail images is set at the speed of the drag trajectory of each point on the drag trajectory 35 as indicated by a → b →. Here, the number of the first thumbnail image is, for example, “50”, images “50” to “46” between a → b, images “46” to “40” between b → e, e → f In the meantime, it is assumed that the images of the numbers “40” to “35” are almost transmitted. It is assumed that the drag operation is performed at a slow speed between a → b, a fast speed between b → e, and a slow speed between e → f.

すると、GUI制御部11aは、図4(b)に示すように、番号“50”〜“46”のサムネイル画像同士の表示間隔は広い間隔、b→e間では番号“46”〜“40”のサムネイル画像同士の表示間隔は狭い間隔、e→f間では番号“40”〜“35”のサムネイル画像同士の表示間隔は広い間隔となるように表示間隔を異ならせて表示させる。図4(b)は、図4(a)で説明したドラッグ軌跡35および速度に対応して表示されるサムネイル列34の一例を示す。   Then, as shown in FIG. 4B, the GUI control unit 11a has a wide display interval between the thumbnail images with numbers “50” to “46”, and numbers “46” to “40” between b → e. The thumbnail images are displayed at different display intervals so that the display intervals between the thumbnail images are narrow, and between e → f, the thumbnail images with numbers “40” to “35” are wide. FIG. 4B shows an example of the thumbnail row 34 displayed corresponding to the drag locus 35 and the speed described with reference to FIG.

図4(c)は、ドラッグ軌跡35の各点a〜fにおける速度を示し、図4(d)は、その速度に応じたサムネイル画像の表示間隔を示すことで、図4(a)(b)での処理の内容をグラフ化して示すものである。GUI制御部11aは、ドラッグ軌跡の速度が速いか遅いかは予め設定された所定のスレッシレベルを用いて判定する。そして、GUI制御部11aは、ドラッグ軌跡の速度が速い部分ではサムネイル画像の表示間隔が狭くなり、ドラッグ軌跡の速度が遅い部分ではサムネイル画像の表示間隔が広くなるように表示間隔に変化を付ける。   FIG. 4C shows the speed at each point a to f of the drag trajectory 35, and FIG. 4D shows the display interval of thumbnail images according to the speed, so that FIGS. ) Shows the contents of the process in a graph. The GUI control unit 11a determines whether the speed of the drag track is fast or slow using a predetermined threshold level set in advance. Then, the GUI control unit 11a changes the display interval so that the thumbnail image display interval is narrow at a portion where the drag trajectory speed is fast and the thumbnail image display interval is wide at a portion where the drag trajectory speed is slow.

このようにして、サムネイル列34におけるサムネイル画像同士の表示間隔は、ドラッグ軌跡の速度に応じて可変されるので、人工的な等間隔の場合に比して抑揚がつき面白みの増したサムネイル列34を生成・表示させることができる。   In this way, the display interval between the thumbnail images in the thumbnail row 34 can be changed according to the speed of the drag trajectory, so that the thumbnail row 34 is more interesting and more interesting than in the case of artificial equal intervals. Can be generated and displayed.

なお、本実施の形態では、ドラッグ軌跡の速度が速い場合には表示間隔を狭くし、ドラッグ軌跡の速度が遅い場合には表示間隔を広くしているが、図5に示すように逆にしてもよい。図5は、ドラッグ軌跡の速度に応じた表示間隔での表示制御の変形例を模式的に示す説明図である。すなわち、ドラッグ軌跡の速度が速い場合には表示間隔を広くし、ドラッグ軌跡の速度が遅い場合には表示間隔を狭くするものである。   In this embodiment, the display interval is narrowed when the speed of the drag trajectory is high, and the display interval is widened when the speed of the drag trajectory is slow. However, as shown in FIG. Also good. FIG. 5 is an explanatory view schematically showing a modified example of display control at a display interval corresponding to the speed of the drag trajectory. That is, the display interval is widened when the speed of the drag trajectory is high, and the display interval is narrowed when the speed of the drag trajectory is slow.

また、サムネイル列34を生成・表示させるためのドラッグ操作に先立ち、画面上に操作ガイドを表示させることが望ましい。図6は、操作ガイドの表示例を模式的に示す説明図である。すなわち、GUI制御部11aが、ドラッグ操作開始前(例えば、図2(c)のスタック移動完了タイミング)にドラッグ操作の軌跡に対応してサムネイル列が生成・表示されるイメージを例えば点線で表した操作ガイド36としてサムネイルエリア33に表示させることで、ユーザに操作すべき態様を知らせることができる。図6中の符号36aは、起点を示しており、第1スタック31aの位置を起点36aとして操作すべきことを表している。また、GUI制御部11aが、操作ガイド36をアニメーション的に表示させるようにすれば、より一層分かりやすいものとなる。この操作ガイド36は、ユーザのドラッグ操作が実際に開始されると消去される。   Further, it is desirable to display an operation guide on the screen prior to a drag operation for generating and displaying the thumbnail row 34. FIG. 6 is an explanatory diagram schematically illustrating a display example of the operation guide. That is, the GUI control unit 11a represents, for example, an image in which a thumbnail row is generated and displayed in correspondence with the trajectory of the drag operation before the start of the drag operation (for example, the stack movement completion timing in FIG. By displaying the operation guide 36 in the thumbnail area 33, the user can be notified of the mode to be operated. Reference numeral 36a in FIG. 6 indicates a starting point, which represents that the position of the first stack 31a should be operated as the starting point 36a. In addition, if the GUI control unit 11a displays the operation guide 36 in an animated manner, it becomes even easier to understand. The operation guide 36 is deleted when the user's drag operation is actually started.

また、サムネイル列34を生成するためのドラッグ操作は、第1スタック31aの位置を起点とする操作に限らず、第2スタック31bの位置を起点とするドラッグ操作であってもよい。図7は、第2スタック31bの位置を起点とするドラッグ操作の軌跡35に応じて生成・表示されるサムネイル列34の例を模式的に示す説明図である。この場合、第2スタック31bの最上位に表示されている確認済みの部分画像群中の最後尾の番号の画像が、サムネイル列34の先頭サムネイル画像となる。   Further, the drag operation for generating the thumbnail row 34 is not limited to the operation starting from the position of the first stack 31a, but may be a drag operation starting from the position of the second stack 31b. FIG. 7 is an explanatory diagram schematically showing an example of the thumbnail row 34 generated and displayed in accordance with the drag operation locus 35 starting from the position of the second stack 31b. In this case, the last numbered image in the confirmed partial image group displayed at the top of the second stack 31b is the first thumbnail image in the thumbnail row 34.

つづいて、ユーザ操作に応じたサムネイル列34の生成・表示が終了した後の操作・表示例等について説明する。まず、作成したサムネイル列34を保存させる場合について説明する。図8は、作成したサムネイル列34を保存させる場合の操作例を模式的に示す説明図である。例えば、図2(e)に示したようにサムネイル列34の生成・表示が終了した後で、図8に示すように、ユーザが、サムネイルエリア33の余白部分を特定の操作、例えば2本指のドラッグ操作でスクロールさせるマルチタッチ操作を行う。すると、GUI制御部11aは、作成済みのサムネイル列34を、その配列形態のまま画像記憶部22またはSDRAM16に記憶保存させるとともに画面から消去し、サムネイルエリア33を空白欄表示に戻し、新たなサムネイル列34の生成・表示に供する。   Next, an operation / display example after the generation / display of the thumbnail row 34 according to the user operation will be described. First, a case where the created thumbnail row 34 is stored will be described. FIG. 8 is an explanatory diagram schematically showing an operation example when the created thumbnail row 34 is stored. For example, after the generation / display of the thumbnail row 34 is completed as shown in FIG. 2 (e), as shown in FIG. Perform multi-touch operation to scroll by dragging. Then, the GUI control unit 11a stores and saves the created thumbnail row 34 in the image storage unit 22 or the SDRAM 16 in the arrangement form, erases it from the screen, returns the thumbnail area 33 to the blank column display, and creates a new thumbnail. The column 34 is used for generation and display.

次に、作成したサムネイル列34全体を消去させる場合について説明する。図9は、作成したサムネイル列34全体が不要で消去させる場合の操作例を模式的に示す説明図である。例えば、図2(e)に示したようにサムネイル列34の生成・表示が終了した後で、図9に示すように、ユーザが、特定の操作、例えば画面に指をタッチさせてサムネイル列34全体を第2スタック31bに向けて払い出すような操作を行う。すると、GUI制御部11aは、作成済みのサムネイル列34を生成していた各サムネイル画像を、番号順に第2スタック31bに吸収させ、サムネイルエリア33を空白欄表示に戻し、新たなサムネイル列34の生成・表示に供する。このようなサムネイル列34全体の消去処理により、第2スタック31bの最上位の画像(最後尾画像)は、例えば番号“152”の画像から番号“141”の画像に変更される。   Next, a case where the entire created thumbnail row 34 is deleted will be described. FIG. 9 is an explanatory diagram schematically showing an operation example when the entire created thumbnail row 34 is unnecessary and is deleted. For example, after the generation / display of the thumbnail row 34 is completed as shown in FIG. 2E, the user touches a specific operation, for example, a finger on the screen, for example, as shown in FIG. An operation of paying out the whole toward the second stack 31b is performed. Then, the GUI control unit 11a absorbs the thumbnail images that have generated the generated thumbnail sequence 34 in the second stack 31b in numerical order, returns the thumbnail area 33 to the blank column display, and creates a new thumbnail sequence 34. Used for generation and display. By such an erasing process of the entire thumbnail row 34, the uppermost image (last image) of the second stack 31b is changed from, for example, the image with the number “152” to the image with the number “141”.

また、作成したサムネイル列34中の一部の画像を消去させる場合について説明する。図10は、作成したサムネイル列34中の一部の画像が不要で消去させる場合の操作例を模式的に示す説明図である。例えば、図2(e)に示したようにサムネイル列34の生成・表示が終了した後で、図10に示すように、ユーザが、特定の操作、例えばサムネイル列34中の特定の画像、例えば番号“145”の画像に指でタッチして第2スタック31bに向けて移動させるようなドラッグ操作を行う。すると、GUI制御部11aは、ドラッグ指示された特定の画像、例えば番号“145”の画像のみを第2スタック31bに戻す。これにより、サムネイル列34は、特定の画像、例えば番号“145”の画像のみが消去された画像列に修正される。   A case where a part of the images in the created thumbnail row 34 is deleted will be described. FIG. 10 is an explanatory diagram schematically showing an operation example in the case where some images in the created thumbnail row 34 are unnecessary and are deleted. For example, after the generation / display of the thumbnail row 34 is completed as shown in FIG. 2E, the user performs a specific operation, for example, a specific image in the thumbnail row 34, for example, as shown in FIG. A drag operation is performed such that the image of the number “145” is touched with a finger and moved toward the second stack 31b. Then, the GUI control unit 11a returns only the specific image instructed to be dragged, for example, the image with the number “145” to the second stack 31b. As a result, the thumbnail row 34 is corrected to an image row in which only a specific image, for example, the image with the number “145” is deleted.

また、作成したサムネイル列34を複製する場合について説明する。図11は、作成したサムネイル列34を複製する場合の操作例を模式的に示す説明図である。例えば、図11(a)に示すようにサムネイル列34の生成・表示が終了した後で、ユーザが、特定の操作、例えばサムネイルエリア33を指でダブルクリックする操作を行う。すると、GUI制御部11aは、図11(b)に示すように作成済みのサムネイル列34を第1グループG1としたとき、第1グループG1のサムネイル列34を、その配列形態のまま画像記憶部22またはSDRAM16に記憶保存させるとともに画面から消去させる。同時に、GUI制御部11aは、第1スタック31aの後続の画像を用いて、第1グループG1と同一形状のサムネイル列34を第2グループG2として複製により作成してサムネイルエリア33に表示させる。図示例であれば、例えば番号“140”の画像を先頭サムネイル画像とし、番号“130”の画像を最後の画像とする第2グループG2のサムネイル列34が作成される。これによれば、ユーザは、同じ配列形態のサムネイル列34を簡単に繰り返し生成することができる。   A case where the created thumbnail row 34 is duplicated will be described. FIG. 11 is an explanatory diagram schematically showing an operation example when the created thumbnail row 34 is duplicated. For example, as shown in FIG. 11A, after the generation / display of the thumbnail row 34 is completed, the user performs a specific operation, for example, an operation of double-clicking the thumbnail area 33 with a finger. Then, when the created thumbnail row 34 is set to the first group G1 as shown in FIG. 11B, the GUI control unit 11a sets the thumbnail row 34 of the first group G1 as an image storage unit in the arrangement form. The data is stored in the memory 22 or SDRAM 16 and erased from the screen. At the same time, the GUI control unit 11a uses the subsequent image of the first stack 31a to create a thumbnail row 34 having the same shape as the first group G1 as a second group G2 by duplication and display it in the thumbnail area 33. In the illustrated example, for example, the thumbnail row 34 of the second group G2 is created in which the image with the number “140” is the first thumbnail image and the image with the number “130” is the last image. According to this, the user can easily and repeatedly generate the thumbnail row 34 having the same arrangement form.

また、作成したサムネイル列34を複数に分離する場合について説明する。図12は、作成したサムネイル列34を複数に分離する場合の操作例を模式的に示す説明図である。例えば、図12(a)に示すようにサムネイル列34の生成・表示が終了した後で、ユーザが、特定の操作、例えばサムネイル列34中の所望の箇所を切断するように直線的に横切るドラッグ操作を行う。すると、GUI制御部11aは、生成されたサムネイル列34の一部を切り離すための切り離し指示と判断し、図12(a)に示すようにドラッグ操作が行われた箇所でサムネイル列34を切り離して分離することで、複数のサムネイル列34a,34bに分離させる。画像管理部11bは、切り離し指示に基づき切り離されて分離された各々のサムネイル列34a,34bを異なるグループとして管理する。図12(b)は、番号“148”“147”の画像の境目部分でサムネイル列34a,34bに分離される例を示している。これにより、ユーザは、サムネイル列34を一旦作成した後であっても、所望の位置で複数のサムネイル列34a,34bに分離させるように修正することができる。   A case where the created thumbnail row 34 is separated into a plurality of parts will be described. FIG. 12 is an explanatory diagram schematically showing an operation example in the case where the created thumbnail row 34 is separated into a plurality of parts. For example, as shown in FIG. 12A, after the generation / display of the thumbnail row 34 is completed, the user performs a specific operation, for example, a drag that crosses linearly so as to cut a desired portion in the thumbnail row 34 Perform the operation. Then, the GUI control unit 11a determines that it is a separation instruction for separating a part of the generated thumbnail row 34, and separates the thumbnail row 34 at the place where the drag operation is performed as shown in FIG. By separating, a plurality of thumbnail rows 34a, 34b are separated. The image management unit 11b manages the thumbnail rows 34a and 34b separated and separated based on the separation instruction as different groups. FIG. 12B shows an example in which the thumbnail lines 34a and 34b are separated at the boundary between the images with the numbers “148” and “147”. Thus, even after the thumbnail row 34 is once created, the user can correct the thumbnail row 34 to be separated into a plurality of thumbnail rows 34a and 34b at a desired position.

また、作成した複数のサムネイル列34同士を結合させる場合について説明する。図13は、作成した複数のサムネイル列34同士を結合させる場合の操作例を模式的に示す説明図である。例えば、図13は、GUI制御部11aが、複数生成されたサムネイル列34については、複数のグループG1,G2,G3,…をなすこれらの複数のサムネイル列34を画面に比較可能に表示させている様子を示している。そこで、ユーザは、画面スクロール操作等を行うことでグループ間の所望の境界部分をサムネイルエリア33上に表示させる。そして、ユーザが、特定の操作、例えば次のグループG2の先頭サムネイル画像を先行するグループG1の最後のサムネイル画像へドラッグさせる操作を行う。図示例では、番号“139”の先頭サムネイル画像を番号“140”の最後のサムネイル画像へドラッグさせる。   A case where a plurality of created thumbnail rows 34 are combined will be described. FIG. 13 is an explanatory diagram schematically showing an operation example when combining a plurality of created thumbnail rows 34. For example, in FIG. 13, the GUI control unit 11a displays a plurality of thumbnail columns 34 that form a plurality of groups G1, G2, G3,. It shows how it is. Therefore, the user displays a desired boundary portion between the groups on the thumbnail area 33 by performing a screen scroll operation or the like. Then, the user performs a specific operation, for example, an operation of dragging the first thumbnail image of the next group G2 to the last thumbnail image of the preceding group G1. In the illustrated example, the first thumbnail image with the number “139” is dragged to the last thumbnail image with the number “140”.

すると、GUI制御部11aは、異なるサムネイル列34同士の端部を結合して一連のサムネイル列を生成するための結合指示と判断し、番号“139”の先頭サムネイル画像を番号“140”の最後のサムネイル画像へ連続させることで、グループG1,G2のサムネイル列34を新たな一連のサムネイル列34として結合させる。画像管理部11bは、結合指示に基づき結合された一連のサムネイル列34を同じグループとして管理する。これにより、ユーザは、サムネイル列34を一旦作成した後であっても、複数のサムネイル列同士を結合させてまとめるように修正することができる。   Then, the GUI control unit 11a determines that a combination instruction for generating a series of thumbnail sequences by combining the end portions of the different thumbnail sequences 34, and determines the first thumbnail image with the number “139” as the end of the number “140”. The thumbnail rows 34 of the groups G1 and G2 are combined as a new series of thumbnail rows 34 by making the thumbnail images continuous. The image management unit 11b manages a series of thumbnail rows 34 combined based on the combination instruction as the same group. Thus, even after the thumbnail row 34 is once created, the user can modify the thumbnail row 34 so as to be combined and combined.

さらに、作成し保存された複数のサムネイル列34によるグループの概念について説明する。図14は、作成し保存された複数のサムネイル列34によるグループの概念についての説明図である。上述したように、本実施の形態によれば、画像記憶部22に記録された一連の画像中から、任意の先頭サムネイル番号の画像を先頭とする複数のサムネイル列34を、各サムネイル列34間が不連続となるように順次生成して表示させ、保存させることができる。そして、画像管理部11bは、これらの複数のサムネイル列34を構成する各々のサムネイル画像については、サムネイル列をグループ単位としてグループに分けて管理する。   Further, the concept of a group by a plurality of thumbnail rows 34 created and stored will be described. FIG. 14 is an explanatory diagram of the concept of a group using a plurality of thumbnail rows 34 created and stored. As described above, according to the present embodiment, a plurality of thumbnail columns 34 starting from an image having an arbitrary top thumbnail number are selected from among a series of images recorded in the image storage unit 22. Can be generated, displayed, and stored sequentially so that they become discontinuous. Then, the image management unit 11b manages the thumbnail images constituting the plurality of thumbnail rows 34 by grouping the thumbnail rows into groups.

図14は、その一例として、画像記憶部22に記録された一連の画像中から、例えば2008年から2005年の各年の運動会毎に上述したようなフリーライン操作によるサムネイル列34の生成を行い、画像記憶部22またはSDRAM16に保存させた場合を示している。ここに、これらのサムネイル列34は、画像管理部11bによる管理の下に、スクロール方向に連続する第1グループG1〜第4グループG4に区分けされて保存される。この際、GUI制御部11aは、グループG1〜G4毎に、グループ内のサムネイル列34を構成するサムネイル画像の先頭日付37aと最後尾日付37bとの情報をメタデータとして付加する。なお、図示例は、運動会の例であり、グループG1〜G4毎の先頭日付37aと最後尾日付37bとの情報が同一日付情報となっている。また、グループG1〜G4毎に、サムネイル列34の先後端の区切りを示すためのセパレータ37cが付加される。   FIG. 14 shows an example in which the thumbnail line 34 is generated from the series of images recorded in the image storage unit 22 by the free line operation as described above, for example, for each sports day from 2008 to 2005. In this example, the image data is stored in the image storage unit 22 or the SDRAM 16. Here, these thumbnail rows 34 are stored by being divided into a first group G1 to a fourth group G4 continuous in the scroll direction under the management of the image management unit 11b. At this time, the GUI control unit 11a adds, as metadata, information on the start date 37a and the end date 37b of the thumbnail images constituting the thumbnail row 34 in the group for each of the groups G1 to G4. The illustrated example is an example of an athletic meet, and the information on the start date 37a and the end date 37b for each of the groups G1 to G4 is the same date information. In addition, a separator 37c is added for each group G1 to G4 to indicate the separation of the front and rear ends of the thumbnail row 34.

そして、所望の時点で、適宜サムネイル画像表示のための操作を行うことで、いずれかのグループのサムネイル列34をサムネイルエリア33に表示させることができる。図14は、第2グループG2のサムネイル列34の表示状態を示している。そこで、ユーザが、サムネイルエリア33上で、図14中に示すように画面を上または下にスクロールさせる操作を行うと、グループG1〜G4が連なった状態で上または下にスクロール移動する。これにより、他のグループのサムネイル列34に関してもスクロール操作により閲覧可能となる。図示例であれば、年度毎の運動会のサムネイル列34を順次スクロールさせて閲覧することができる。このように、サムネイル列単位でグループが管理されるので、ユーザは、サムネイル列の形状を見ることで、グループの識別を容易に行うことができる。また、この際、グループ毎に先頭日付37aと最後尾日付37bとの情報がメタデータとして付加されて表示されるので、日付の確認が容易である。また、グループ毎にセパレータ37cが付加されているので、グループの区切りの確認も容易となる。   Then, by appropriately performing an operation for displaying thumbnail images at a desired time, the thumbnail row 34 of any group can be displayed in the thumbnail area 33. FIG. 14 shows a display state of the thumbnail row 34 of the second group G2. Therefore, when the user performs an operation of scrolling the screen up or down on the thumbnail area 33 as shown in FIG. 14, the user scrolls up or down in a state where the groups G1 to G4 are connected. As a result, the thumbnail rows 34 of other groups can be browsed by scrolling. In the illustrated example, the thumbnail row 34 of the athletic meet for each year can be scrolled and viewed sequentially. As described above, since the group is managed in units of thumbnail columns, the user can easily identify the group by looking at the shape of the thumbnail column. At this time, since the information of the start date 37a and the end date 37b is added and displayed as metadata for each group, it is easy to check the date. In addition, since the separator 37c is added to each group, it is easy to check the group separation.

また、作成し保存されたサムネイル列34中から所望の画像を印刷させる場合について説明する。図15は、作成し保存されたサムネイル列34中から所望の画像を印刷させる場合の操作例を模式的に示す説明図である。ユーザは、所定の操作によって作成し保存されたサムネイル列34をサムネイルエリア33に表示させる。そして、ユーザは、図15に示すように、サムネイル列34中で印刷したい所望の画像にタッチして選択エリア32へ移動させるドラッグ操作を行う。図示例では、番号“149”“143”の画像を選択エリア32へ移動済みであり、番号“147”の画像を選択エリア32へ移動させている様子を示している。図中の破線は、移動画像の移動痕跡を示している。この際、GUI制御部11aは、所望の画像が選択エリア32に選択されたサムネイル列34を表示させる場合には、選択された画像部分を、例えば破線表示とすることで、選択されていない画像と区別して表示させる。すると、画像管理部11bは、選択エリア32に選択された画像を管理し、印刷処理に供する。   A case where a desired image is printed from the thumbnail row 34 created and stored will be described. FIG. 15 is an explanatory diagram schematically showing an operation example in the case of printing a desired image from the thumbnail row 34 created and stored. The user causes the thumbnail area 33 to display the thumbnail row 34 created and stored by a predetermined operation. Then, as shown in FIG. 15, the user performs a drag operation for touching a desired image to be printed in the thumbnail row 34 and moving it to the selection area 32. In the illustrated example, the images of the numbers “149” and “143” have been moved to the selection area 32, and the image of the number “147” is moved to the selection area 32. The broken line in the figure indicates the movement trace of the moving image. At this time, when the GUI control unit 11a displays the thumbnail row 34 in which the desired image is selected in the selection area 32, the selected image portion is displayed as a broken line, for example, so that an unselected image is displayed. And display them separately. Then, the image management unit 11b manages the image selected in the selection area 32 and uses it for printing processing.

また、作成されたサムネイル列34から所望の画像を移動させる場合について説明する。図16は、作成されたサムネイル列34から所望の画像を移動させる場合の操作例を模式的に示す説明図である。例えば、図2(e)に示したようにサムネイル列34の生成・表示が終了した後で、図16(a)に示すように、ユーザが、特定の操作、例えばサムネイル列34中の特定の画像、例えば番号“143”の画像に指でタッチしてサムネイル列34からずらすようなドラッグ操作を行う。すると、GUI制御部11aは、ドラッグ指示された特定の画像、例えば番号“143”の画像を、図16(b)に示すようにサムネイル列34外にずれた所望の位置に移動させて表示させる。これにより、移動指示された特定のサムネイル画像は、見やすい状態となる。この際、GUI制御部11aが、図16(b)に示すようにサムネイル列34外に移動されたサムネイル画像を拡大表示させるようにすれば、より一層見やすいものとなる。   A case where a desired image is moved from the created thumbnail row 34 will be described. FIG. 16 is an explanatory diagram schematically showing an operation example in the case of moving a desired image from the created thumbnail row 34. For example, after the generation / display of the thumbnail row 34 is completed as shown in FIG. 2E, the user performs a specific operation, for example, a specific operation in the thumbnail row 34, as shown in FIG. A drag operation is performed by touching an image, for example, the image of the number “143” with a finger and shifting the image from the thumbnail row 34. Then, the GUI control unit 11a moves and displays the specific image instructed to be dragged, for example, the image of the number “143” to a desired position shifted out of the thumbnail row 34 as shown in FIG. . As a result, the specific thumbnail image instructed to move is in an easily viewable state. At this time, if the GUI control unit 11a enlarges and displays the thumbnail image moved out of the thumbnail row 34 as shown in FIG. 16B, it becomes easier to see.

また、作成されたサムネイル列34を整列表示のサムネイル列に変えて表示させる場合について説明する。図17は、作成されたサムネイル列34を整列表示のサムネイル列に変えて表示させる場合の操作例を模式的に示す説明図である。サムネイル列34の生成・表示が終了した後で、図17(a)に示すように、ユーザが、特定の操作、例えば余白部分に対してワンクリック操作を行う。すると、GUI制御部11aは、フリーライン状態で作成されたサムネイル列34を、図17(b)に示すように、縦横にサムネイル画像を割り振ることでサムネイル画像が格子状に配列された整列表示のサムネイル列38に変えて表示させる。この場合の行列数は、サムネイル列34を構成するサムネイル画像数に応じて設定される。これにより、ユーザは、フリーライン状態で作成されたサムネイル列34を、見慣れた通常の整列表示に切り替えることも簡単に行える。なお、振動センサ付きのデジタルカメラ1の場合であれば、特定の操作として、デジタルカメラ1をシェイクさせる操作とすれば、フリーライン状態で作成されたサムネイル列34を分解するイメージとなって分かりやすい操作となる。   Also, a case will be described in which the created thumbnail row 34 is changed to a thumbnail row for display in alignment. FIG. 17 is an explanatory diagram schematically illustrating an operation example in the case where the created thumbnail row 34 is changed to a thumbnail row of the aligned display. After the generation / display of the thumbnail row 34 is completed, as shown in FIG. 17A, the user performs a specific operation, for example, a one-click operation on a blank portion. Then, the GUI control unit 11a assigns thumbnail images to the thumbnail row 34 created in the free-line state, as shown in FIG. The thumbnail row 38 is displayed instead. In this case, the number of matrices is set according to the number of thumbnail images constituting the thumbnail row 34. Thus, the user can easily switch the thumbnail row 34 created in the free line state to the familiar normal alignment display. In the case of the digital camera 1 with a vibration sensor, if the digital camera 1 is shaken as a specific operation, the thumbnail row 34 created in the free line state is easily disassembled. It becomes operation.

また、図14に示したような複数のサムネイル列34からなるグループ全体を、特定の整列表示の操作によって、図18に示すように整列表示のサムネイル列38に変更させることも可能である。この場合の行列数は、各グループG1〜G4内のそれぞれのサムネイル列34を構成するサムネイル画像数に応じて個々に設定される。また、グループ間にはセパレータ39が付加される。   Further, the entire group composed of a plurality of thumbnail rows 34 as shown in FIG. 14 can be changed to a thumbnail row 38 of the aligned display as shown in FIG. 18 by a specific aligned display operation. In this case, the number of matrices is individually set according to the number of thumbnail images constituting each thumbnail row 34 in each of the groups G1 to G4. A separator 39 is added between the groups.

また、作成されたサムネイル列34の形態を変更する場合について説明する。図19は、作成されたサムネイル列34の形態を変更する場合の操作例を模式的に示す説明図である。サムネイル列34の生成・表示が終了した後で、図19(a)に示すように、ユーザが、特定の操作、例えば余白部分に対して指で長押し操作を行う。すると、GUI制御部11aは、作成されたサムネイル列34の形態を変更させるモードと認識し、軌跡の書き直しを許容する。そこで、ユーザが、サムネイルエリア33上で、所望の軌跡35の描画を行うと、GUI制御部11aは、サムネイル列34を構成していたサムネイル画像をその軌跡35に応じて順番に再配列し、新たなサムネイル列40に変更させる。   A case where the form of the created thumbnail row 34 is changed will be described. FIG. 19 is an explanatory diagram schematically showing an operation example when the form of the created thumbnail row 34 is changed. After the generation / display of the thumbnail row 34 is completed, as shown in FIG. 19A, the user performs a specific operation, for example, a long press operation with a finger on a blank portion. Then, the GUI control unit 11a recognizes the mode for changing the form of the created thumbnail row 34, and permits rewriting of the locus. Therefore, when the user draws a desired trajectory 35 on the thumbnail area 33, the GUI control unit 11a rearranges the thumbnail images constituting the thumbnail row 34 in order according to the trajectory 35, and Change to a new thumbnail row 40.

図19(b)は、軌跡の書き直しにより、ユーザが、例えばアルファベット文字“A”を形成する軌跡35の描画を行った例を示している。ここで、軌跡35中の細線による欄外破線部分35aは、アルファベット文字“A”の描画において軌跡35が空中で連続している様子を模式的に示すものである。そして、書き直された軌跡35の描画順に、サムネイル列34を構成していたサムネイル画像が順番に再配列される。   FIG. 19B shows an example in which the user has drawn a trajectory 35 that forms, for example, the alphabet letter “A” by rewriting the trajectory. Here, a marginal broken line portion 35a by a thin line in the trajectory 35 schematically shows a state in which the trajectory 35 is continuous in the air in drawing the alphabet character “A”. Then, the thumbnail images constituting the thumbnail row 34 are rearranged in order in the drawing order of the rewritten locus 35.

つづいて、サムネイル列34を生成・表示させる場合のその他の操作・処理例等について説明する。ユーザ操作に基づき生成・表示されるサムネイル列34の個々のサムネイル画像は、基本的には、スタックエリア31におけるサムネイル画像のサイズのままとされる。しかしながら、このような態様に限らず、GUI制御部11aが、ユーザ操作により入力される軌跡の長さに応じて、サムネイル列34におけるサムネイル画像の表示サイズを可変制御するようにしてもよい。   Next, other operations / processing examples when the thumbnail row 34 is generated / displayed will be described. The individual thumbnail images in the thumbnail row 34 generated and displayed based on the user operation are basically the same as the thumbnail images in the stack area 31. However, the present invention is not limited to this mode, and the GUI control unit 11a may variably control the display size of the thumbnail images in the thumbnail row 34 in accordance with the length of the trajectory input by the user operation.

図20は、軌跡の長さが短い場合に、ドラッグ操作終了後、自動的にズームアップさせる操作・処理例を模式的に示す説明図である。図20(a)は、ユーザが、サムネイルエリア33の左上の一部でサムネイル列34を生成するためのドラッグ操作の軌跡35が終了している場合を示している。そして、GUI制御部11aは、軌跡35の長さに応じた枚数分(例えば、3枚)のサムネイル画像からなるサムネイル列34を生成し、通常サイズで表示させる。この場合、サムネイルエリア33中に占めるサムネイル列34の表示領域が小さいので、GUI制御部11aは、図20(b)に示すように、サムネイルエリア33のサイズに適合するよう予め設定された拡大倍率に従いサムネイル列34を自動的にズームアップさせて表示させる。図20(b)は、例えば200%拡大の例を示している。これにより、サムネイル列34を構成するサムネイル画像が見やすいものとなる。   FIG. 20 is an explanatory diagram schematically illustrating an example of an operation / processing for automatically zooming up after completion of the drag operation when the length of the locus is short. FIG. 20A shows a case where the user has completed a drag operation locus 35 for generating a thumbnail row 34 in a part of the upper left of the thumbnail area 33. Then, the GUI control unit 11a generates a thumbnail row 34 composed of thumbnail images corresponding to the length of the trajectory 35 (for example, three), and displays the thumbnail row 34 in the normal size. In this case, since the display area of the thumbnail row 34 occupying the thumbnail area 33 is small, the GUI control unit 11a sets the enlargement magnification set in advance to match the size of the thumbnail area 33, as shown in FIG. Accordingly, the thumbnail row 34 is automatically zoomed up and displayed. FIG. 20B shows an example of 200% enlargement, for example. As a result, the thumbnail images constituting the thumbnail row 34 are easy to see.

この際、ドラッグ操作に先立ち、図20(c)に示すように、サムネイルエリア33に自動拡大率の目安を線で表した撮影ガイド41を表示させることが望ましい。軌跡の長さが短い場合には、ドラッグ操作終了後、自動的にズームアップされることをユーザに事前に知らせるためである。図20(c)の撮影ガイド41は、200%の目安線の範囲内となるドラッグ操作であれば200%拡大表示され、200〜150%の目安線の範囲内となるドラッグ操作であれば150%拡大表示され、150〜100%の目安線の範囲内となるドラッグ操作であれば等倍表示のままとなることを表している。   At this time, prior to the drag operation, as shown in FIG. 20 (c), it is desirable to display a shooting guide 41 in the thumbnail area 33, which shows a guideline for the automatic enlargement ratio. This is to notify the user in advance that the zoom is automatically increased after the drag operation is completed when the length of the locus is short. The shooting guide 41 in FIG. 20C is enlarged 200% if the drag operation is within the range of the 200% guide line, and 150 if the drag operation is within the range of the 200-150% guide line. If the drag operation is displayed in an enlarged percentage and is within the range of the reference line of 150 to 100%, it indicates that the same magnification display is maintained.

なお、図20では、ドラッグ操作終了後の軌跡の長さによって自動的にズームアップさせるようにしたが、ドラッグ操作中にサムネイル画像の表示サイズを可変させるようにしてもよい。GUI制御部11aは、例えば、図21(a)に示すように、ドラッグ操作開始直後の軌跡35の長さが短い間は、サムネイル列34を構成するサムネイル画像を自動的にズームアップさせて表示させる。そして、GUI制御部11aは、図21(b)に示すように、ドラッグ操作が継続されて軌跡35の長さが長くなるにつれて、サムネイル画像の表示サイズを段々小さくさせる。   In FIG. 20, the zoom is automatically zoomed up according to the length of the trajectory after the drag operation is completed, but the display size of the thumbnail image may be changed during the drag operation. For example, as shown in FIG. 21A, the GUI control unit 11a automatically zooms up and displays the thumbnail images constituting the thumbnail row 34 while the length of the trajectory 35 immediately after the start of the drag operation is short. Let Then, as illustrated in FIG. 21B, the GUI control unit 11a gradually reduces the display size of the thumbnail image as the drag operation is continued and the length of the trajectory 35 is increased.

図22は、サムネイル列34中に連写モードで撮影された連写画像が含まれている場合のサムネイル列34の表示例を模式的に示す説明図である。GUI制御部11aは、サムネイル列34中に複数枚の連写画像が含まれている場合には、この連写画像の部分34aを殆ど重なる状態にまとめて表示させる。連写画像の部分34aは、同様の画像である場合が多く、その内の1枚の内容のみを確認できればよいためである。   FIG. 22 is an explanatory diagram schematically showing a display example of the thumbnail row 34 when the thumbnail row 34 includes a continuous shot image shot in the continuous shooting mode. When a plurality of continuous shot images are included in the thumbnail row 34, the GUI control unit 11a collectively displays the continuous shot image portions 34a in a substantially overlapping state. This is because the portion 34a of the continuous shot image is often a similar image, and it is only necessary to confirm the contents of one of the images.

図23は、作成されたサムネイル列34を構成する画像群の中で、メタデータが変化する部分があった場合に、そのメタデータの変化を示す情報の表示例を模式的に示す説明図である。メタデータとしては、撮影日付、撮影位置等の情報があるが、ここでは、撮影日付を特定のメタデータとしている。また、特定のメタデータが変化する部分は、サムネイル列34を構成する各サムネイル画像に付加されているメタデータ(撮影日付)をGUI制御部11aが認識することにより判断される。   FIG. 23 is an explanatory view schematically showing a display example of information indicating a change in metadata when there is a portion where the metadata changes in the image group constituting the created thumbnail row 34. is there. The metadata includes information such as a shooting date and a shooting position. Here, the shooting date is specific metadata. Further, the portion where the specific metadata changes is determined by the GUI control unit 11a recognizing metadata (shooting date) added to each thumbnail image constituting the thumbnail row 34.

図23(a)は、撮影日付なるメタデータの変化を示す情報として、該当箇所にしおりアイコン42を差し込む形で表示させる例を示している。図23(b)は、撮影日付なるメタデータの変化を示す情報として、該当箇所のサムネイル画像を傾けて表示させる例を示している。図23(c)は、撮影日付なるメタデータの変化を示す情報として、該当箇所で背景色を異ならせて表示させる例を示している(図面上は、異なる背景表示により背景色が異なることを示している)。これらによれば、ユーザは、サムネイル列34中で撮影日付等の切れ目を簡単に認識することができる。   FIG. 23A shows an example in which the bookmark icon 42 is inserted into the corresponding location as information indicating the change in the metadata of the shooting date. FIG. 23B shows an example in which a thumbnail image at a corresponding location is displayed tilted as information indicating a change in metadata such as a shooting date. FIG. 23C shows an example in which the background color is displayed differently at the corresponding location as information indicating the change in the metadata that is the shooting date (in the drawing, the background color varies depending on the different background display. Shown). According to these, the user can easily recognize a break such as a shooting date in the thumbnail row 34.

つづいて、上述したようなGUI画面を用いた検索画面30に対するユーザ操作に伴う表示制御等を実現するための制御部11による動作制御例について説明する。図24は、制御部11のGUI制御部11a等により実行される操作制御処理例を示す概略フローチャートである。本実施の形態で対象とする操作制御処理は、図示しない設定用ボタン等の操作により、再生モードが指定されることにより実行される。   Next, an example of operation control by the control unit 11 for realizing display control associated with a user operation on the search screen 30 using the GUI screen as described above will be described. FIG. 24 is a schematic flowchart illustrating an example of operation control processing executed by the GUI control unit 11a of the control unit 11. The operation control process targeted in this embodiment is executed by designating a playback mode by an operation of a setting button (not shown).

まず、制御部11は、再生モードにおいてサムネイルモードに設定されているか否かを判定する(ステップS11)。制御部11は、サムネイルモードに設定されていなければ(ステップS11:No)、他の再生モードの処理を実行する(ステップS12)。そして、制御部11は、サムネイルモードへの切換えがあったか否かを判定し(ステップS13)、切換えがなければ(ステップS13:No)、さらに電源スイッチのOFF操作があったか否かを判定する(ステップS14)。制御部11は、OFF操作があった場合には(ステップS14:Yes)、処理を終了し、OFF操作がなければ(ステップS14:No)、ステップS12の処理に戻る。   First, the control unit 11 determines whether or not the thumbnail mode is set in the playback mode (step S11). If the thumbnail mode is not set (step S11: No), the control unit 11 executes processing in another playback mode (step S12). Then, the control unit 11 determines whether or not switching to the thumbnail mode has been performed (step S13). If there is no switching (step S13: No), it is further determined whether or not there has been a power switch OFF operation (step S13). S14). When there is an OFF operation (step S14: Yes), the control unit 11 ends the process. When there is no OFF operation (step S14: No), the control unit 11 returns to the process of step S12.

一方、制御部11は、サムネイルモードに設定されている場合や(ステップS11:Yes)、サムネイルモードへの切換えがあった場合には(ステップS13:Yes)、GUI制御部11aによって、表示部18に検索画面30の初期画面を表示させる(ステップS20)。図2(a)に示した検索画面30の初期画面の表示例が相当する。   On the other hand, when the thumbnail mode is set (step S11: Yes) or when the control unit 11 is switched to the thumbnail mode (step S13: Yes), the GUI control unit 11a causes the display unit 18 to switch to the thumbnail mode. Display the initial screen of the search screen 30 (step S20). The display example of the initial screen of the search screen 30 shown in FIG.

ついで、GUI制御部11aは、初期画面表示において、ユーザによるスタックアイコン(送りアイコン31cまたは戻しアイコン31d)の操作があったか否かを判定する(ステップS21)。GUI制御部11aは、スタックアイコンの操作があった場合には(ステップS21:Yes)、その操作に応じてスタックアイコン間(第1スタック31a・第2スタック31b間)の移動処理を実行する(ステップS22)。   Next, the GUI control unit 11a determines whether or not the user has operated the stack icon (the feed icon 31c or the return icon 31d) in the initial screen display (step S21). When there is an operation on the stack icon (step S21: Yes), the GUI control unit 11a executes a movement process between the stack icons (between the first stack 31a and the second stack 31b) according to the operation (step S21: Yes). Step S22).

また、GUI制御部11aは、スタックアイコンの操作がなかった場合には(ステップS21:No)、サムネイル列を生成・表示させるためのユーザによるサムネイルドラッグ操作があったか否かを判定する(ステップS23)。GUI制御部11aは、サムネイルドラッグ操作があった場合には(ステップS23:Yes)、その操作に応じてサムネイル表示処理を実行する(ステップS24)。   Further, when there is no operation on the stack icon (step S21: No), the GUI control unit 11a determines whether or not there is a thumbnail drag operation by the user for generating and displaying a thumbnail row (step S23). . When there is a thumbnail drag operation (step S23: Yes), the GUI control unit 11a executes a thumbnail display process according to the operation (step S24).

さらに、GUI制御部11aは、サムネイルドラッグ操作がなかった場合には(ステップS23:No)、ユーザによる画面スクロール操作があったか否かを判定する(ステップS25)。GUI制御部11aは、画面スクロール操作があった場合には(ステップS25:Yes)、画面スクロール操作に従い画面をスクロール移動させる処理を実行する(ステップS26)。図8に示した表示例が相当する。   Furthermore, when there is no thumbnail drag operation (step S23: No), the GUI control unit 11a determines whether there is a screen scroll operation by the user (step S25). When there is a screen scroll operation (step S25: Yes), the GUI control unit 11a executes a process of scrolling the screen according to the screen scroll operation (step S26). The display example shown in FIG. 8 corresponds.

さらに、GUI制御部11aは、画面スクロール操作がなかった場合には(ステップS25:No)、ユーザによるサムネイルモードの解除操作があったか否かを判定する(ステップS27)。GUI制御部11aは、サムネイルモードの解除操作があった場合には(ステップS27:Yes)、ステップS12に移行し、サムネイルモードの解除操作がなかった場合には(ステップS27:No)、ステップS21以降の処理に戻る。   Furthermore, when there is no screen scroll operation (step S25: No), the GUI control unit 11a determines whether or not the user has performed a thumbnail mode cancel operation (step S27). If there is an operation for canceling the thumbnail mode (step S27: Yes), the GUI control unit 11a proceeds to step S12. If there is no operation for canceling the thumbnail mode (step S27: No), the GUI control unit 11a proceeds to step S21. Return to the subsequent processing.

つづいて、ステップS22のスタックアイコン間移動処理について説明する。図25は、スタックアイコン間移動処理を示すサブルーチンである。まず、GUI制御部11aは、ユーザによって送りアイコン31cによる送り操作が行われているか否かを判定する(ステップS41)。GUI制御部11aは、送り操作が行われている場合には(ステップS41:Yes)、画像番号Nとして第1スタック31aの先頭画像番号を設定する(ステップS42)。そして、GUI制御部11aは、−1のデクリメント処理により1つ小さい番号Nの画像を画像記憶部22から読み出して第1スタック31aの位置に表示させる(ステップS43)。GUI制御部11aは、同時に、第1スタック31aにおいてデクリメント処理前の先頭画像を、この第1スタック31aから第2スタック31bへアニメーション的に移動させるアニメーション処理を実行する(ステップS44)。図2(b)に示した表示例が相当する。さらに、GUI制御部11aは、送り操作が終了したか否かを判定する(ステップS45)。GUI制御部11aは、送り操作が終了していなければ(ステップS45:No)、ステップS43,S44の処理を繰り返し実行する。また、GUI制御部11aは、送り操作が終了していれば(ステップS45:Yes)、このスタックアイコン間移動処理を終了する。図2(c)に示す表示例が相当する。   Next, the process for moving between stack icons in step S22 will be described. FIG. 25 is a subroutine showing stack icon movement processing. First, the GUI control unit 11a determines whether or not a feed operation by the feed icon 31c is performed by the user (step S41). When the feeding operation is performed (step S41: Yes), the GUI control unit 11a sets the first image number of the first stack 31a as the image number N (step S42). Then, the GUI control unit 11a reads the image with the smaller number N by the decrement process of −1 from the image storage unit 22 and displays it on the position of the first stack 31a (step S43). At the same time, the GUI control unit 11a executes an animation process in which the first image before the decrement process in the first stack 31a is animatedly moved from the first stack 31a to the second stack 31b (step S44). The display example shown in FIG. Furthermore, the GUI control unit 11a determines whether or not the feeding operation has been completed (step S45). If the feed operation has not ended (step S45: No), the GUI control unit 11a repeatedly executes the processes of steps S43 and S44. In addition, if the feeding operation is finished (step S45: Yes), the GUI control unit 11a finishes the inter-stack icon movement process. The display example shown in FIG.

一方、GUI制御部11aは、送り操作が行われていない場合には(ステップS41:No)、戻しアイコン31dによる戻し操作であり、画像番号Nとして第2スタック31bの先頭画像番号を設定する(ステップS46)。そして、GUI制御部11aは、+1のインクリメント処理による1つ大きい番号Nの画像を画像記憶部22から読み出して第2スタック31bの位置に表示させる(ステップS47)。GUI制御部11aは、同時に、第2スタック31bにおいてインクリメント処理前の先頭画像を、この第2スタック31bから第1スタック31aへアニメーション的に移動させるアニメーション処理を実行する(ステップS48)。さらに、GUI制御部11aは、戻し操作が終了したか否かを判定する(ステップS49)。GUI制御部11aは、戻し操作が終了していなければ(ステップS49:No)、ステップS47,S48の処理を繰り返し実行する。また、GUI制御部11aは、戻し操作が終了していれば(ステップS49:Yes)、このスタックアイコン間移動処理を終了する。   On the other hand, when the feed operation is not performed (step S41: No), the GUI control unit 11a is a return operation using the return icon 31d, and sets the top image number of the second stack 31b as the image number N ( Step S46). Then, the GUI control unit 11a reads the image of the number N, which is one larger by the increment process of +1, from the image storage unit 22 and displays it on the position of the second stack 31b (step S47). At the same time, the GUI control unit 11a executes an animation process for moving the first image before the increment process in the second stack 31b from the second stack 31b to the first stack 31a (step S48). Furthermore, the GUI control unit 11a determines whether or not the return operation has been completed (step S49). If the return operation has not ended (step S49: No), the GUI control unit 11a repeatedly executes the processes of steps S47 and S48. In addition, if the return operation has ended (step S49: Yes), the GUI control unit 11a ends the inter-stack icon movement process.

つづいて、ステップS24のサムネイル表示処理について説明する。図26は、サムネイル表示処理を示すサブルーチンである。まず、GUI制御部11aは、すでにサムネイル列34が生成・表示されたサムネイル画面があるか否かを判定する(ステップS61)。GUI制御部11aは、サムネイル画面がなければ(ステップS61:No)、新規のサムネイル列34を生成するための待機状態にあると認識し、サムネイルドラッグ操作の起点が第1スタック31aのアイコン位置にあるか否かを判定する(ステップS62)。GUI制御部11aは、例えば図2(d)に示したように、第1スタック31aを起点とするサムネイルドラッグ操作であれば(ステップS62:Yes)、サムネイル描画処理を実行する(ステップS63)。   Next, the thumbnail display process in step S24 will be described. FIG. 26 is a subroutine showing thumbnail display processing. First, the GUI control unit 11a determines whether there is a thumbnail screen in which the thumbnail row 34 has already been generated and displayed (step S61). If there is no thumbnail screen (step S61: No), the GUI control unit 11a recognizes that it is in a standby state for generating a new thumbnail row 34, and the starting point of the thumbnail drag operation is at the icon position of the first stack 31a. It is determined whether or not there is (step S62). For example, as shown in FIG. 2D, the GUI control unit 11a performs a thumbnail drawing process if the thumbnail drag operation is based on the first stack 31a (step S62: Yes) (step S63).

そして、GUI制御部11aは、サムネイル描画処理において画面からユーザの指が離されたか否かを随時判定し(ステップS64)、離されていなければ(ステップS64:No)、ステップS63のサムネイル描画処理を続行する。GUI制御部11aは、サムネイル描画処理において画面からユーザの指が離された場合には(ステップS64:Yes)、サムネイル列34を確定する(ステップS65)。図2(e)に示す表示例が相当する。なお、第1スタック31aを起点とするサムネイルドラッグ操作でなければ(ステップS62:No)、ステップS63〜S65の処理をジャンプする。   Then, the GUI control unit 11a determines at any time whether or not the user's finger is released from the screen in the thumbnail drawing process (step S64), and if not released (step S64: No), the thumbnail drawing process in step S63. To continue. When the user's finger is released from the screen in the thumbnail drawing process (step S64: Yes), the GUI control unit 11a determines the thumbnail row 34 (step S65). The display example shown in FIG. If it is not a thumbnail drag operation starting from the first stack 31a (step S62: No), the processing of steps S63 to S65 is jumped.

一方、GUI制御部11aは、サムネイル画面が有れば(ステップS61:Yes)、生成・表示済みのサムネイル列34に対して特定の操作に応じた各種処理を実行する。まず、GUI制御部11aは、特定の操作が、画面切換えのための操作であるか否かを判定する(ステップS70)。GUI制御部11aは、画面切換えのための操作である場合には(ステップS70:Yes)、サムネイル画面切換えの処理を実行し(ステップS71)、生成・表示されたサムネイル列34を保存させる(ステップS72)。図8に示した例が相当する。   On the other hand, if there is a thumbnail screen (step S61: Yes), the GUI control unit 11a executes various processes according to a specific operation on the generated and displayed thumbnail row 34. First, the GUI control unit 11a determines whether or not the specific operation is an operation for screen switching (step S70). If the operation is a screen switching operation (Step S70: Yes), the GUI control unit 11a executes a thumbnail screen switching process (Step S71), and stores the generated and displayed thumbnail row 34 (Step S70). S72). The example shown in FIG. 8 corresponds.

また、GUI制御部11aは、画面切換えのための操作でない場合には(ステップS70:No)、特定の操作が、消去指示の操作であるか否かを判定する(ステップS73)。GUI制御部11aは、消去指示の操作である場合には(ステップS73:Yes)、サムネイル消去処理を実行する(ステップS74)。この場合、消去指示の操作に応じて、図9に示したようにサムネイル列34全体が消去される場合と、図10に示したようにサムネイル列34中の一部の画像が消去される場合とがある。   Further, when the operation is not an operation for switching the screen (step S70: No), the GUI control unit 11a determines whether the specific operation is an operation of an erasure instruction (step S73). If the operation is a deletion instruction (step S73: Yes), the GUI control unit 11a executes a thumbnail deletion process (step S74). In this case, when the entire thumbnail row 34 is deleted as shown in FIG. 9 according to the operation of the deletion instruction, or when a part of the images in the thumbnail row 34 is deleted as shown in FIG. There is.

また、GUI制御部11aは、消去指示の操作でない場合には(ステップS73:No)、特定の操作が、複製のための操作であるか否かを判定する(ステップS75)。GUI制御部11aは、複製のための操作である場合には(ステップS75:Yes)、サムネイル列34の複製処理を実行する(ステップS76)。図11に示した表示例が相当する。   If the operation is not an instruction to delete (step S73: No), the GUI control unit 11a determines whether the specific operation is an operation for duplication (step S75). If the operation is a duplication operation (step S75: Yes), the GUI control unit 11a executes a duplication process of the thumbnail row 34 (step S76). The display example shown in FIG. 11 corresponds.

また、GUI制御部11aは、複製のための操作でない場合には(ステップS75:No)、特定の操作が、分離操作であるか否かを判定する(ステップS77)。GUI制御部11aは、分離操作である場合には(ステップS77:Yes)、サムネイル列34の分離処理を実行する(ステップS78)。図12に示した表示例が相当する。   If the operation is not an operation for duplication (step S75: No), the GUI control unit 11a determines whether the specific operation is a separation operation (step S77). When the operation is a separation operation (step S77: Yes), the GUI control unit 11a executes a separation process for the thumbnail row 34 (step S78). The display example shown in FIG. 12 corresponds.

さらに、GUI制御部11aは、分離操作でない場合には(ステップS77:No)、特定の操作が、結合操作であるか否かを判定する(ステップS79)。GUI制御部11aは、結合操作である場合には(ステップS79:Yes)、サムネイル列34の結合処理を実行する(ステップS80)。図13に示した表示例が相当する。   Furthermore, when it is not a separation operation (step S77: No), the GUI control unit 11a determines whether or not the specific operation is a combining operation (step S79). If the operation is a combining operation (step S79: Yes), the GUI control unit 11a executes a combining process for the thumbnail row 34 (step S80). The display example shown in FIG. 13 corresponds.

また、GUI制御部11aは、結合操作でない場合には(ステップS79:No)、特定の操作が、移動操作であるか否かを判定する(ステップS81)。GUI制御部11aは、移動操作である場合には(ステップS81:Yes)、サムネイル列34中のサムネイル画像の移動処理を実行する(ステップS82)。図16に示した表示例が相当する。   Further, when the operation is not a combining operation (step S79: No), the GUI control unit 11a determines whether the specific operation is a moving operation (step S81). If the operation is a moving operation (step S81: Yes), the GUI control unit 11a executes a moving process of the thumbnail images in the thumbnail row 34 (step S82). The display example shown in FIG. 16 corresponds.

さらに、GUI制御部11aは、移動操作でない場合には(ステップS81:No)、特定の操作が、選択エリア32への移動操作であるか否かを判定する(ステップS83)。GUI制御部11aは、選択エリア32への移動操作である場合には(ステップS83:Yes)、サムネイル列34中から選択された該当するサムネイル画像を選択エリア32へ移動させる処理を実行する(ステップS84)。図15に示した表示例が相当する。   Furthermore, when it is not a moving operation (step S81: No), the GUI control unit 11a determines whether the specific operation is a moving operation to the selection area 32 (step S83). When the operation is a movement operation to the selection area 32 (step S83: Yes), the GUI control unit 11a executes a process of moving the corresponding thumbnail image selected from the thumbnail row 34 to the selection area 32 (step S83). S84). The display example shown in FIG. 15 corresponds.

さらに、ステップS63のサムネイル描画処理について説明する。図27は、サムネイル描画処理を示すサブルーチンである。まず、GUI制御部11aは、ユーザによるドラッグ速度を監視し、このドラッグ速度が所定のスレッシレベルよりも速いか否かを判定する(ステップS101)。GUI制御部11aは、ドラッグ速度が速い部分では(ステップS101:Yes)、サムネイル列34を構成するサムネイル画像の表示間隔を狭く設定する(ステップS102)。また、GUI制御部11aは、ドラッグ速度が遅い部分では(ステップS101:No)、サムネイル列34を構成するサムネイル画像の表示間隔を広く設定する(ステップS103)。そして、GUI制御部11aは、サムネイル列34を構成する必要枚数分のサムネイル画像を第1スタック31aから順次読み出す(ステップS104)。   Further, the thumbnail drawing process in step S63 will be described. FIG. 27 is a subroutine showing thumbnail drawing processing. First, the GUI control unit 11a monitors the drag speed by the user, and determines whether or not the drag speed is faster than a predetermined threshold level (step S101). When the drag speed is high (step S101: Yes), the GUI control unit 11a sets the display interval of the thumbnail images constituting the thumbnail row 34 to be narrow (step S102). Further, the GUI control unit 11a sets a wide display interval of thumbnail images constituting the thumbnail row 34 in a portion where the drag speed is slow (step S101: No) (step S103). Then, the GUI control unit 11a sequentially reads out the required number of thumbnail images constituting the thumbnail row 34 from the first stack 31a (step S104).

ついで、GUI制御部11aは、ドラッグ操作を行っていたユーザの指が画面最下部に位置しているか否かを判定する(ステップS105)。GUI制御部11aは、ユーザの指が画面最下部に位置していなければ(ステップS105:No)、読み出したサムネイル画像を、ユーザのドラッグ位置に応じ、かつ、設定された表示間隔によるサムネイル列34として表示させる(ステップS106)。図2(d)等に示す表示例が相当する。   Next, the GUI control unit 11a determines whether or not the finger of the user who has performed the drag operation is positioned at the bottom of the screen (step S105). If the user's finger is not positioned at the bottom of the screen (step S105: No), the GUI control unit 11a displays the read thumbnail image in accordance with the drag position of the user and the thumbnail row 34 according to the set display interval. Is displayed (step S106). The display example shown in FIG.

一方、GUI制御部11aは、ユーザの指が画面最下部に位置している場合には(ステップS105:Yes)、画面最下部位置でのユーザのドラッグ左右位置に応じてサムネイル列34の生成を続行し、サムネイルエリア33には後続のサムネイル画像を順次読み出して連続的に表示させる(ステップS107)。図3に示した表示例が相当する。   On the other hand, when the user's finger is positioned at the bottom of the screen (step S105: Yes), the GUI control unit 11a generates the thumbnail sequence 34 according to the dragging left and right position of the user at the bottom of the screen. Continuing, subsequent thumbnail images are sequentially read and displayed continuously in the thumbnail area 33 (step S107). The display example shown in FIG. 3 corresponds.

本発明は、上述した実施の形態に限らず、本発明の趣旨を逸脱しない範囲であれば、種々の変形が可能である。例えば、本実施の形態では、画像記憶部22に記録された一連の画像を例えば撮影日時の古いものから時系列順に画像番号が大きくなる順番で管理するようにしたが、時系列的に逆順の順番で管理するようにしてもよい。また、撮影日時による番号付けに限らず、例えばGPS機能を搭載したデジタルカメラ1の場合であれば、GPS機能により各画像に付加される緯度や経度による位置情報に応じた番号付けであってもよい。   The present invention is not limited to the above-described embodiment, and various modifications can be made without departing from the spirit of the present invention. For example, in the present embodiment, a series of images recorded in the image storage unit 22 is managed in the order of increasing image numbers in chronological order, for example, from the oldest shooting date and time. You may make it manage in order. For example, in the case of the digital camera 1 equipped with the GPS function, the numbering according to the position information based on the latitude and longitude added to each image by the GPS function may be used. Good.

また、例えば、本実施の形態における図24〜図27に示すような各処理機能について、図1に示すブロック図では、制御部11によるソフトウェアによって処理するように説明したが、構成の具体例はこれに限るものではない。これらの処理を、ハードウェア処理とソフトウェア処理のいずれか一方あるいは適宜組み合わせて行なうことは設計事項である。   Further, for example, each processing function as shown in FIGS. 24 to 27 in the present embodiment has been described as being processed by software by the control unit 11 in the block diagram shown in FIG. 1, but a specific example of the configuration is as follows. This is not a limitation. It is a design matter to perform these processes in any one of hardware processing and software processing or in an appropriate combination.

そして、実施の形態の全てあるいは一部がソフトウェア処理で処理が実行される場合には、制御部11がフラッシュメモリ等のプログラムデータ記憶部12に格納された操作制御用プログラムを読み出して実行されることで、かかるソフトウェア処理が実現されるので、このようなソフトウェア処理に関する操作制御用プログラムも本発明となる。また、このような操作制御用プログラムが記録された記録媒体も本発明となる。なお、プログラムを格納する記録媒体としては、フラッシュメモリに限定されるものではなく、CD−ROM、DVD−ROM等の光学記録媒体、MD等の磁気記録媒体、テープ媒体、ICカードなどの半導体メモリであってもよい。さらに、検索用プログラムとしては、ネットワークを介して外部の記録媒体から入手されるもの、例えば、ホームページからダウンロードされるものも当然含まれる。このような場合には、ユーザに対してダウンロードさせるWWWサーバやftpサーバ等も本発明の範囲に含まれるものである。   When all or part of the embodiment is executed by software processing, the control unit 11 reads and executes the operation control program stored in the program data storage unit 12 such as a flash memory. Thus, since such software processing is realized, an operation control program relating to such software processing is also the present invention. A recording medium on which such an operation control program is recorded is also the present invention. The recording medium for storing the program is not limited to the flash memory, but an optical recording medium such as a CD-ROM or DVD-ROM, a magnetic recording medium such as an MD, a tape medium, or a semiconductor memory such as an IC card. It may be. Further, as a search program, a program obtained from an external recording medium via a network, for example, a program downloaded from a homepage is naturally included. In such a case, a WWW server, an ftp server, and the like that are downloaded by the user are also included in the scope of the present invention.

また、本実施の形態では、当該操作制御装置をデジタルカメラ1に搭載した例で説明したが、当然これに限られるものではない。本実施の形態の操作制御装置は、画像ビュワ等の画像表示装置に適用してもよい。   In the present embodiment, the operation control apparatus is described as being mounted on the digital camera 1, but the present invention is not limited to this. The operation control device of the present embodiment may be applied to an image display device such as an image viewer.

11a GUI制御部
14 タッチパネル
18 表示部
34 サムネイル列
35 軌跡
11a GUI control unit 14 touch panel 18 display unit 34 thumbnail row 35 locus

Claims (7)

撮影画像に基づくサムネイル画像を表示する表示部と、
前記表示部に重ねて設けられるタッチパネルと、
前記表示部の画面における所定エリアに対するユーザの指操作により前記タッチパネルを介して入力されるドラッグ軌跡の速度に応じて複数の前記サムネイル画像を配列したサムネイル列において隣接するサムネイル画像同士の表示間隔を制御するGUI制御部と、
を備えることを特徴とする操作制御装置。
A display unit for displaying thumbnail images based on the captured images;
A touch panel provided over the display unit;
Controls the display interval between adjacent thumbnail images in a thumbnail row in which a plurality of thumbnail images are arranged in accordance with the speed of a drag trajectory input via the touch panel by a user's finger operation on a predetermined area on the screen of the display unit A GUI control unit,
An operation control device comprising:
前記GUI制御部は、
前記ドラッグ軌跡上の各点の速度に基づいて前記表示間隔を設定することを特徴とする請求項1に記載の操作制御装置。
The GUI control unit
The operation control apparatus according to claim 1, wherein the display interval is set based on a speed of each point on the drag trajectory.
前記サムネイル列は、前記ドラッグ軌跡の形状、長さに応じたフリーラインによる曲線配列であり、前記ユーザの指操作の終了により確定することを特徴とする請求項1または2に記載の操作制御装置。   The operation control apparatus according to claim 1, wherein the thumbnail row is a curved line array with free lines corresponding to the shape and length of the drag trajectory, and is determined by the end of the user's finger operation. . 前記表示部は、
前記複数のサムネイル画像の一部を積み重ねた状態で最上位の画像のみ表示するスタックのアイコンを表示し、
前記GUI制御部は、
前記スタックのアイコンの位置を起点として前記所定のエリアに前記指操作があった場合に、前記サムネイル列を生成して前記表示部に表示させることを特徴とする請求項1〜3のいずれか一項に記載の操作制御装置。
The display unit
Display a stack icon that displays only the topmost image in a state where a part of the plurality of thumbnail images is stacked,
The GUI control unit
4. The thumbnail row is generated and displayed on the display unit when the finger operation is performed in the predetermined area starting from the position of the icon of the stack. The operation control device according to item.
前記GUI制御部は、
前記指が前記所定のエリアの画面最下部に位置している場合において、前記指を左右に動かす操作が行われた場合、前記サムネイル列の生成を続行することを特徴とする請求項1〜4のいずれか一項に記載の操作制御装置。
The GUI control unit
The generation of the thumbnail row is continued when an operation of moving the finger to the left or right is performed when the finger is positioned at the bottom of the screen of the predetermined area. The operation control device according to any one of the above.
撮影画像に基づくサムネイル画像を表示する表示部と、前記表示部に重ねて設けられるタッチパネルと、を備えた操作制御装置が行う操作制御方法であって、
前記表示部の画面における所定エリアに対するユーザの指操作により前記タッチパネルを介して入力されるドラッグ軌跡の速度に応じて複数の前記サムネイル画像を配列したサムネイル列において隣接するサムネイル画像同士の表示間隔を制御するステップ
を有することを特徴とする操作制御方法。
An operation control method performed by an operation control device comprising: a display unit that displays a thumbnail image based on a captured image; and a touch panel provided to overlap the display unit,
Controls the display interval between adjacent thumbnail images in a thumbnail row in which a plurality of thumbnail images are arranged in accordance with the speed of a drag trajectory input via the touch panel by a user's finger operation on a predetermined area on the screen of the display unit An operation control method comprising the steps of:
撮影画像に基づくサムネイル画像を表示する表示部と、前記表示部に重ねて設けられるタッチパネルと、を備えた操作制御装置に、
前記表示部の画面における所定エリアに対するユーザの指操作により前記タッチパネルを介して入力されるドラッグ軌跡の速度に応じて複数の前記サムネイル画像を配列したサムネイル列において隣接するサムネイル画像同士の表示間隔を制御するステップ
を実行させることを特徴とする操作制御用プログラム。
In an operation control device comprising a display unit for displaying a thumbnail image based on a photographed image, and a touch panel provided to overlap the display unit,
Controls the display interval between adjacent thumbnail images in a thumbnail row in which a plurality of thumbnail images are arranged in accordance with the speed of a drag trajectory input via the touch panel by a user's finger operation on a predetermined area on the screen of the display unit An operation control program characterized by causing a step to be executed to be executed.
JP2013142982A 2013-07-08 2013-07-08 Operation control device Expired - Fee Related JP5570636B2 (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
JP2013142982A JP5570636B2 (en) 2013-07-08 2013-07-08 Operation control device

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
JP2013142982A JP5570636B2 (en) 2013-07-08 2013-07-08 Operation control device

Related Parent Applications (1)

Application Number Title Priority Date Filing Date
JP2009102292A Division JP2010250766A (en) 2009-04-20 2009-04-20 Device, method and program for controlling operation

Related Child Applications (1)

Application Number Title Priority Date Filing Date
JP2014129683A Division JP5806762B2 (en) 2014-06-24 2014-06-24 Operation control device and operation control method

Publications (2)

Publication Number Publication Date
JP2013200898A true JP2013200898A (en) 2013-10-03
JP5570636B2 JP5570636B2 (en) 2014-08-13

Family

ID=49521033

Family Applications (1)

Application Number Title Priority Date Filing Date
JP2013142982A Expired - Fee Related JP5570636B2 (en) 2013-07-08 2013-07-08 Operation control device

Country Status (1)

Country Link
JP (1) JP5570636B2 (en)

Cited By (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2016045847A (en) * 2014-08-26 2016-04-04 任天堂株式会社 Information processor, information processing system, information processing program, and method for information processing
CN106575424A (en) * 2014-07-31 2017-04-19 三星电子株式会社 Method and apparatus for visualizing music information
CN112180841A (en) * 2020-09-25 2021-01-05 乐聚(深圳)机器人技术有限公司 Man-machine interaction method, device, equipment and storage medium
US10908773B2 (en) 2014-08-26 2021-02-02 Nintendo Co., Ltd. Home screen settings for information processing device and information processing system, and recording medium therefor

Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2000075977A (en) * 1998-08-31 2000-03-14 Sharp Corp Information processor equipped with function for displaying visualized data, display method for visualized data, and recording medium where program for its display method is recorded
JP2008040771A (en) * 2006-08-07 2008-02-21 Fuji Xerox Co Ltd Presentative image re-arranging device

Patent Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2000075977A (en) * 1998-08-31 2000-03-14 Sharp Corp Information processor equipped with function for displaying visualized data, display method for visualized data, and recording medium where program for its display method is recorded
JP2008040771A (en) * 2006-08-07 2008-02-21 Fuji Xerox Co Ltd Presentative image re-arranging device

Cited By (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN106575424A (en) * 2014-07-31 2017-04-19 三星电子株式会社 Method and apparatus for visualizing music information
CN106575424B (en) * 2014-07-31 2020-08-18 三星电子株式会社 Method and apparatus for visualizing music information
JP2016045847A (en) * 2014-08-26 2016-04-04 任天堂株式会社 Information processor, information processing system, information processing program, and method for information processing
US10126917B2 (en) 2014-08-26 2018-11-13 Nintendo Co., Ltd. Information processing device, information processing system, and recording medium
US10534510B2 (en) 2014-08-26 2020-01-14 Nintendo Co., Ltd. Information processing device, information processing system, and recording medium
US10908773B2 (en) 2014-08-26 2021-02-02 Nintendo Co., Ltd. Home screen settings for information processing device and information processing system, and recording medium therefor
CN112180841A (en) * 2020-09-25 2021-01-05 乐聚(深圳)机器人技术有限公司 Man-machine interaction method, device, equipment and storage medium
CN112180841B (en) * 2020-09-25 2021-10-08 乐聚(深圳)机器人技术有限公司 Man-machine interaction method, device, equipment and storage medium

Also Published As

Publication number Publication date
JP5570636B2 (en) 2014-08-13

Similar Documents

Publication Publication Date Title
JP2010250766A (en) Device, method and program for controlling operation
JP5259315B2 (en) Image search device, digital camera, image search method, and image search program
US8564624B2 (en) Image processing apparatus, image processing method, and program
US10462355B2 (en) Image processing apparatus to generate combined images
KR101335325B1 (en) Display control apparatus and display control method
JP5129181B2 (en) Operation control device, camera, operation control method, and operation control program
JP2012037974A (en) Display controller, display control method, program and recording medium
US20150149945A1 (en) Display control apparatus and control method therefor
JP2010258712A (en) Operation control apparatus, operation control method and program for operation control
JP5885517B2 (en) Display control device, display control method for display control device, and program
JP5570636B2 (en) Operation control device
JP5174735B2 (en) Operation control device, operation control method, and operation control program
JP2010250768A (en) Operation controller, operation control method and program for operation control
JP5581628B2 (en) Display control apparatus, display control method, and display control program
CN103546684B (en) Display control unit and control method thereof
JP5806762B2 (en) Operation control device and operation control method
JP2010074297A (en) Digital camera, image search apparatus, image search method, and program for image search
JP5274352B2 (en) Operation control device, operation control method, and operation control program
JP5341244B2 (en) Operation control device, camera, operation control method, and operation control program
JP2010166417A (en) Camera, display control unit for camera, display control method, and program for display control
JP6598625B2 (en) Image processing apparatus and control method thereof
JP4899538B2 (en) Information processing apparatus and method, and program
JP2010257153A (en) Operation controller, operation control method and operation-control program
JP6584269B2 (en) Electronic device and control method thereof

Legal Events

Date Code Title Description
A621 Written request for application examination

Free format text: JAPANESE INTERMEDIATE CODE: A621

Effective date: 20130708

A977 Report on retrieval

Free format text: JAPANESE INTERMEDIATE CODE: A971007

Effective date: 20140115

A131 Notification of reasons for refusal

Free format text: JAPANESE INTERMEDIATE CODE: A131

Effective date: 20140121

A521 Request for written amendment filed

Free format text: JAPANESE INTERMEDIATE CODE: A523

Effective date: 20140303

A131 Notification of reasons for refusal

Free format text: JAPANESE INTERMEDIATE CODE: A131

Effective date: 20140401

A521 Request for written amendment filed

Free format text: JAPANESE INTERMEDIATE CODE: A523

Effective date: 20140509

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: 20140527

A61 First payment of annual fees (during grant procedure)

Free format text: JAPANESE INTERMEDIATE CODE: A61

Effective date: 20140624

R150 Certificate of patent or registration of utility model

Ref document number: 5570636

Country of ref document: JP

Free format text: JAPANESE INTERMEDIATE CODE: R150

S111 Request for change of ownership or part of ownership

Free format text: JAPANESE INTERMEDIATE CODE: R313111

R350 Written notification of registration of transfer

Free format text: JAPANESE INTERMEDIATE CODE: R350

S531 Written request for registration of change of domicile

Free format text: JAPANESE INTERMEDIATE CODE: R313531

R350 Written notification of registration of transfer

Free format text: JAPANESE INTERMEDIATE CODE: R350

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250

LAPS Cancellation because of no payment of annual fees