[go: up one dir, main page]
More Web Proxy on the site http://driver.im/

JP2020071574A - Display method and display device - Google Patents

Display method and display device Download PDF

Info

Publication number
JP2020071574A
JP2020071574A JP2018203694A JP2018203694A JP2020071574A JP 2020071574 A JP2020071574 A JP 2020071574A JP 2018203694 A JP2018203694 A JP 2018203694A JP 2018203694 A JP2018203694 A JP 2018203694A JP 2020071574 A JP2020071574 A JP 2020071574A
Authority
JP
Japan
Prior art keywords
image
thumbnail
display
images
bundle
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
JP2018203694A
Other languages
Japanese (ja)
Other versions
JP7206807B2 (en
Inventor
山田 裕介
Yusuke Yamada
裕介 山田
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.)
Seiko Epson Corp
Original Assignee
Seiko Epson 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 Seiko Epson Corp filed Critical Seiko Epson Corp
Priority to JP2018203694A priority Critical patent/JP7206807B2/en
Publication of JP2020071574A publication Critical patent/JP2020071574A/en
Application granted granted Critical
Publication of JP7206807B2 publication Critical patent/JP7206807B2/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Landscapes

  • User Interface Of Digital Computer (AREA)

Abstract

To provide a display method and a display device with which the entire contents of a folder can be looked over in a single display area.SOLUTION: A display device includes a plurality of image bundles (thumbnail bundles 21, 22, 23, 24) formed of a plurality of images (thumbnail images 11, 12) that are arranged on a first virtual axis, rotated centered on second virtual axes intersecting the first virtual axis, and rotated centered on the first virtual axis to be displayed, the image bundles having the plurality of images arranged side by side in a first direction in a display unit, and the plurality of image bundles are arranged along a second direction intersecting the first direction.SELECTED DRAWING: Figure 3

Description

本発明は、表示方法、および表示装置に関する。   The present invention relates to a display method and a display device.

従来、複数のフォルダーやファイルに含まれている複数の画像を表示する表示方法として、複数のフォルダー、および該フォルダーの下位階層、例えばファイルに含まれている複数の画像を、マトリックス状に配置し、表示部に表示する表示方法が開示されている(例えば、特許文献1参照)。   Conventionally, as a display method for displaying a plurality of images included in a plurality of folders or files, a plurality of folders and lower layers of the folders, for example, a plurality of images included in a file are arranged in a matrix. A display method of displaying on a display unit is disclosed (for example, see Patent Document 1).

特開2005−352701号公報JP, 2005-352701, A

特許文献1に記載されている表示方法は、複数のフォルダーやファイル、およびそれらに含まれている複数の画像などが、表示部に平面的なマトリックス表示として並んで配置された表示である。しかしながら、表示部の表示領域に表示可能なフォルダーやファイルおよび画像の数に限りがあるため、平面的なマトリックス表示では、全てのフォルダーやファイルおよび画像を表示することができず、フォルダーやファイルの中身全体を俯瞰することが困難であった。   The display method described in Patent Document 1 is a display in which a plurality of folders and files, a plurality of images included therein, and the like are arranged side by side as a flat matrix display on the display unit. However, because the number of folders, files, and images that can be displayed in the display area of the display unit is limited, it is not possible to display all folders, files, and images in a flat matrix display, and folders and files cannot be displayed. It was difficult to get an overview of the entire contents.

本願の表示方法は、第1の仮想軸上に配置された複数の画像のそれぞれが、前記第1の仮想軸と交差するそれぞれの第2の仮想軸を中心にして回転し、さらに前記第1の仮想軸を中心に回転して表示部に表示させる表示方法であって、前記複数の画像が前記表示部における前記第1の方向に並んで配置されている画像束を複数有し、複数の前記画像束は、前記第1の方向と交差する第2の方向に沿って配置する。   According to the display method of the present application, each of the plurality of images arranged on the first virtual axis rotates around each second virtual axis intersecting the first virtual axis, and further, the first image. Is a method of displaying the image on the display unit by rotating it around the virtual axis of, and wherein the plurality of images has a plurality of image bundles arranged side by side in the first direction in the display unit. The image bundle is arranged along a second direction intersecting with the first direction.

上述の表示方法において、前記画像は、隣り合う前記画像と一部が重なる状態を含み配置することとしてもよい。   In the display method described above, the images may be arranged including a state in which the images partially overlap with the adjacent images.

上述の表示方法において、前記画像束は、それぞれのページ数を有するファイルを含み、前記ファイルの代表ページに係る前記画像を、前記第1の方向において前記画像束に並んで表示することとしてもよい。   In the display method described above, the image bundle may include files having respective page numbers, and the images related to the representative page of the file may be displayed side by side in the image bundle in the first direction. ..

上述の表示方法において、前記画像束の背景に、前記画像束に含まれるファイルの代表ページに係る前記画像の一部を表示することとしてもよい。   In the above display method, a part of the image relating to the representative page of the files included in the image bundle may be displayed on the background of the image bundle.

上述の表示方法において、前記代表ページに係る前記画像を、グラデーション表示することとしてもよい。   In the above display method, the image of the representative page may be displayed in gradation.

上述の表示方法において、前記代表ページに係る前記画像に、ファイル名を表示することとしてもよい。   In the above display method, a file name may be displayed on the image related to the representative page.

上述の表示方法において、直近に既読した前記画像は、前記画像束の内において見開き状態で表示することとしてもよい。   In the display method described above, the most recently read image may be displayed in a spread state in the image bundle.

上述の表示方法において、前記ファイルに含まれている前記画像を、それぞれのドキュメントに応じて区分し、区分された前記ドキュメントごとの前記画像を、複数の前記画像束に割り当てて表示することとしてもよい。   In the display method described above, the image included in the file may be divided according to each document, and the image of each divided document may be assigned to a plurality of image bundles and displayed. Good.

上述の表示方法において、区分された前記ドキュメントを収納する前記画像束には、対応する前記ドキュメントの内容を示す表題を付帯表示することとしてもよい。   In the display method described above, a title indicating the content of the corresponding document may be additionally displayed on the image bundle containing the divided documents.

上述の表示方法において、前記画像束は、前記ページ数に応じて降順、もしくは昇順に配列することとしてもよい。   In the display method described above, the image bundles may be arranged in descending order or ascending order according to the number of pages.

上述の表示方法において、前記画像束に含まれる前記画像数は、上限数が定められており、前記上限数を超える前記画像は、隣り合う前記画像束に分割して表示することとしてもよい。   In the above display method, an upper limit number is set for the number of images included in the image bundle, and the images exceeding the upper limit number may be divided into adjacent image bundles and displayed.

上述の表示方法において、複数の前記ファイルそれぞれの先頭ページをレンダリングした前記画像が、前記第1の方向に並んで表示されている前記画像束を含むこととしてもよい。   In the above-mentioned display method, the image in which the first page of each of the plurality of files is rendered may include the image bundle displayed side by side in the first direction.

本願の表示装置は、複数の画像で構成されている画像束を表示する表示部と、第1の仮想軸上に配置され、前記第1の仮想軸と交差するそれぞれの第2の仮想軸を中心にして回転し、さらに前記第1の仮想軸を中心に回転した前記複数の画像を生成する画像生成部と、前記複数の画像が、前記表示部における第1の方向に並べて配置した複数の画像束の画像を生成する表示画像生成部と、前記表示画像生成部で生成された前記画像束の画像を、前記第1の方向と交差する第2の方向に沿って配置して前記表示部に表示する制御部と、を備えている。   A display device according to the present application includes a display unit that displays an image bundle composed of a plurality of images, and a second virtual axis that is arranged on a first virtual axis and that intersects the first virtual axis. An image generation unit that rotates about the center and further rotates about the first virtual axis, and a plurality of images that are arranged side by side in the first direction on the display unit. A display image generation unit that generates an image of an image bundle and an image of the image bundle generated by the display image generation unit are arranged along a second direction intersecting the first direction, and the display unit. And a control unit for displaying.

実施形態に係る表示装置の一例としてのスマートフォンの概略を示す外観斜視図。FIG. 1 is an external perspective view showing an outline of a smartphone as an example of a display device according to an embodiment. 表示装置のハードウェア構成を示すブロック図。The block diagram which shows the hardware constitutions of a display device. 画像としてのサムネイル画像を含む画像束としてのサムネイル束の表示例1を示す図。FIG. 6 is a diagram showing a display example 1 of thumbnail bundles as an image bundle including thumbnail images as images. サムネイル画像の表示方法1を説明するフローチャート。The flowchart explaining the display method 1 of a thumbnail image. サムネイル画像を変形させる処理を説明するための図。FIG. 6 is a diagram for explaining a process of transforming a thumbnail image. サムネイル画像を変形させる処理を説明するための図。FIG. 6 is a diagram for explaining a process of transforming a thumbnail image. サムネイル画像を変形させる処理を説明するための図。FIG. 6 is a diagram for explaining a process of transforming a thumbnail image. サムネイル画像を変形させる処理を説明するための図。FIG. 6 is a diagram for explaining a process of transforming a thumbnail image. サムネイル画像を変形させる処理を説明するための図。FIG. 6 is a diagram for explaining a process of transforming a thumbnail image. サムネイル画像の表示方法2を説明するフローチャート。The flowchart explaining the display method 2 of a thumbnail image. サムネイル画像を含むサムネイル束の表示例2を示す図。FIG. 6 is a diagram showing a second display example of thumbnail bundles including thumbnail images. 表示例2の表示変更動作を説明する図。7A and 7B are diagrams illustrating a display change operation of display example 2; 表示例2の他の表示変更動作を説明する図。FIG. 11 is a diagram illustrating another display change operation of display example 2; 表示例2の変形例を示す図。FIG. 8 is a diagram showing a modification of display example 2; サムネイル画像の表示方法3を説明するフローチャート。The flowchart explaining the display method 3 of a thumbnail image. サムネイル画像を含むサムネイル束の表示例3を示す図。FIG. 11 is a diagram showing a third display example of thumbnail bundles including thumbnail images. サムネイル画像を含むサムネイル束の表示例4を示す図。FIG. 11 is a diagram showing a display example 4 of thumbnail bundles including thumbnail images. サムネイル画像を含むサムネイル束の表示例5を示す図。FIG. 10 is a diagram showing a display example 5 of thumbnail bundles including thumbnail images. サムネイル画像を含むサムネイル束の表示例6を示す図。FIG. 13 is a diagram showing a display example 6 of thumbnail bundles including thumbnail images.

以下、各図面に沿って、表示装置、および該表示装置への表示方法の実施形態について説明する。なお、以下で説明する実施形態は、特許請求の範囲に記載された本発明の内容を不当に限定するものではない。また、以下の実施形態で説明される構成の全てが、本発明の必須構成要件であるとは限らない。   Hereinafter, embodiments of a display device and a display method on the display device will be described with reference to the drawings. The embodiments described below do not unduly limit the content of the invention described in the claims. In addition, not all of the configurations described in the following embodiments are essential components of the invention.

[実施形態]
1.表示装置
先ず、図1、図2、および図3を参照して、実施形態に係る表示装置の構成について説明する。図1は、実施形態に係る表示装置の一例としてのスマートフォンの概略を示す外観斜視図である。図2は、表示装置のハードウェア構成を示すブロック図である。なお、図2は、表示装置において電子書籍や電子写真の各ページおよびサムネイル画像およびサムネイル束の表示に係る機能の構成を示したブロック図である。図3は、画像としてのサムネイル画像を含む画像束としてのサムネイル束の表示例1を示す図である。
[Embodiment]
1. Display Device First, the configuration of the display device according to the embodiment will be described with reference to FIGS. 1, 2, and 3. FIG. 1 is an external perspective view schematically showing a smartphone as an example of a display device according to an embodiment. FIG. 2 is a block diagram showing the hardware configuration of the display device. 2. FIG. 2 is a block diagram showing a configuration of a function relating to display of each page of an electronic book or electronic photograph, a thumbnail image, and a thumbnail bundle on the display device. FIG. 3 is a diagram showing a display example 1 of thumbnail bundles as an image bundle including thumbnail images as images.

表示装置100は、図1に示すように、電子書籍や電子写真などを閲覧するための装置であり、フォルダーやファイルや電子書籍や電子写真などの各ページの画像や表示したい画面の検索画面として、電子書籍や電子写真の各ページを縮小した画像としてのサムネイル画像を表示する。つまり、表示装置100は、画像を表示可能な電子機器の一例である。なお、以下では、表示装置100に表示する画像として、サムネイル画像11,12など(図3参照)、およびサムネイル画像11,12などを並べて表示する画像束としてサムネイル束21,22,23,24(図3参照)を例示して説明する。また、本実施形態では、フォルダーやファイルを総称して、ファイルを用いて説明する。   As shown in FIG. 1, the display device 100 is a device for browsing an electronic book, an electronic photograph, or the like, and serves as an image of each page such as a folder or file, an electronic book, an electronic photograph, or a search screen for a screen to be displayed. , Thumbnail images as reduced images of each page of an electronic book or electronic photograph are displayed. That is, the display device 100 is an example of an electronic device capable of displaying an image. In the following description, thumbnail images 11, 12 and the like (see FIG. 3) are displayed as images on the display device 100, and thumbnail bundles 21, 22, 23, 24 (and image bundles for displaying the thumbnail images 11, 12 and the like are displayed side by side). (See FIG. 3) will be described as an example. In the present embodiment, folders and files will be generically described using files.

また、以下の説明では、「第1の方向」、および「第2の方向」を用いているが、本明細書における「第1の方向」とは、表示部140の表示が判読可能な状態で、表示部140を構成する画面をユーザーに正対させたときの水平方向(横方向)に相当する。また、「第2の方向」とは、第1の方向と交差する方向であり、表示部140の表示が判読可能な状態で、表示部140を構成する画面をユーザーに正対させたときの垂直方向(縦方向)に相当する。また、表示装置100や表示部140の説明に用いる各図面には、説明の便宜上、互いに直交する2軸を、X軸、およびY軸として設定していている。即ち、X軸は、表示部140の水平方向(横方向)に沿った方向である「第1の方向」、Y軸は、表示部140の垂直方向(縦方向)に沿った方向である「第2の方向」と一致している。また、説明の便宜上、Y軸の正方向を「上」、または「上側」、Y軸の負方向を「下」、または「下側」、X軸の正方向を「右」、または「右側」、X軸の負方向を「左」、または「左側」、ということがある。   Further, in the following description, the “first direction” and the “second direction” are used, but the “first direction” in this specification means that the display of the display unit 140 is legible. Corresponds to the horizontal direction (horizontal direction) when the screen constituting the display unit 140 is directly faced to the user. Further, the “second direction” is a direction intersecting with the first direction, and when the display of the display unit 140 is legible and the screen constituting the display unit 140 is directly facing the user. It corresponds to the vertical direction (vertical direction). Further, in the drawings used for describing the display device 100 and the display unit 140, for convenience of description, two axes orthogonal to each other are set as an X axis and a Y axis. That is, the X axis is the “first direction” that is the direction along the horizontal direction (horizontal direction) of the display unit 140, and the Y axis is the direction that is along the vertical direction (vertical direction) of the display unit 140. "The second direction". Further, for convenience of explanation, the positive direction of the Y-axis is “upper” or “upper”, the negative direction of the Y-axis is “lower” or “lower”, and the positive direction of the X-axis is “right” or “right side”. , And the negative direction of the X axis may be referred to as “left” or “left side”.

表示装置100は、例えばスマートフォンやタブレット型の端末装置などで構成することができる。表示装置100は、他の情報処理装置(不図示)と、例えばBluetooth(登録商標)通信などを例示することができる近距離無線通信や有線通信(不図示)等によって接続されることができる。   The display device 100 can be configured by, for example, a smartphone or a tablet type terminal device. The display device 100 can be connected to another information processing device (not shown) by short-distance wireless communication or wired communication (not shown), which can exemplify Bluetooth (registered trademark) communication or the like.

本実施形態に係る表示装置100は、図1に示すように、画像を表示する表示部140、およびユーザーに操作される操作ボタンなどの操作部150を備えているスマートフォンを例示している。ユーザーは、表示装置100の液晶ディスプレイ等を用いた表示部140に表示された画像を視認することができる。   As shown in FIG. 1, the display device 100 according to the present embodiment exemplifies a smartphone including a display unit 140 that displays an image and an operation unit 150 such as an operation button operated by a user. The user can visually recognize the image displayed on the display unit 140 using the liquid crystal display or the like of the display device 100.

表示装置100は、図2に示すように、ハードウェア構成として、サムネイル画像生成部120および表示画像生成部130を含む制御部110、表示部140、操作部150、および記憶部160を備えている。   As shown in FIG. 2, the display device 100 includes, as a hardware configuration, a control unit 110 including a thumbnail image generation unit 120 and a display image generation unit 130, a display unit 140, an operation unit 150, and a storage unit 160. ..

制御部110は、サムネイル画像生成部120および表示画像生成部130を含む。制御部110は、CPU(Central Processing Unit)、ROM(Read Only Memory)、RAM(Random Access Memory)等を備えたマイクロコンピューターであり、ROMに記憶されたプログラムに従って表示装置100の各部を制御する。制御部110は、操作部150から送られた信号から操作内容を特定し、特定した内容に応じて、電子書籍のページを送る処理、ページを戻す処理、サムネイル画像やサムネイル束などの表示画像を表示部140に表示させる処理などを行う。   The control unit 110 includes a thumbnail image generation unit 120 and a display image generation unit 130. The control unit 110 is a microcomputer including a CPU (Central Processing Unit), a ROM (Read Only Memory), a RAM (Random Access Memory), etc., and controls each unit of the display device 100 according to a program stored in the ROM. The control unit 110 identifies the operation content from the signal sent from the operation unit 150, and according to the identified content, the process of sending the page of the electronic book, the process of returning the page, the display image such as the thumbnail image or the thumbnail bundle is displayed. Processing such as displaying on the display unit 140 is performed.

具体的に、制御部110は、記憶部160にアクセスし、電子書籍や電子写真などの各種データを記憶部160に書き込んだり読み出したりすることができる。また、制御部110は、サムネイル画像生成部120、および表示画像生成部130に対して、電子書籍や電子写真などの各ページに係る各種データや電子書籍や電子写真などの各種データを縮小したサムネイル画像やサムネイル束の画像を生成させたり、それらの表示画像データを生成させたりすることができる。   Specifically, the control unit 110 can access the storage unit 160 and write and read various data such as an electronic book and an electronic photograph in the storage unit 160. In addition, the control unit 110 causes the thumbnail image generation unit 120 and the display image generation unit 130 to reduce various data relating to each page such as an electronic book or electronic photograph, or thumbnails obtained by reducing various data such as an electronic book or electronic photograph. It is possible to generate an image or an image of a bundle of thumbnails, or generate display image data thereof.

また、制御部110は、図3に示すように、表示画像生成部130で生成された画像束としてのサムネイル束21,22,23,24の画像を、表示部140の垂直方向である第2の方向(図中Y軸)に沿って順次配置して表示部140に表示する。また、制御部110は、表示画像生成部130で生成された、例えばサムネイル束21に含まれる複数のサムネイル画像11,12などから、このファイルの代表ページとして選択されている代表サムネイル画像31を、表示部140の水平方向である第1の方向(図中X軸)の、例えば図中左側の位置に、サムネイル束21に並べて表示する。   In addition, as illustrated in FIG. 3, the control unit 110 sets the images of the thumbnail bundles 21, 22, 23, and 24, which are the image bundles generated by the display image generation unit 130, in the vertical direction of the display unit 140. Are sequentially arranged along the direction (Y axis in the figure) and displayed on the display unit 140. In addition, the control unit 110 selects the representative thumbnail image 31 selected as the representative page of this file from the plurality of thumbnail images 11 and 12 included in the thumbnail bundle 21 generated by the display image generating unit 130, for example. The thumbnail bundles 21 are displayed side by side at a position on the left side in the drawing, for example, in the first direction (X axis in the drawing) that is the horizontal direction of the display unit 140.

なお、図3では、サムネイル束21において、構成するサムネイル画像11,12を示し、一つのファイルに含まれる複数のページに相応する複数のサムネイル画像の代表としている。また、図3に示す表示例1では、サムネイル束21に加えて、三つのサムネイル束22,23,24が表示され、それぞれのサムネイル束22,23,24の第1の方向において、それぞれのファイルの代表ページとして選択されている代表サムネイル画像32,33,34を、サムネイル束22,23,24それぞれの、図中左側に並べて表示する。   Note that, in FIG. 3, the thumbnail images 11 and 12 that are included in the thumbnail bundle 21 are shown and are representative of a plurality of thumbnail images corresponding to a plurality of pages included in one file. Further, in the display example 1 shown in FIG. 3, in addition to the thumbnail bundle 21, three thumbnail bundles 22, 23, 24 are displayed, and the respective thumbnail bundles 22, 23, 24 are displayed in the first direction. The representative thumbnail images 32, 33, 34 selected as the representative page of are displayed side by side on the left side of the thumbnail bundles 22, 23, 24 in the drawing.

具体的に、サムネイル束22の第1の方向に沿った図中左側に、サムネイル束22の代表ページ示す代表サムネイル画像32が表示されている。また、サムネイル束23の第1の方向に沿った図中左側に、代表ページを示す代表サムネイル画像33が表示されている。また、サムネイル束24の第1の方向に沿った図中左側に、代表ページを示す代表サムネイル画像34が表示されている。   Specifically, the representative thumbnail image 32 showing the representative page of the thumbnail bundle 22 is displayed on the left side of the thumbnail bundle 22 in the drawing along the first direction. Further, a representative thumbnail image 33 showing a representative page is displayed on the left side of the thumbnail bundle 23 along the first direction in the drawing. Further, a representative thumbnail image 34 showing a representative page is displayed on the left side of the thumbnail bundle 24 along the first direction in the drawing.

なお、ファイルの代表ページとして選択されて表示されている代表サムネイル画像31,32,33,34は、それぞれのサムネイル束21,22,23,24の図中右側に配置されてもよい。このように、代表サムネイル画像31,32,33,34をサムネイル束21,22,23,24の図中右側に配置すると、サムネイル画像11に相当するページのドキュメントが縦書きである場合の使い勝手を向上させることができる。また、例えば代表サムネイル画像31,32,33,34は、それぞれのサムネイル束21,22,23,24の、Y軸に沿った上方、もしくは下方に配置してもよい。   The representative thumbnail images 31, 32, 33, 34 selected and displayed as the representative page of the file may be arranged on the right side of the thumbnail bundles 21, 22, 23, 24 in the figure. In this way, by arranging the representative thumbnail images 31, 32, 33, and 34 on the right side of the thumbnail bundles 21, 22, 23, and 24 in the figure, usability in the case where the document of the page corresponding to the thumbnail image 11 is vertically written. Can be improved. Further, for example, the representative thumbnail images 31, 32, 33, 34 may be arranged above or below the respective thumbnail bundles 21, 22, 23, 24 along the Y axis.

サムネイル画像生成部120は、記憶部160から各種データを読み出し、電子書籍や電子写真などの各種データを縮小したサムネイル画像を生成する。また、サムネイル画像生成部120は、ユーザーが選択して開いているページの画像、もしくは代表ページの画像(以下、選択画像と称する)を生成したり、その画像のサムネイル画像である代表サムネイル画像31,32,33,34を生成したりする。   The thumbnail image generation unit 120 reads various data from the storage unit 160 and generates thumbnail images obtained by reducing various data such as electronic books and electronic photographs. The thumbnail image generation unit 120 also generates an image of a page selected and opened by the user or an image of a representative page (hereinafter referred to as a selected image), and a representative thumbnail image 31 that is a thumbnail image of the image. , 32, 33, 34 are generated.

具体的に、サムネイル画像生成部120は、例えば表示部140を構成する画面の水平方向である第1の方向に沿った第1の仮想軸上に配置され、この第1の仮想軸と交差し、表示部140の画面の垂直方向である第2の方向に沿ったそれぞれの第2の仮想軸を中心にして回転し、さらに第1の仮想軸を中心に回転した複数の画像としてのサムネイル画像11,12などを生成する。なお、このサムネイル画像11,12などの生成方法については、後段にて詳細に説明する。   Specifically, the thumbnail image generation unit 120 is arranged on a first virtual axis along a first direction, which is a horizontal direction of a screen forming the display unit 140, and intersects with the first virtual axis. , Thumbnail images as a plurality of images rotated about respective second virtual axes along the second direction which is the vertical direction of the screen of the display unit 140, and further rotated around the first virtual axis 11 and 12 are generated. The method for generating the thumbnail images 11 and 12 will be described in detail later.

表示画像生成部130は、サムネイル画像生成部120によって生成された複数のページの各サムネイル画像11,12などを、表示部140の水平方向である第1の方向(X軸)に並べて配置したサムネイル束の画像を生成する。つまり、表示画像生成部130は、一つのサムネイル束、例えばサムネイル束21を、一つのファイルに含まれる各ページのサムネイル画像11,12などを含み構成する。   The display image generation unit 130 arranges the thumbnail images 11 and 12 of the plurality of pages generated by the thumbnail image generation unit 120 side by side in the first direction (X axis) that is the horizontal direction of the display unit 140. Generate a bunch of images. That is, the display image generation unit 130 is configured to include one thumbnail bundle, for example, the thumbnail bundle 21 including the thumbnail images 11 and 12 of each page included in one file.

また、表示画像生成部130は、各サムネイル画像11,12を、隣り合って配置されるサムネイル画像と一部が重なる状態を含み、第1の方向に並んで配置する。このように、サムネイル画像11,12などが、隣り合うサムネイル画像と一部が重なる状態を含むことから、一つのサムネイル束21に含まれるサムネイル画像11,12などの数を多くすることができる。   Further, the display image generation unit 130 arranges the thumbnail images 11 and 12 side by side in the first direction, including a state where a part of the thumbnail images 11 and 12 overlaps with the thumbnail images arranged adjacent to each other. As described above, the thumbnail images 11 and 12 and the like include a state in which the thumbnail images partially overlap with the adjacent thumbnail images, so that the number of thumbnail images 11 and 12 and the like included in one thumbnail bundle 21 can be increased.

そして、表示画像生成部130は、このような構成の複数のサムネイル束21,22,23,24を構成する。なお、サムネイル束21,22,23,24の配置数は、図3に示す四つ(四列)に限らず、単数、もしくは四つ以外の複数であってもよい。   Then, the display image generation unit 130 forms a plurality of thumbnail bundles 21, 22, 23, 24 having such a configuration. The number of thumbnail bundles 21, 22, 23, 24 arranged is not limited to four (four columns) shown in FIG. 3, and may be a single number or a plurality other than four.

表示部140は、制御部110の指示に基づいて、複数のサムネイル画像11,12などを含むサムネイル束21,22,23,24、および各サムネイル束21,22,23,24の代表ページの代表サムネイル画像31,32,33,34などを画像として表示する。表示部140は、例えば液晶ディスプレイとタッチパッドのような位置入力装置を組み合わせたタッチパネルで構成することができる。   The display unit 140 is a representative of thumbnail bundles 21, 22, 23, 24 including a plurality of thumbnail images 11, 12, etc., and representative pages of the thumbnail bundles 21, 22, 23, 24, based on an instruction from the control unit 110. The thumbnail images 31, 32, 33, 34 and the like are displayed as images. The display unit 140 can be configured by a touch panel that combines a liquid crystal display and a position input device such as a touch pad.

操作部150は、ユーザーに操作される操作ボタンやタッチパネルなどによって構成されている。操作部150は、操作ボタンを押し下げたり、タッチパネルをドラッグアンドドロップやフリックなどの操作によって生じる操作信号を、制御部110へ送ることができる。   The operation unit 150 includes operation buttons and a touch panel operated by the user. The operation unit 150 can send an operation signal to the control unit 110, which is generated by pressing an operation button or operating the touch panel by dragging and dropping or flicking.

記憶部160は、書籍データや電子写真データなどを表示部140に表示させる画像データとして記憶するメモリーである。なお、記憶部160は、ファイルとして、例えば複数の書籍データに係る複数のページを一つのまとまりとして収納しているファイルや複数の電子写真データを一つのまとまりとして収納しているファイルなどを記憶することができる。   The storage unit 160 is a memory that stores book data, electrophotographic data, and the like as image data to be displayed on the display unit 140. The storage unit 160 stores, as files, for example, a file that stores a plurality of pages related to a plurality of book data as a unit, a file that stores a plurality of electrophotographic data as a unit, and the like. be able to.

本実施形態の表示装置100によれば、表示部140を構成する画面の水平方向である第1の方向(X軸)に沿った第1の仮想軸上に配置され、この第1の仮想軸と交差する第2の方向(Y軸)に沿った第2の仮想軸を中心に回転し、さらに第1の仮想軸を中心回転した複数の画像としてのサムネイル画像11,12などを用いて表示する。表示装置100は、このサムネイル画像11,12などを第1の方向に並べて配置した画像束としてのサムネイル束21,22,23,24が表示部140に、第1の方向(X軸)と交差する第2の方向(Y軸)に沿って複数配置されて表示されている。これにより、表示装置100は、表示部140の限られた表示領域に、より多くのサムネイル束21,22,23,24およびサムネイル画像11,12などを表示することができる。このように、表示部140の限られた表示領域においても、画像束の中身、換言すれば各ページの集合体であるフォルダーやファイルの中身全体を俯瞰することができる表示装置100を提供することができる。   According to the display device 100 of the present embodiment, the display unit 140 is arranged on the first virtual axis along the first direction (X axis) which is the horizontal direction of the screen, and the first virtual axis is arranged. Displayed using thumbnail images 11 and 12 as a plurality of images rotated about a second virtual axis along a second direction (Y axis) intersecting with and further rotated about the first virtual axis. To do. In the display device 100, the thumbnail bundles 21, 22, 23, and 24 as image bundles in which the thumbnail images 11 and 12 are arranged side by side in the first direction intersect the display unit 140 in the first direction (X axis). A plurality of them are arranged and displayed along the second direction (Y axis). As a result, the display device 100 can display more thumbnail bundles 21, 22, 23, 24, thumbnail images 11, 12, etc. in the limited display area of the display unit 140. In this way, it is possible to provide the display device 100 that can provide a bird's-eye view of the contents of an image bundle, in other words, the entire contents of a folder or file that is an aggregate of each page, even in a limited display area of the display unit 140. You can

2.表示方法
[表示方法1]
(表示例1)
次に、図4を参照して表示装置100における表示方法1について説明する。図4は、サムネイル画像の表示方法1を説明するフローチャートであり、表示装置100で実行される処理の流れを示している。なお、表示装置100における構成部位に関しては、上述と同符号を付して説明する。
2. Display method [Display method 1]
(Display example 1)
Next, the display method 1 in the display device 100 will be described with reference to FIG. FIG. 4 is a flowchart for explaining the thumbnail image display method 1, and shows a flow of processing executed by the display device 100. The components of the display device 100 will be described with the same reference numerals as above.

先ず、制御部110は、記憶部160に記憶されている複数の書籍データや電子写真のファイルから、検索画面として表示するサムネイル束21,22,23,24やサムネイル束21,22,23,24を構成するサムネイル画像11,12などに対応するファイルデータを読み出す(ステップS201)。また、制御部110は、操作部150において、記憶部160に記憶されている複数の書籍データや電子写真データの中から一つを選択する操作が行われると、選択されたデータを記憶部160から読み出す。   First, the control unit 110 selects thumbnail bundles 21, 22, 23, 24 and thumbnail bundles 21, 22, 23, 24 to be displayed as a search screen from a plurality of book data and electronic photo files stored in the storage unit 160. The file data corresponding to the thumbnail images 11 and 12 and the like constituting the file are read (step S201). When the operation unit 150 performs an operation of selecting one of a plurality of book data and electrophotographic data stored in the storage unit 160, the control unit 110 stores the selected data in the storage unit 160. Read from.

次に、制御部110は、記憶部160から読み出したファイルデータの各ページのデータをサムネイル画像生成部120へ供給する(ステップS202)。サムネイル画像生成部120は、受け取った各ページのデータに基づいてレンダリングした、それぞれのページのサムネイル画像11,12などを生成し、表示画像生成部130へ供給する(ステップS203)。   Next, the control unit 110 supplies the data of each page of the file data read from the storage unit 160 to the thumbnail image generation unit 120 (step S202). The thumbnail image generation unit 120 generates thumbnail images 11 and 12 of each page rendered based on the received data of each page, and supplies the thumbnail images 11 and 12 of each page to the display image generation unit 130 (step S203).

なお、画像としてのサムネイル画像11,12などについては、例えば表示部140を構成する画面の第1の方向に沿った第1の仮想軸上に配置され、該第1の仮想軸と交差し、表示部140を構成する画面の第2の方向に沿った第2の仮想軸を中心にして回転し、さらに、第1の仮想軸を中心に回転して表示されている画像である。このように、サムネイル画像11,12などは、第2の仮想軸および第1の仮想軸を中心にして回転されることによって、表示を判読可能な状態で画面をユーザーに正対させたとき、複数のサムネイル画像11,12などで構成されるサムネイル束21,22,23,24を俯瞰できる状態に変形される。即ち、ユーザーが、サムネイル束21,22,23,24に含まれている複数のサムネイル画像11,12などを斜め上方から斜視し、俯瞰したときと同様なページの見え方となるように、各ページのサムネイル画像11,12などが変形されている。   Note that the thumbnail images 11 and 12 as images are arranged on a first virtual axis along the first direction of the screen configuring the display unit 140, intersect the first virtual axis, It is an image displayed by rotating around a second virtual axis along the second direction of the screen configuring the display unit 140, and further rotating around the first virtual axis. As described above, the thumbnail images 11 and 12 are rotated about the second virtual axis and the first virtual axis, so that when the screen is directly faced to the user in a readable state, The thumbnail bundles 21, 22, 23, and 24 composed of a plurality of thumbnail images 11 and 12 are transformed into a state in which they can be overlooked. That is, the user views the thumbnail images 11, 12, etc. included in the thumbnail bundles 21, 22, 23, 24, etc. obliquely from above so that the user can see the page in the same manner as when looking down. The thumbnail images 11 and 12 of the page are modified.

ここで図5A、図5B、図5C、図5D、および図5Eを参照して、サムネイル画像を変形させる処理について説明する。図5A〜図5Eは、サムネイル画像を変形させる処理を説明するための図である。なお、以下、サムネイル画像を変形させる処理についての説明では、上述において付されていたサムネイル画像の符号(11,12)を省略している。   Here, the process of deforming the thumbnail image will be described with reference to FIGS. 5A, 5B, 5C, 5D, and 5E. 5A to 5E are diagrams for explaining the process of deforming the thumbnail image. In the description of the process of deforming the thumbnail image, the reference numerals (11, 12) of the thumbnail image given above are omitted.

サムネイル画像生成部120から供給される各サムネイル画像は、書籍や電子写真などの各ページを平面視した画像であり、図5Bに示すように、縦方向の長さをL、横方向の長さをSとした画像11bである。換言すれば、画像11bは、縦方向の辺が表示部140の第2の方向に沿った表示領域の縦方向と平行であり、横方向の辺が表示部140の第1の方向に沿った表示領域の横方向と平行に構成されている。   Each thumbnail image supplied from the thumbnail image generation unit 120 is an image in which each page such as a book or an electronic photograph is viewed in plan. As shown in FIG. 5B, the vertical length is L and the horizontal length is L. It is the image 11b which made S into. In other words, in the image 11b, the vertical side is parallel to the vertical direction of the display area along the second direction of the display section 140, and the horizontal side is along the first direction of the display section 140. It is configured to be parallel to the horizontal direction of the display area.

サムネイル画像生成部120は、書籍や電子写真などの各ページを表す各サムネイル画像を変形した画像を生成する。具体的に、サムネイル画像生成部120は、各ページについて、図5Aに示すように、ページ11aを仮想空間内の仮想水平面Nに設定された第1の仮想軸Q上に立てて配置し、第1の仮想軸Qと交差するそれぞれの第2の仮想軸Mを中心にして、ページ11aの横方向が表示領域の横方向に平行な基準位置11から回転角θで回転させる。さらに、サムネイル画像生成部120は、仮想空間内においてそれぞれの第2の仮想軸Mを中心にして回転されたページ11aを、第1の仮想軸Qを中心にして俯角φ(不図示)で回転させた画像を生成する。即ち、サムネイル画像生成部120は、仮想空間内において、第2の仮想軸Mを中心にして回転したさせたページ11aの上辺より上の視点から、ページ11aを俯角φ(不図示)で斜めに見下ろしている画像を生成する。換言すれば、各サムネイル画像を変形した画像は、仮想空間内においてページ11aの上辺より上の視点からページ11aを俯角φ(不図示)で斜視し、俯瞰している画像として生成される。なお、ページを回転させていない場合、ページの横方向が表示領域の横方向(第1の方向)に平行な状態であり、回転角θは0°である。また、俯角φは予め定められた角度となっている。また、第2の仮想軸Mは、ページの縦方向(第2の方向)の辺に沿って平行である構成に限定されるものではなく、ページの横方向の辺と交差する構成であってもよい。   The thumbnail image generation unit 120 generates an image obtained by transforming each thumbnail image representing each page such as a book or an electronic photograph. Specifically, for each page, the thumbnail image generation unit 120 vertically arranges the page 11a on the first virtual axis Q set on the virtual horizontal plane N in the virtual space, as shown in FIG. 5A. The second virtual axis M intersecting the first virtual axis Q is rotated at a rotation angle θ from the reference position 11 in which the horizontal direction of the page 11a is parallel to the horizontal direction of the display area. Further, the thumbnail image generation unit 120 rotates the page 11a rotated about each second virtual axis M in the virtual space at the depression angle φ (not shown) about the first virtual axis Q. The generated image is generated. That is, the thumbnail image generation unit 120 obliquely tilts the page 11a at a depression angle φ (not shown) from the viewpoint above the upper side of the page 11a rotated about the second virtual axis M in the virtual space. Generate the image looking down. In other words, an image obtained by transforming each thumbnail image is generated as a bird's-eye view of the page 11a in the virtual space from a viewpoint above the upper side of the page 11a by obliquely observing the page 11a at a depression angle φ (not shown). When the page is not rotated, the horizontal direction of the page is parallel to the horizontal direction (first direction) of the display area, and the rotation angle θ is 0 °. In addition, the depression angle φ is a predetermined angle. Further, the second virtual axis M is not limited to the configuration in which the second virtual axis M is parallel to the side in the vertical direction (second direction) of the page, but may be configured to intersect the side in the horizontal direction of the page. Good.

具体的には、先ず、サムネイル画像生成部120は、各ページを正面から見た画像11b(図5B参照)に対して、図5Cに示すように、横幅を変化させないようにしつつ、縦方向の変形を加え、図5Bの画像11bの右辺を左辺に対してS・sinθ・tanφだけずらした画像11cを生成する。次に、サムネイル画像生成部120は、図5Dに示すように、図5Cの画像11cを、cosθの倍率で横方向に縮小した画像11dを生成する。この結果、画像11dの横幅は、S・cosθとなる。そして、サムネイル画像生成部120は、最後に図5Eに示すように、図5Dの画像11dをcosφの倍率で縦方向に縮小した画像11eを生成する。この結果、画像11eの縦方向の寸法は、L・cosφとなる。これにより、ページを第2の仮想軸Mを中心にして回転角θで回転させ、さらに、第1の仮想軸Qを中心に回転させた画像11eが得られる。換言すれば、ページを第2の仮想軸Mを中心にして回転角θで回転させ、且つ、ページの上辺より上の視点からページを俯角φで見下ろしたときの画像11eが得られる。   Specifically, first, the thumbnail image generation unit 120 does not change the horizontal width of the image 11b in which each page is viewed from the front (see FIG. 5B), and the vertical direction is set as shown in FIG. 5C. By deforming the image 11b in FIG. 5B, the right side is shifted from the left side by S · sin θ · tan φ to generate an image 11c. Next, as shown in FIG. 5D, the thumbnail image generation unit 120 generates an image 11d obtained by horizontally reducing the image 11c of FIG. 5C by a magnification of cos θ. As a result, the width of the image 11d becomes S · cos θ. Then, finally, as shown in FIG. 5E, the thumbnail image generation unit 120 generates an image 11e obtained by reducing the image 11d of FIG. 5D in the vertical direction by a magnification of cos φ. As a result, the size of the image 11e in the vertical direction is L · cosφ. As a result, an image 11e is obtained in which the page is rotated about the second virtual axis M at the rotation angle θ and further rotated about the first virtual axis Q. In other words, the image 11e is obtained when the page is rotated about the second virtual axis M at the rotation angle θ and the page is looked down at the depression angle φ from the viewpoint above the upper side of the page.

なお、回転角θは、選択ページデータで特定される選択ページについては予め定められた回転角θ1にされ、選択ページの一つ前のページについては、予め定められた回転角−θ1にされる。また、選択ページ以外のページについては、選択ページからページ番号が離れるにつれて回転角θは徐々に大きな角度にされ、選択ページより後のページの回転角θは、本実施形態においては、θ1<θ<90°の範囲にされ、選択ページより前のページの回転角θは、本実施形態においては、−θ1>−θ>−90°の範囲にされる。ここでの選択ページとは、見開き状態の表示などを行うページであり、例えば代表サムネイル画像31,32,33,34として表示するユーザーの選択したページ、もしくは表紙のページなどを含む。   The rotation angle θ is set to a predetermined rotation angle θ1 for the selected page specified by the selection page data, and is set to a predetermined rotation angle −θ1 for the page immediately before the selection page. .. For pages other than the selected page, the rotation angle θ is gradually increased as the page number moves away from the selected page, and the rotation angle θ of the pages after the selected page is θ1 <θ in this embodiment. Within the range of <90 °, the rotation angle θ of the page before the selected page is set within the range of −θ1> −θ> −90 ° in the present embodiment. The selected page here is a page for displaying the spread state, and includes, for example, a page selected by the user to be displayed as the representative thumbnail images 31, 32, 33, 34, or a cover page.

図4に戻り、表示画像生成部130は、サムネイル画像生成部120から供給されたそれぞれのページのサムネイル画像11,12などを、第1の方向に並ぶように配置した画像束を複数生成する(ステップS204)。なお、本構成では、複数の画像束としてサムネイル束21,22,23,24を例示している。   Returning to FIG. 4, the display image generation unit 130 generates a plurality of image bundles in which the thumbnail images 11 and 12 of the respective pages supplied from the thumbnail image generation unit 120 are arranged so as to be arranged in the first direction ( Step S204). In this configuration, thumbnail bundles 21, 22, 23, 24 are illustrated as the plurality of image bundles.

そして、表示画像生成部130は、複数の画像束として生成したサムネイル束21,22,23,24を、第1の方向と交差する第2の方向に沿って配置する表示画像を生成する(ステップS205)。ここで、表示画像生成部130は、変形後の複数のサムネイル画像11,12などを、図3に示すように、隣り合う画像と部分的に重ね、表紙のページのサムネイル画像11から離れるにつれて画像間の間隔が狭くなるように配置する領域mと、所定の位置から最後端のページのサムネイル画像12までの間であって、各画像間を所定の間隔で平行に配置する領域sとを含む配置とし、サムネイル束21を構成する。他のサムネイル束22,23,24も、同様な複数のサムネイル画像11,12などの配置で構成される。   Then, the display image generation unit 130 generates a display image in which the thumbnail bundles 21, 22, 23, and 24 generated as a plurality of image bundles are arranged along the second direction intersecting the first direction (step). S205). Here, the display image generation unit 130 partially superimposes the plurality of modified thumbnail images 11 and 12 and the like on adjacent images, and the images are separated as the distance from the thumbnail image 11 of the cover page increases. It includes an area m arranged so as to have a narrow interval between them, and an area s arranged between the predetermined position and the thumbnail image 12 of the last page and in which each image is arranged in parallel at a predetermined interval. The thumbnail bundle 21 is arranged. The other thumbnail bundles 22, 23, 24 are also configured by arranging a plurality of similar thumbnail images 11, 12, etc.

また、表示画像生成部130は、ステップS205において、サムネイル束21,22,23,24の第1の方向に沿った横側に並んで配置するユーザーが選択した選択ページ(以下、選択ページという)、もしくは例えば表紙などの代表ページの表示画像としての代表サムネイル画像31,32,33,34を生成する。このとき、表示画像生成部130は、それぞれのサムネイル束21,22,23,24の内容を表すファイル名n1,n2,n3,n4を、選択ページ、もしくは例えば表紙などの代表ページの表示画像に重ねて表示する画像として生成する。なお、ファイル名n1,n2,n3,n4は、ドキュメント名と言い換えることができる。   In step S205, the display image generation unit 130 also selects a user-selected selection page (hereinafter referred to as a selection page) that is arranged side by side along the first direction of the thumbnail bundles 21, 22, 23, and 24. Alternatively, representative thumbnail images 31, 32, 33, 34 are generated as display images of representative pages such as covers. At this time, the display image generation unit 130 uses the file names n1, n2, n3, and n4 representing the contents of the thumbnail bundles 21, 22, 23, and 24 as the display image of the selected page or a representative page such as a cover page. It is generated as an image to be displayed in an overlapping manner. The file names n1, n2, n3 and n4 can be paraphrased as document names.

さらに、表示画像生成部130は、ステップS205において、サムネイル束21,22,23,24の第1の方向に沿った横側に並んで配置する選択ページ、もしくは例えば表紙などの代表ページに相当する代表サムネイル画像31,32,33,34のそれぞれを、図3に示す矢印f1,f2,f3,f4のように上方から下方に向うに連れて、色調を変化させる、所謂グラデーション表示とした表示画像を生成する。なお、図3に示す表示例1では、明色調から下方に向うに連れて徐々に暗色調となるように変化させている。このような、グラデーション表示により、第2の方向に沿った上下方向である縦方向に隣り合う選択ページ、もしくは例えば表紙などの代表ページの表示画像同士の区切りを判別し易くなり、視認性を高めることができる。また、このようなグラデーション表示により、ファイル名n1,n2,n3,n4を白抜き文字で表示した場合に、暗表示部となっている代表サムネイル画像31,32,33,34とファイル名n1,n2,n3,n4との対比が明確になり、ファイル名n1,n2,n3,n4を見易くすることができる。   Further, in step S205, the display image generation unit 130 corresponds to a selected page arranged side by side along the first direction of the thumbnail bundles 21, 22, 23, 24, or a representative page such as a cover. Each of the representative thumbnail images 31, 32, 33, and 34 is a so-called gradation display image in which the color tone is changed as it goes downward from above as indicated by arrows f1, f2, f3, and f4 in FIG. To generate. In the display example 1 shown in FIG. 3, the light color tone is gradually changed to the dark color tone as it goes downward. By such gradation display, it becomes easy to distinguish the division between the display images of the selected pages adjacent to each other in the vertical direction, which is the vertical direction along the second direction, or the representative page such as the cover, and the visibility is improved. be able to. Further, by such gradation display, when the file names n1, n2, n3, and n4 are displayed in outline characters, the representative thumbnail images 31, 32, 33, 34 and the file names n1, which are dark display parts, are displayed. The comparison with n2, n3, n4 becomes clear, and the file names n1, n2, n3, n4 can be made easy to see.

そして、制御部110は、表示画像生成部130によって生成された種々の表示画像を表示部140に表示し(ステップS206)、一連の処理を終了する。なお、ここでの表示は、図5A〜5Eに示す第1の方向に沿った第1の仮想軸Q上に配置され、第1の仮想軸Qと交差し、第2の方向に沿った第2の仮想軸Mを中心にして回転して表示されている複数の画像11eを用いている。そして、図3に示すように、制御部110は、この画像11eであるサムネイル画像11,12などによって構成されている画像束としてのサムネイル束21,22,23,24を、表示部140に表示する。具体的に、制御部110は、複数のサムネイル画像11,12などが第1の方向(図中X軸)に並んで配置されている複数サムネイル束21,22,23,24を、第1の方向と交差する第2の方向(図中Y軸)に沿って配置して表示する。   Then, the control unit 110 displays various display images generated by the display image generation unit 130 on the display unit 140 (step S206), and ends the series of processes. Note that the display here is arranged on the first virtual axis Q along the first direction shown in FIGS. 5A to 5E, intersects with the first virtual axis Q, and is displayed along the second direction. A plurality of images 11e displayed by being rotated around two virtual axes M are used. Then, as shown in FIG. 3, the control unit 110 causes the display unit 140 to display thumbnail bundles 21, 22, 23, 24 as image bundles composed of the thumbnail images 11, 12 that are the images 11e. To do. Specifically, the control unit 110 sets the plurality of thumbnail bundles 21, 22, 23, 24 in which the plurality of thumbnail images 11, 12 and the like are arranged side by side in the first direction (X axis in the drawing) as the first thumbnail bundle. It is arranged and displayed along a second direction (Y axis in the drawing) intersecting the direction.

上述のような表示例1の表示方法によれば、表示部140を構成する画面の水平方向である第1の方向(X軸)に沿った第1の仮想軸上に配置され、この第1の仮想軸と交差する第2の方向(Y軸)に沿った第2の仮想軸を中心に回転させ、さらに、第1の仮想軸を中心に回転した画像、即ち仮想空間内においてページを俯瞰した画像である複数の画像としてのサムネイル画像11,12などを用いたサムネイル束21,22,23,24を生成し表示する。このサムネイル画像11,12などを、第1の方向に並べて配置した画像束としてのサムネイル束21,22,23,24は、第1の方向(X軸)と交差する第2の方向(Y軸)に沿って複数配置されて表示されている。これにより、表示部140の限られた表示領域に、より多くのサムネイル束21,22,23,24およびサムネイル画像11,12などを表示することができる。このように、表示部140の限られた表示領域においても、画像束の中身、換言すれば各ページの集合体であるフォルダーやファイルの中身全体を俯瞰することができる。   According to the display method of the display example 1 as described above, the display unit 140 is arranged on the first virtual axis along the first direction (X axis) which is the horizontal direction of the screen constituting the display unit 140. An image obtained by rotating about a second virtual axis along a second direction (Y axis) intersecting the virtual axis of, and further rotating about the first virtual axis, that is, a page view in the virtual space. The thumbnail bundles 21, 22, 23, and 24 using the thumbnail images 11 and 12 as a plurality of images that are the generated images are generated and displayed. The thumbnail bundles 21, 22, 23, and 24, which are image bundles in which the thumbnail images 11 and 12 are arranged in the first direction, are arranged in a second direction (Y-axis) that intersects the first direction (X-axis). ) Are displayed along with multiple arrangements. As a result, more thumbnail bundles 21, 22, 23, 24, thumbnail images 11, 12, etc. can be displayed in the limited display area of the display unit 140. In this way, even in the limited display area of the display unit 140, the entire contents of the image bundle, in other words, the entire contents of the folder or file that is an aggregate of each page can be viewed.

[表示方法2]
(表示例2)
次に、図6、図7A、図7B、および図7Cを参照して表示装置100における表示方法2について説明する。図6は、サムネイル画像の表示方法2を説明するフローチャートであり、表示装置100で実行される処理の流れを示している。図7Aは、サムネイル画像を含むサムネイル束の表示例2を示す図である。図7Bは、表示例2の表示変更動作を説明する図である。図7Cは、表示例2の他の表示変更動作を説明する図である。なお、表示方法2、および表示例2の説明においても、表示装置100における構成部位に関しては、上述と同符号を付して説明する。
[Display method 2]
(Display example 2)
Next, the display method 2 in the display device 100 will be described with reference to FIGS. 6, 7A, 7B, and 7C. FIG. 6 is a flowchart for explaining the thumbnail image display method 2, and shows the flow of processing executed by the display device 100. FIG. 7A is a diagram showing a second display example of thumbnail bundles including thumbnail images. FIG. 7B is a diagram illustrating the display change operation of display example 2. FIG. 7C is a diagram illustrating another display change operation of display example 2. In the description of the display method 2 and the display example 2, constituent parts of the display device 100 will be described with the same reference numerals as above.

図6および図7Aに示すように、先ず、制御部110は、表示方法1と同様に、記憶部160に記憶されている複数の書籍データや電子写真のファイルから、検索画面として表示するサムネイル束21,22,23,24やサムネイル束21,22,23,24を構成するサムネイル画像11などに対応するファイルデータを読み出す(ステップS301)。また、制御部110は、操作部150において、記憶部160に記憶されている複数の書籍データや電子写真データの中から一つを選択する操作が行われると、選択されたデータを記憶部160から読み出す。   As shown in FIGS. 6 and 7A, first, like the display method 1, the control unit 110 displays a thumbnail bundle to be displayed as a search screen from a plurality of book data and electronic photo files stored in the storage unit 160. File data corresponding to the thumbnail images 11 and the like forming the 21, 22, 23, 24 and the thumbnail bundles 21, 22, 23, 24 are read (step S301). When the operation unit 150 performs an operation of selecting one of a plurality of book data and electrophotographic data stored in the storage unit 160, the control unit 110 stores the selected data in the storage unit 160. Read from.

次に、制御部110は、表示方法1と同様に、記憶部160から読み出したファイルデータの各ページのデータをサムネイル画像生成部120へ供給する(ステップS302)。サムネイル画像生成部120は、受け取った各ページのデータに基づいて、それぞれのページのサムネイル画像11,12などを生成し、表示画像生成部130へ供給する(ステップS303)。なお、画像としてのサムネイル画像11,12などについては、表示方法1と同様であるので、ここでの説明は省略する。   Next, the control unit 110 supplies the data of each page of the file data read from the storage unit 160 to the thumbnail image generation unit 120, similarly to the display method 1 (step S302). The thumbnail image generation unit 120 generates thumbnail images 11 and 12 of each page based on the received data of each page, and supplies the thumbnail images 11 and 12 of each page to the display image generation unit 130 (step S303). Note that the thumbnail images 11 and 12 as images are the same as those in the display method 1, and the description thereof is omitted here.

表示画像生成部130は、サムネイル画像生成部120から供給されたそれぞれのページのサムネイル画像11を、第1の方向に並ぶように配置した画像束を複数生成する(ステップS304)。なお、それぞれのページのサムネイル画像11は、表示領域の左から右へ、例えばページ1、ページ2、ページ3のようにページ番号の昇順で並べて配置してもよいし、逆にページ番号の降順で並べてもよい。本例では、図7Aに示すように、表示領域の左から右へページ番号の昇順で並べて配置した複数の画像束として、サムネイル束21,22,23,24を例示している。   The display image generation unit 130 generates a plurality of image bundles in which the thumbnail images 11 of the respective pages supplied from the thumbnail image generation unit 120 are arranged so as to be arranged in the first direction (step S304). The thumbnail images 11 of the respective pages may be arranged from the left to the right of the display area in ascending order of page numbers such as page 1, page 2, and page 3, or conversely, in descending order of page numbers. You may line up with. In this example, as shown in FIG. 7A, thumbnail bundles 21, 22, 23, and 24 are illustrated as a plurality of image bundles arranged in ascending order of page numbers from the left to the right of the display area.

次に、表示画像生成部130は、ユーザーが選択して開いているページとしての選択ページがあるか否かを判定する(ステップS305)。そして、選択ページがある場合(ステップS305:Yes)、表示画像生成部130は、図7Aに示すサムネイル束24のように、サムネイル束24の内であって、その選択ページに相応するサムネイル画像13,14を変形し、見開き状態の表示画像として生成する(ステップS306)。ここで、選択ページがない場合(ステップS305:No)、表示画像生成部130は、ステップS307に移行する。   Next, the display image generation unit 130 determines whether or not there is a selected page as a page selected and opened by the user (step S305). Then, when there is a selected page (step S305: Yes), the display image generation unit 130, like the thumbnail bundle 24 shown in FIG. 7A, is in the thumbnail bundle 24, and the thumbnail image 13 corresponding to the selected page. , 14 are deformed and generated as a display image in a spread state (step S306). Here, if there is no selected page (step S305: No), the display image generation unit 130 proceeds to step S307.

次に、表示画像生成部130は、複数の画像束として生成したサムネイル束21,22,23,24を、第1の方向と交差する第2の方向に沿って配置する表示画像を生成する(ステップS307)。ここで、表示画像生成部130は、変形後の複数のサムネイル画像11を、隣り合う画像と部分的に重ね、表紙のページのサムネイル画像11から離れるにつれて画像間の間隔が狭くなるように配置したり、所定の位置から最後端のページまでの間であって、各画像間を所定の間隔で平行に配置したりしてサムネイル束21を構成する。他のサムネイル束22,23,24も、同様な複数のサムネイル画像11の配置で構成される。   Next, the display image generation unit 130 generates a display image in which the thumbnail bundles 21, 22, 23, 24 generated as a plurality of image bundles are arranged along the second direction intersecting the first direction ( Step S307). Here, the display image generation unit 130 arranges the plurality of deformed thumbnail images 11 so as to partially overlap the adjacent images, and arranges the images such that the distance between the images becomes narrower as the distance from the thumbnail image 11 of the cover page increases. Alternatively, the thumbnail bundle 21 is formed by arranging the images in parallel at a predetermined interval between the predetermined position and the last page. The other thumbnail bundles 22, 23, 24 are also composed of a plurality of similar thumbnail images 11.

表示画像生成部130は、図7Aに示すサムネイル束24のように、ユーザーが選択して開いているページ、もしくは最後に開いたページである選択ページがある場合、サムネイル束24の内であって、その選択ページに相応するサムネイル画像13,14を見開き状態の表示画像として生成する。なお、表示画像生成部130は、選択ページの画像であるサムネイル画像13と選択ページの一つ後のページの画像であるサムネイル画像14とについては、ページの全面が見えるように配置する。また、表示画像生成部130は、選択ページのデータが表すページの画像の内容が閲覧できるように、見開き状態を構成する選択ページの画像と選択ページの前後のページの画像との間隔を広くする。このような見開き状態の表示とすることにより、ユーザーは、直近に既読したページを、サムネイル束24の内に配置されている見開き画像、本例ではサムネイル画像13,14によって、容易に知ることができる。   When there is a page selected and opened by the user or a selected page which is the last opened page, the display image generation unit 130 determines that the thumbnail bundle 24 is included in the thumbnail bundle 24 shown in FIG. 7A. , Thumbnail images 13 and 14 corresponding to the selected page are generated as spread display images. The display image generation unit 130 arranges the thumbnail image 13 that is the image of the selected page and the thumbnail image 14 that is the image of the page immediately after the selected page so that the entire page can be seen. Further, the display image generation unit 130 widens the interval between the image of the selected page and the images of the pages before and after the selected page, which form the spread state, so that the content of the image of the page represented by the data of the selected page can be viewed. .. With such a two-page spread display, the user can easily know the most recently read page by the two-page spread image arranged in the thumbnail bundle 24, in this example, the thumbnail images 13 and 14. You can

また、表示画像生成部130は、ステップS307において、前述の表示方法1と同様に、サムネイル束21,22,23,24の第1の方向に沿った横側に並んで配置する選択ページ、もしくは例えば表紙などの代表ページの表示画像である代表サムネイル画像31,32,33,34を生成する。これらの表示画像については、表示方法1と同様であるので、ここでの説明は省略する。   Further, in step S307, the display image generation unit 130, similarly to the above-described display method 1, selects pages to be arranged side by side along the first direction of the thumbnail bundles 21, 22, 23, 24, or For example, representative thumbnail images 31, 32, 33, 34 which are display images of representative pages such as covers are generated. Since these display images are the same as those in the display method 1, the description thereof is omitted here.

なお、図7Aに示されているように、例えばサムネイル束21の先頭に位置するサムネイル画像11を含むサムネイル束21の画像は、代表サムネイル画像31の表示に重なって配置されてもよい。換言すれば、サムネイル束21の背景に、サムネイル束21に含まれるファイルの代表ページに係る代表サムネイル画像31の一部が表示されていてもよい。同様に、サムネイル束22,23,24においても、先頭に位置するサムネイル画像が、代表サムネイル画像32,33,34の表示に重なって配置されてもよい。   Note that, as shown in FIG. 7A, for example, the images of the thumbnail bundle 21 including the thumbnail image 11 located at the beginning of the thumbnail bundle 21 may be arranged so as to overlap the display of the representative thumbnail image 31. In other words, a part of the representative thumbnail image 31 related to the representative page of the files included in the thumbnail bundle 21 may be displayed on the background of the thumbnail bundle 21. Similarly, in the thumbnail bundles 22, 23, 24, the thumbnail image located at the beginning may be arranged so as to overlap the display of the representative thumbnail images 32, 33, 34.

なお、サムネイル束21と代表サムネイル画像31との重なりは、先頭に位置するサムネイル画像11だけでなく、サムネイル画像11に並んで配置されている他のサムネイル画像(付番なし)に重なってもよい。また、サムネイル束21の表示位置は、重なり度合いを変化させるように、サムネイル束21を移動可能に表示することとしてもよい。また、代表サムネイル画像31は、例えば表示部140の第1の方向(X軸)に係る幅いっぱいに表示されてもよい。   Note that the thumbnail bundle 21 and the representative thumbnail image 31 may overlap not only the thumbnail image 11 located at the beginning but also other thumbnail images (not numbered) arranged side by side with the thumbnail image 11. .. Further, the thumbnail bundle 21 may be displayed so that the thumbnail bundle 21 can be moved so that the overlapping degree is changed. The representative thumbnail image 31 may be displayed in the full width of the display unit 140 in the first direction (X axis), for example.

このような表示とすれば、サムネイル束21,22,23,24に含まれるファイルの代表ページに係る代表サムネイル画像31,32,33,34の一部が、サムネイル束21,22,23,24の背景に表示される。したがって、ユーザーは、サムネイル束21,22,23,24の背景に表示される代表サムネイル画像31,32,33,34に係る画像を視認することによって、当該サムネイル束21,22,23,24に含まれているファイルの内容を容易に知ることができる。   With such a display, a part of the representative thumbnail images 31, 32, 33, 34 relating to the representative pages of the files included in the thumbnail bundles 21, 22, 23, 24 are thumbnail bundles 21, 22, 23, 24. Is displayed in the background. Therefore, the user visually recognizes the images related to the representative thumbnail images 31, 32, 33, and 34 displayed on the background of the thumbnail bundles 21, 22, 23, and 24 so that the thumbnail bundles 21, 22, 23, and 24 are displayed. You can easily know the contents of the included files.

そして、制御部110は、表示画像生成部130によって生成された種々の表示画像を表示部140に表示し(ステップS308)、一連の処理を終了する。以上、説明した表示方法2においても、上述した表示方法1と同様な効果を奏することができる。   Then, the control unit 110 displays various display images generated by the display image generation unit 130 on the display unit 140 (step S308), and ends the series of processes. As described above, also in the display method 2 described above, the same effect as that of the display method 1 described above can be obtained.

なお、図7Bに示すように、例えばサムネイル束21の内で、代表ページの代表サムネイル画像31に重なって表示されているサムネイル画像11fを、重ならない位置に移動させ、移動後のサムネイル画像11mとして表示することができる。この移動は、例えばユーザーがタッチパネルとなっているサムネイル画像11fの表示部分に指90fを当て、ドラッグアンドドロップやフリックなど、例えば指90mの移動操作によって行うことができる。なお、指90mがタッチパネルから離れて所定の時間を経過すると、サムネイル画像11mが元の位置の表示であるサムネイル画像11fとして再移動することができる。このようにすることで、ユーザーは、代表サムネイル画像31を、重なって表示されているサムネイル画像11fに邪魔されることなく、容易に判読することができ、このサムネイル束21の内容を知ることができる。   Note that, as shown in FIG. 7B, for example, in the thumbnail bundle 21, the thumbnail image 11f displayed overlapping the representative thumbnail image 31 of the representative page is moved to a position where it does not overlap, and is set as the moved thumbnail image 11m. Can be displayed. This movement can be performed by, for example, the user placing his or her finger 90f on the display portion of the thumbnail image 11f, which is a touch panel, and moving the finger 90m, such as dragging and dropping or flicking. Note that when the finger 90m moves away from the touch panel for a predetermined time, the thumbnail image 11m can be moved again as the thumbnail image 11f which is the display at the original position. By doing so, the user can easily read the representative thumbnail image 31 without being disturbed by the thumbnail images 11f displayed in an overlapping manner, and can know the content of the thumbnail bundle 21. it can.

また、図7Cに示すように、例えばサムネイル束21のサムネイル画像11sを、代表サムネイル画像と重なる位置に移動させ、見開き状態のサムネイル画像を他のサムネイル画像11p,11rに移動して表示することができる。この移動は、例えばユーザーがタッチパネルとなっているサムネイル束21の表示部分に指90fを当てた状態で図中矢印の方向に指90mの位置まで移動するドラッグアンドドロップやフリックなどの移動操作によって行うことができる。このようにすることで、サムネイル束21が広い領域に広がって表示されるため、ユーザーは、サムネイル束21に含まれるサムネイル画像を容易に判読することができる。   Further, as shown in FIG. 7C, for example, the thumbnail image 11s of the thumbnail bundle 21 can be moved to a position overlapping with the representative thumbnail image, and the thumbnail image in the spread state can be moved and displayed on the other thumbnail images 11p and 11r. it can. This movement is performed by a moving operation such as a drag and drop operation or a flick operation in which the user moves the finger 90f to the position of the finger 90m in the direction of the arrow in the figure with the finger 90f applied to the display portion of the thumbnail bundle 21 that is a touch panel. be able to. By doing so, the thumbnail bundle 21 is spread over a wide area and displayed, so that the user can easily read the thumbnail images included in the thumbnail bundle 21.

(表示例2の変形例)
次に、図8を参照して表示例2の変形例について説明する。図8は、表示例2の変形例を示す図である。図7Aに示して説明した表示例2は、例えば代表ページの代表サムネイル画像31の内容を表すファイル名n1を、例えば表紙などの代表ページの表示画像の中央部よりも下側領域に配置して表示していた。これと比較し、図8に示す変形例は、代表サムネイル画像31の内容を表すファイル名n5の配置位置が異なっている。図8に示す変形例は、代表サムネイル画像31の内容を表すファイル名n5を、代表ページの表示画像の中央部に重ねて表示している。なお、ファイル名n5は、ドキュメント名と言い換えることができる。このように、例えば表紙などの代表ページの表示画像の中央部に重ねてファイル名n5を表示することにより、ユーザーは、サムネイル束21に含まれているファイルの内容を容易に知ることができる。
(Modification of Display Example 2)
Next, a modified example of the display example 2 will be described with reference to FIG. FIG. 8 is a diagram showing a modified example of the display example 2. In the display example 2 shown and described in FIG. 7A, for example, the file name n1 representing the content of the representative thumbnail image 31 of the representative page is arranged in a region below the central portion of the display image of the representative page such as a cover. It was displayed. In comparison with this, the modification shown in FIG. 8 is different in the arrangement position of the file name n5 representing the content of the representative thumbnail image 31. In the modified example shown in FIG. 8, the file name n5 representing the content of the representative thumbnail image 31 is displayed so as to be superimposed on the central portion of the display image of the representative page. The file name n5 can be restated as the document name. Thus, for example, by displaying the file name n5 over the central portion of the display image of the representative page such as the cover, the user can easily know the contents of the files included in the thumbnail bundle 21.

[表示方法3]
(表示例3)
次に、図9、および図10を参照して表示装置100における表示方法3について説明する。図9は、サムネイル画像の表示方法3を説明するフローチャートであり、表示装置100で実行される処理の流れを示している。図10は、サムネイル画像を含むサムネイル束の表示例3を示す図である。なお、表示例3の説明においても、表示装置100における構成部位に関しては、上述と同符号を付して説明する。
[Display method 3]
(Display example 3)
Next, the display method 3 in the display device 100 will be described with reference to FIGS. 9 and 10. FIG. 9 is a flowchart for explaining the thumbnail image display method 3, and shows the flow of processing executed by the display device 100. FIG. 10 is a diagram showing a display example 3 of thumbnail bundles including thumbnail images. In addition, also in the description of the display example 3, the same components as those described above will be denoted by the same reference numerals as those of the display device 100.

図9および図10に示すように、先ず、制御部110は、表示方法1と同様に、記憶部160に記憶されている複数の書籍データや電子写真のファイルから、検索画面として表示するサムネイル束21,26,27,29やサムネイル束21,26,27,29,を構成する、例えばサムネイル画像11,12,15,16,17などに対応するファイルデータを読み出す(ステップS401)。   As shown in FIGS. 9 and 10, first, the control unit 110, similar to the display method 1, displays thumbnail bundles displayed as a search screen from a plurality of book data and electronic photo files stored in the storage unit 160. File data corresponding to, for example, the thumbnail images 11, 12, 15, 16, 17 and the like, which form the 21, 26, 27, 29 and the thumbnail bundles 21, 26, 27, 29, are read (step S401).

次に、制御部110は、表示方法1と同様に、記憶部160から読み出したファイルデータの各ページのデータをサムネイル画像生成部120へ供給する(ステップS402)。サムネイル画像生成部120は、受け取った各ページのデータに基づいて、それぞれのページのサムネイル画像11,12,15,16,17などを生成し、表示画像生成部130へ供給する(ステップS403)。なお、画像としてのサムネイル画像11,12,15,16,17などについては、表示方法1と同様であるので、ここでの説明は省略する。   Next, the control unit 110 supplies the data of each page of the file data read from the storage unit 160 to the thumbnail image generation unit 120, similarly to the display method 1 (step S402). The thumbnail image generation unit 120 generates thumbnail images 11, 12, 15, 16, 17, etc. of each page based on the received data of each page, and supplies the thumbnail images 11, 12, 15, 16, 17 and the like to the display image generation unit 130 (step S403). The thumbnail images 11, 12, 15, 16, 17 and the like as images are the same as those in the display method 1, and therefore the description thereof is omitted here.

図10では図示していないが、表示画像生成部130は、サムネイル画像生成部120から供給されたそれぞれのページのサムネイル画像11,12,15,16,17などを、第1の方向に並ぶように配置した画像束を複数生成する(ステップS404)。このとき、表示画像生成部130は、一のファイルデータに対応した画像束として、サムネイル束25,26,27を含み先頭をサムネイル画像11とした仮サムネイル束と、二のファイルデータに対応した画像束として、サムネイル束29を含み先頭をサムネイル画像17とした仮サムネイル束と、を生成する。   Although not shown in FIG. 10, the display image generation unit 130 arranges the thumbnail images 11, 12, 15, 16, 17, etc. of the respective pages supplied from the thumbnail image generation unit 120 in the first direction. A plurality of image bundles arranged in (1) are generated (step S404). At this time, the display image generating unit 130, as the image bundle corresponding to one file data, the temporary thumbnail bundle including the thumbnail bundles 25, 26, 27 and the thumbnail image 11 at the beginning, and the image corresponding to the second file data. As a bundle, a temporary thumbnail bundle including the thumbnail bundle 29 and the thumbnail image 17 at the head is generated.

次に、制御部110は、一の画像束および二の画像束として生成した各仮サムネイル束の表示に関し、ドキュメントごとの区分表示の指示、またはページ数の指定(画像数の指定)があるか否かを判定する(ステップS405)。   Next, with respect to the display of each temporary thumbnail bundle generated as one image bundle and two image bundles, the control unit 110 has an instruction to display a section for each document or a page number designation (image number designation). It is determined whether or not (step S405).

ステップS405において、制御部110が、ドキュメントごとの区分表示の指示、またはページ数もしくは画像数の指定があると判定した(ステップS405:Yes)場合、制御部110は、例えば一列のサムネイル束に含まれるサムネイル画像の数を変更するなどのサムネイル束の配置の変更を、表示画像生成部130に指示し(ステップS406)、次のステップS407に移行する。なお、本例では、例えば一つのサムネイル束に含まれるページ数もしくは画像数の上限値が設定されているなどのページ数指定がある場合であって、先頭をサムネイル画像11として、サムネイル画像12,15,16を含む仮サムネイル束がページ指定数よりも多いページ数を含んでいる一のファイルに相当する。即ち、この仮サムネイル束が、ステップS407においてサムネイル束の配置の変更を実行する対象となる。   In step S405, if the control unit 110 determines that there is an instruction to display the documents for each document, or that the number of pages or the number of images is specified (step S405: Yes), the control unit 110 includes, for example, one row of thumbnail bundles. The display image generation unit 130 is instructed to change the arrangement of the thumbnail bundle such as changing the number of thumbnail images to be displayed (step S406), and the process proceeds to the next step S407. In this example, when there is a page number designation such as the number of pages included in one thumbnail bundle or the upper limit of the number of images is set, the thumbnail image 11 is set at the beginning, and the thumbnail image 12, The provisional thumbnail bundle including 15 and 16 corresponds to one file including more pages than the designated number of pages. That is, this provisional thumbnail bundle becomes a target for which the arrangement of thumbnail bundles is changed in step S407.

また、ステップS405において、制御部110が、ドキュメントごとの区分表示の指示、またはページ数の指定がないと判定した(ステップS405:No)場合は、次のステップS407に移行する。   If the control unit 110 determines in step S405 that there is no instruction to display the classification of each document or the number of pages is not specified (step S405: No), the process proceeds to the next step S407.

ステップS407において、一列のサムネイル束に含まれるサムネイル画像の数などのサムネイル束の配置の変更がある場合、表示画像生成部130は、先頭をサムネイル画像11とした仮サムネイル束を複数のサムネイル束、本例では三つのサムネイル束25,26,27に区分して表示画像を生成する。表示画像生成部130は、上限数までのサムネイル画像11,12などをサムネイル束25に振り分け、上限数を超えるサムネイル画像15をサムネイル束25の第2の方向の隣りに位置するサムネイル束26に振り分け、更に上限数を超えるサムネイル画像16をサムネイル束26の第2の方向の隣りに位置するサムネイル束27に振り分けて三つのサムネイル束25,26,27を生成する。なお、それぞれのページのサムネイル画像11,15,16などは、表示領域の左から右へページ番号の昇順で並べて配置してもよいし、ページ番号の降順で並べて配置してもよい。   In step S407, when there is a change in the arrangement of thumbnail bundles such as the number of thumbnail images included in one row of thumbnail bundles, the display image generation unit 130 sets the temporary thumbnail bundle having the thumbnail image 11 at the beginning as a plurality of thumbnail bundles, In this example, the display image is generated by being divided into three thumbnail bundles 25, 26, and 27. The display image generation unit 130 sorts the thumbnail images 11 and 12 up to the upper limit number into the thumbnail bundle 25, and sorts the thumbnail images 15 exceeding the upper limit number into the thumbnail bundle 26 located next to the thumbnail bundle 25 in the second direction. Further, the thumbnail images 16 exceeding the upper limit number are distributed to the thumbnail bundle 27 located next to the thumbnail bundle 26 in the second direction to generate three thumbnail bundles 25, 26, 27. The thumbnail images 11, 15, 16 of the respective pages may be arranged in the ascending order of page numbers from the left to the right of the display area, or may be arranged in descending order of page numbers.

このように、一つのファイルに含まれているサムネイル画像11,12,15,16などが、上限数によって区分され、複数のサムネイル束として三つのサムネイル束25,26,27に割り当てられた表示とすることにより、例えば一つのサムネイル束25に含まれるサムネイル画像11,12,15,16などの数が多すぎて、ユーザーが画像を認識できないなどの不具合を防止することができる。   In this way, the thumbnail images 11, 12, 15, 16 and the like included in one file are divided by the upper limit number and displayed as a plurality of thumbnail bundles assigned to the three thumbnail bundles 25, 26, 27. By doing so, for example, it is possible to prevent a problem in which the number of thumbnail images 11, 12, 15, 16 included in one thumbnail bundle 25 is too large and the user cannot recognize the images.

なお、表示画像生成部130は、サムネイル束25,26,27を含み、先頭をサムネイル画像11として構成されたファイルの選択ページ、もしくは例えば表紙などの代表ページの表示画像としての代表サムネイル画像38を生成する。表示画像生成部130は、代表サムネイル画像38を、サムネイル束25の第1の方向に沿った横側に並んで配置する。   The display image generating unit 130 includes the thumbnail bundles 25, 26, and 27, and a representative thumbnail image 38 as a display image of a selected page of a file configured with the thumbnail image 11 at the beginning or a representative page such as a cover. To generate. The display image generation unit 130 arranges the representative thumbnail images 38 side by side along the first direction of the thumbnail bundle 25.

また、上限数に応じて区分された複数のサムネイル束としての三つのサムネイル束25,26,27の内の先頭を示すサムネイル束25には、対応するドキュメントの内容を示す表題n8を付帯表示することとしてもよい。なお、表題n8は、サムネイル束25の第1の方向に沿った横側に並んで配置されている代表サムネイル画像38の一部に重なって配置されている。このように、対応するドキュメントの内容を示す表題n8を付帯表示することにより、サムネイル束25に含まれるドキュメントの内容を容易に知ることができる。   In addition, a title n8 indicating the content of the corresponding document is additionally displayed on the thumbnail bundle 25 indicating the beginning of the three thumbnail bundles 25, 26, and 27 as a plurality of thumbnail bundles divided according to the upper limit number. It may be that. The title n8 is arranged so as to overlap a part of the representative thumbnail images 38 arranged side by side along the first direction of the thumbnail bundle 25. In this way, by additionally displaying the title n8 indicating the content of the corresponding document, the content of the document included in the thumbnail bundle 25 can be easily known.

また、表示画像生成部130は、ステップS407において、上述したような配置の変更がない場合、表示画像生成部130は、前述の表示方法1と同様に、二のファイルデータに対応した画像束として、先頭をサムネイル画像17として一列に並んだサムネイル束29を生成する。そして、表示画像生成部130は、このファイルの選択ページ、もしくは代表ページや表紙などの表示画像である代表サムネイル画像39を生成し、サムネイル束29の第1の方向に沿った横側に並んで配置する。また、同様に、表示画像生成部130は、サムネイル束29に、対応するドキュメントの内容を示す表題n9を付帯表示することとしてもよい。なお、表題n9は、サムネイル束29の第1の方向に沿った横側に並んで配置されている代表サムネイル画像39の一部に重なって配置されている。   Further, when there is no change in the arrangement as described above in step S407, the display image generation unit 130, as in the above-described display method 1, the display image generation unit 130 creates an image bundle corresponding to the second file data. , A thumbnail bundle 29 having the top as the thumbnail image 17 and arranged in a line is generated. Then, the display image generation unit 130 generates a representative thumbnail image 39 that is a display image of the selected page of this file, a representative page, a cover, or the like, and arranges the thumbnail bundle 29 side by side along the first direction. Deploy. Further, similarly, the display image generation unit 130 may additionally display the title n9 indicating the content of the corresponding document on the thumbnail bundle 29. Note that the title n9 is arranged so as to overlap a part of the representative thumbnail images 39 arranged side by side along the first direction of the thumbnail bundle 29.

そして、制御部110は、表示画像生成部130によって生成された種々の表示画像を表示部140に表示し(ステップS408)、一連の処理を終了する。以上、説明した表示方法3においても、上述した表示方法1と同様な効果を奏することができる。   Then, the control unit 110 displays various display images generated by the display image generation unit 130 on the display unit 140 (step S408), and ends the series of processes. As described above, also in the display method 3 described above, the same effect as that of the display method 1 described above can be obtained.

(表示例4)
次に、図11を参照して、サムネイル画像を含むサムネイル束の表示例4について説明する。図11は、サムネイル画像を含むサムネイル束の表示例4を示す図である。
(Display example 4)
Next, with reference to FIG. 11, a display example 4 of a thumbnail bundle including thumbnail images will be described. FIG. 11 is a diagram showing a display example 4 of thumbnail bundles including thumbnail images.

図11に示す表示例4は、前述した表示方法3のステップS405において、制御部110が、ドキュメントごとの区分表示の指示があると判定した(ステップS405:Yes)場合の表示例を示している。なお、本例では、一の画像束として生成した、先頭をサムネイル画像11として、一の画像束として生成したサムネイル束25,26,27を含む仮サムネイル束が、ドキュメントごとの区分表示の指示がある一のファイルに相応する。   A display example 4 shown in FIG. 11 shows a display example in the case where the control unit 110 determines in step S405 of the above-described display method 3 that there is an instruction to display the documents separately (step S405: Yes). .. Note that in this example, the temporary thumbnail bundle including the thumbnail bundles 25, 26, and 27 generated as one image bundle, which is generated as one image bundle and has the head as the thumbnail image 11, is instructed to be displayed separately for each document. It corresponds to a certain file.

表示例4は、先頭をサムネイル画像11とした仮サムネイル束を複数のサムネイル束、本例では三つのサムネイル束25,26,27に区分して表示する。このとき三つのサムネイル束25,26,27には、ファイルに含まれている画像をそれぞれのドキュメントに応じて区分し、ドキュメントごとのサムネイル画像11,12,15,16などとして割り当てられている。具体的に、ドキュメントに応じた三つのサムネイル束25,26,27として、先頭をサムネイル画像11としたサムネイル束25、先頭をサムネイル画像15としたサムネイル束26、および先頭をサムネイル画像16としたサムネイル束27を表示する。   In the display example 4, the temporary thumbnail bundle having the thumbnail image 11 at the head is divided into a plurality of thumbnail bundles, and in this example, three thumbnail bundles 25, 26, and 27 are displayed. At this time, the images included in the file are divided into the three thumbnail bundles 25, 26, and 27 according to each document, and are assigned as thumbnail images 11, 12, 15, 16 and the like for each document. Specifically, as the three thumbnail bundles 25, 26, and 27 corresponding to the document, the thumbnail bundle 25 having the thumbnail image 11 at the beginning, the thumbnail bundle 26 having the thumbnail image 15 at the beginning, and the thumbnail image 16 having the beginning at the thumbnail image 16 The bundle 27 is displayed.

このように、ファイルに含まれているサムネイル画像11,12,15,16などが、ドキュメントに応じて区分され、複数のサムネイル束として三つのサムネイル束25,26,27に割り当てられた表示とすることにより、ユーザーは、それぞれのサムネイル束25,26,27の内容を知り易くなり、画像の検索を容易に行なうことができる。   In this way, the thumbnail images 11, 12, 15, 16 and the like included in the file are divided according to the document and are displayed as a plurality of thumbnail bundles assigned to the three thumbnail bundles 25, 26, 27. As a result, the user can easily know the contents of the thumbnail bundles 25, 26, and 27, and can easily search for images.

なお、区分された各ドキュメントのサムネイル画像11,12,15,16などを収納するサムネイル束25,26,27のそれぞれには、対応するドキュメントの内容を示す表題41,42,43を付帯表示することとしてもよい。本例では、このページの画像データを収納した日付け情報、例えば、電子写真の撮影日を、表題41,42,43として付帯表示している。このように、対応するドキュメントの内容を示す表題41,42,43を付帯表示することにより、サムネイル束25,26,27のそれぞれに含まれるドキュメントの内容を容易に知ることができる。   Note that each of the thumbnail bundles 25, 26, and 27 that stores the thumbnail images 11, 12, 15, and 16 of the divided documents is additionally displayed with titles 41, 42, and 43 indicating the content of the corresponding document. It may be that. In this example, date information in which the image data of this page is stored, for example, the date of taking an electronic photograph is additionally displayed as titles 41, 42, and 43. In this way, by additionally displaying the titles 41, 42, and 43 indicating the content of the corresponding document, the content of the document included in each of the thumbnail bundles 25, 26, and 27 can be easily known.

また、サムネイル束25,26,27の配置方向に沿った一方、本例では第1の方向の上側に位置する背景部分には、サムネイル束25,26,27を構成する、例えばサムネイル画像11,12,15,16などを含むファイルの代表ページ、もしくは選択ページを示す代表サムネイル画像35が、サムネイル画像11,12,15,16などの拡大画像として見易く表示されている。即ち、代表サムネイル画像35は、表示部140の第1の方向(X軸)に係る幅いっぱいを用いて表示されてもよい。なお、ファイルの代表ページ、もしくは選択ページの表示画像である代表サムネイル画像35については、表示方法1と同様であるので、ここでの説明は省略する。   In addition, thumbnail bundles 25, 26, and 27 are formed in the background portion located along the arrangement direction of the thumbnail bundles 25, 26, and 27 on the upper side in the first direction in this example. A representative page of a file including 12, 15, 16 or the like, or a representative thumbnail image 35 indicating a selected page is displayed as an enlarged image such as the thumbnail images 11, 12, 15, 16 for easy viewing. That is, the representative thumbnail image 35 may be displayed using the full width of the display unit 140 in the first direction (X axis). The representative thumbnail image 35, which is the display image of the representative page of the file or the selected page, is the same as that of the display method 1, and therefore the description thereof is omitted here.

また、ドキュメントに応じて区分された複数のサムネイル束としての三つのサムネイル束25,26,27は、それぞれを構成するページ数に応じて降順、もしくは昇順に配列されていることとしてもよい。なお、三つのサムネイル束25,26,27のそれぞれを構成するページ数は、サムネイル画像11,12,15,16などの数と言い換えることができる。このようにすれば、ユーザーは、サムネイル束25,26,27に含まれるページ数を、容易に知ることができる。また、ユーザーは、複数のサムネイル束25,26,27に含まれるページ数を容易に比較することができる。   Further, the three thumbnail bundles 25, 26, and 27 as a plurality of thumbnail bundles divided according to documents may be arranged in descending order or ascending order according to the number of pages forming each thumbnail bundle. The number of pages forming each of the three thumbnail bundles 25, 26, and 27 can be rephrased as the number of thumbnail images 11, 12, 15, 16, and the like. By doing so, the user can easily know the number of pages included in the thumbnail bundles 25, 26, and 27. Further, the user can easily compare the number of pages included in the plurality of thumbnail bundles 25, 26, 27.

(表示例5)
次に、図12を参照して、サムネイル画像を含むサムネイル束の表示例5について説明する。図12は、サムネイル画像を含むサムネイル束の表示例5を示す図である。
(Display example 5)
Next, with reference to FIG. 12, a display example 5 of thumbnail bundles including thumbnail images will be described. FIG. 12 is a diagram showing a display example 5 of thumbnail bundles including thumbnail images.

図12に示す表示例5は、サムネイル束21,22,23,24を構成するサムネイル画像11,12などにおいて、レンダリングされたページと、レンダリングされていない白ページと、が用いられている。換言すれば、各サムネイル束21,22,23,24において、それぞれを構成するファイルに係る代表的なページ18をレンダリングし、その他のページ19をレンダリングせずに白表示のページで表す。なお、代表的なページ18としてレンダリングするページは、一つのページまたは数ページとする。また、代表ページとしては、見出しもしくは先頭ページを含む。このようにして、該当するファイルのページ数などのファイルサイズを割り出して、それぞれのサムネイル束21,22,23,24のサイズが見える表示とする。また、代表ページを含むページは、サムネイル画像としてレンダリングし、各サムネイル束21,22,23,24の中身が見えるように表示する。また、サムネイル束21のように、全てのサムネイル画像がレンダリングされないし白表示のページで表されていてもよい。また、本例のように、全ページのサムネイル画像11,12などの画像が見えるようにレンダリングした構成の、例えばサムネイル束24を同一画面内に表示することもできる。   In the display example 5 shown in FIG. 12, rendered pages and unrendered white pages are used in the thumbnail images 11 and 12 forming the thumbnail bundles 21, 22, 23 and 24. In other words, in each of the thumbnail bundles 21, 22, 23, and 24, the representative page 18 relating to the files constituting each thumbnail bundle is rendered, and the other pages 19 are rendered and displayed as white pages. The page to be rendered as the representative page 18 is one page or several pages. Further, the representative page includes a headline or a top page. In this way, the file size such as the number of pages of the corresponding file is calculated, and the size of each thumbnail bundle 21, 22, 23, 24 is displayed. Also, pages including the representative page are rendered as thumbnail images and displayed so that the contents of each thumbnail bundle 21, 22, 23, 24 can be seen. Further, like the thumbnail bundle 21, all thumbnail images may be rendered or displayed in white pages. Further, as in the present example, it is possible to display, for example, the thumbnail bundle 24 having a configuration in which images such as thumbnail images 11 and 12 of all pages are rendered visible on the same screen.

数多いページ全てをレンダリングするためには、相当のレンダリング時間がかかり、検索画面の表示終了までにより多くの時間を要してしまうが、表示例5のような白表示を取り入れた表示とすることにより、表示時間の短縮ができるとともに、各サムネイル束21,22,23,24を構成するファイルの中身の理解も素早く行うことができるができる。なお、ファイルの中身については、ファイルの内容と言い換えることができる。また、各サムネイル束21,22,23,24の内、例えば各サムネイル束21,22,23,24の中央部に、見開き状態のサムネイル画像が有る場合は、見開き状態のサムネイル画像を優先してレンダリングする。   It takes a considerable amount of rendering time to render all the many pages, and it takes more time until the display of the search screen ends. However, by using a white display like Display Example 5, The display time can be shortened, and the contents of the files forming the thumbnail bundles 21, 22, 23, and 24 can be quickly understood. The contents of the file can be restated as the contents of the file. Further, if there is a thumbnail image in the spread state in the thumbnail bundles 21, 22, 23, 24, for example, in the center of each thumbnail bundle 21, 22, 23, 24, the thumbnail image in the spread state is given priority. To render.

(表示例6)
次に、図13を参照して、サムネイル画像を含むサムネイル束の表示例6について説明する。図13は、サムネイル画像を含むサムネイル束の表示例6を示す図である。
(Display example 6)
Next, with reference to FIG. 13, a display example 6 of thumbnail bundles including thumbnail images will be described. FIG. 13 is a diagram showing a display example 6 of thumbnail bundles including thumbnail images.

図13に示す表示例6は、上述の実施形態と同様な構成のサムネイル束24と、これと異なる構成の画像束としてサムネイル束51,52,53と、を備えている。具体的に、サムネイル束51,52,53は、例えば、各ファイルの先頭ページ、即ち第1ページのみがレンダリングされたサムネイル画像61,62,71,72として、第1の方向に並んで配列され、表示されている、所謂ディレクトリーとしての機能を有している。換言すれば、サムネイル束51,52,53には、レンダリングされた先頭ページ、即ち第1ページのみのファイルが並んで表示されている。   The display example 6 shown in FIG. 13 includes the thumbnail bundle 24 having the same configuration as that of the above-described embodiment, and the thumbnail bundles 51, 52, 53 as image bundles having a different configuration. Specifically, the thumbnail bundles 51, 52, 53 are arranged side by side in the first direction, for example, as thumbnail images 61, 62, 71, 72 in which only the first page of each file, that is, the first page is rendered. , Has a function as a so-called directory that is displayed. In other words, in the thumbnail bundles 51, 52, 53, files of only the rendered first page, that is, the first page are displayed side by side.

このような表示にすれば、表示部140の一画面内に表示することができるファイルの数を増やすことができる。そして、各ファイルが代表ページのサムネイル画像で構成されていることから、ファイルの中身を理解することができ、より素早い検索を行うことができる。   With such a display, the number of files that can be displayed on one screen of the display unit 140 can be increased. Since each file is composed of the thumbnail image of the representative page, the contents of the file can be understood and the search can be performed more quickly.

また、それぞれのファイルの先頭ページをレンダリングしたサムネイル画像などの画像が第1の方向に並んで表示されているサムネイル束51,52,53により、多くのファイルが存在しても、それぞれのファイルの中身を識別することができる。   In addition, even if many files exist, the thumbnail bundles 51, 52, and 53 in which images such as thumbnail images obtained by rendering the first page of each file are displayed side by side in the first direction The contents can be identified.

なお、上述の実施形態では、表示装置100としてスマートフォンタイプの通信端末装置を例示して説明したがこれに限らない。他の表示装置としては、例えばタブレット端末、パーソナルコンピューターのディスプレイなどを適用することができる。また、表示装置として、例えば映像投射用のスクリーンなどを表示部として用い、スクリーンなどにサムネイル画像などの画像を含むサムネイル束などの画像束や他の画像を含み構成された画像を投影するプロジェクターを適用することができる。   In addition, in the above-mentioned embodiment, although the smart phone type communication terminal device was illustrated and demonstrated as the display apparatus 100, it is not restricted to this. As the other display device, for example, a tablet terminal, a display of a personal computer, or the like can be applied. Further, as a display device, for example, a projector that projects an image configured by including an image bundle such as a thumbnail bundle including an image such as a thumbnail image on the screen or the like by using a screen for image projection as a display unit, etc. Can be applied.

以下に、上述した実施形態から導き出される内容を、各態様として記載する。   The contents derived from the above-described embodiment will be described below as each aspect.

[態様1]本態様に係る表示方法は、第1の仮想軸上に配置された複数の画像のそれぞれが、前記第1の仮想軸と交差するそれぞれの第2の仮想軸を中心にして回転し、さらに前記第1の仮想軸を中心に回転して表示部に表示させる表示方法であって、前記複数の画像が前記表示部における前記第1の方向に並んで配置されている画像束を複数有し、複数の前記画像束は、前記第1の方向と交差する第2の方向に沿って配置する。   [Mode 1] In the display method according to this mode, each of the plurality of images arranged on the first virtual axis is rotated about each second virtual axis intersecting with the first virtual axis. In the display method, further, the image is rotated around the first virtual axis and displayed on the display unit, and an image bundle in which the plurality of images are arranged side by side in the first direction on the display unit is displayed. A plurality of image bundles are provided, and the plurality of image bundles are arranged along a second direction intersecting with the first direction.

本態様の表示方法によれば、第1の仮想軸上に配置され、且つ第1の仮想軸と交差するそれぞれの第2の仮想軸を中心に回転し、さらに第1の仮想軸を中心に回転させた複数の画像を、表示部における第1の方向に並べて配置した画像束を、第1の方向と交差する第2の方向に沿って複数配置して表示する。したがって、表示部の限られた表示領域に、より多くの画像束および画像束に含まれる画像を表示することができ、画像束の中身、換言すれば複数の画像から構成されるフォルダーの中身、または複数の画像からなるファイルの中身全体を俯瞰することができる。   According to the display method of this aspect, the second virtual axis arranged on the first virtual axis and intersecting with the first virtual axis is rotated, and further the first virtual axis is centered. An image bundle in which a plurality of rotated images are arranged side by side in the first direction on the display unit is arranged and displayed along a second direction intersecting the first direction. Therefore, it is possible to display a larger number of image bundles and images included in the image bundles in the limited display area of the display unit, and the contents of the image bundles, in other words, the contents of a folder composed of a plurality of images, Or you can get a bird's eye view of the entire contents of a file consisting of multiple images.

[態様2]上記態様に記載の表示方法において、前記画像は、隣り合う前記画像と一部が重なる状態を含み配置することとしてもよい。   [Aspect 2] In the display method according to the above aspect, the images may be arranged including a state in which the images partially overlap with the adjacent images.

本態様によれば、画像が、隣り合う画像と一部が重なる状態を含んでいることから、一つの画像束に含まれる画像の数を多くすることができる。   According to this aspect, since the image includes a state in which the adjacent image partially overlaps with the adjacent image, it is possible to increase the number of images included in one image bundle.

[態様3]上記態様に記載の表示方法において、前記画像束は、それぞれのページ数を有するファイルを含み、前記ファイルの代表ページに係る前記画像を、前記第1の方向において前記画像束に並んで表示することとしてもよい。なお、本明細書における「代表ページ」とは、例えば表紙や要約ページなど、このページを見ればファイルの内容を理解することができるような表示を有するページのことを言う。   [Aspect 3] In the display method according to the above aspect, the image bundle includes files having respective page numbers, and the images related to a representative page of the file are arranged in the image bundle in the first direction. It may be displayed as. The “representative page” in the present specification refers to a page having a display such that the contents of the file can be understood by looking at this page, such as a cover page or a summary page.

本態様によれば、画像束に含まれるファイルの代表ページが、第1の方向において画像束に並んで表示されることから、この代表ページを視認することによって当該画像束に含まれているファイルの内容を容易に知ることができる。   According to this aspect, since the representative pages of the files included in the image bundle are displayed side by side in the image bundle in the first direction, the files included in the image bundle can be viewed by visually recognizing the representative page. You can easily know the contents of.

[態様4]上記態様に記載の表示方法において、前記画像束の背景に、前記画像束に含まれるファイルの代表ページに係る前記画像の一部を表示することとしてもよい。   [Aspect 4] In the display method according to the above aspect, a part of the image relating to the representative page of the files included in the image bundle may be displayed on the background of the image bundle.

本態様によれば、画像束に含まれるファイルの代表ページに係る画像の一部が、画像束の背景に表示される。したがって、画像束の背景に表示される代表ページに係る画像を視認することによって、当該画像束に含まれているファイルの内容を容易に知ることができる。   According to this aspect, a part of the image relating to the representative page of the files included in the image bundle is displayed in the background of the image bundle. Therefore, by visually recognizing the image related to the representative page displayed on the background of the image bundle, the contents of the files included in the image bundle can be easily known.

[態様5]上記態様に記載の表示方法において、前記代表ページに係る前記画像を、グラデーション表示することとしてもよい。   [Aspect 5] In the display method according to the above aspect, the image of the representative page may be displayed in gradation.

本態様によれば、グラデーション表示により、隣り合う代表ページの表示同士の区切りを判別し易くなり、視認性を高めることができる。   According to this aspect, the gradation display makes it easier to distinguish the boundaries between the displays of the adjacent representative pages, and the visibility can be improved.

[態様6]上記態様に記載の表示方法において、前記代表ページに係る前記画像に、ファイル名を表示することとしてもよい。   [Aspect 6] In the display method according to the above aspect, a file name may be displayed on the image related to the representative page.

本態様によれば、画像束に含まれているファイルのファイル名が表示されていることにより、当該画像束に含まれているファイルの内容を容易に知ることができる。なお、ファイル名は、ドキュメント名と言い換えることができる。   According to this aspect, since the file names of the files included in the image bundle are displayed, it is possible to easily know the contents of the files included in the image bundle. The file name can be restated as the document name.

[態様7]上記態様に記載の表示方法において、直近に既読した前記画像は、前記画像束の内において見開き状態で表示されていることとしてもよい。   [Aspect 7] In the display method according to the above aspect, the most recently read image may be displayed in a spread state in the image bundle.

本態様によれば、例えば、直近に既読したページを、画像束の内に配置されている画像によって、容易に知ることができる。   According to this aspect, for example, the most recently read page can be easily known by the image arranged in the image bundle.

[態様8]上記態様に記載の表示方法において、前記ファイルに含まれている前記画像を、それぞれのドキュメントに応じて区分し、区分された前記ドキュメントごとの前記画像を、複数の前記画像束に割り当てて表示することとしてもよい。   [Aspect 8] In the display method according to the above aspect, the image included in the file is divided according to each document, and the image of each divided document is divided into a plurality of image bundles. It may be assigned and displayed.

本態様によれば、ファイルに含まれている画像がドキュメントに応じて区分され、複数の画像束に割り当てられた表示から、それぞれの画像束の内容を知り易くなり、画像の検索を容易に行なうことができる。   According to this aspect, the images included in the file are classified according to the document, and it becomes easy to know the contents of each image bundle from the display assigned to the plurality of image bundles, and the images can be easily searched. be able to.

[態様9]上記態様に記載の表示方法において、区分された前記ドキュメントを収納する前記画像束には、対応する前記ドキュメントの内容を示す表題を付帯表示することとしてもよい。   [Aspect 9] In the display method according to the above aspect, a title indicating the content of the corresponding document may be additionally displayed on the image bundle storing the divided documents.

本態様によれば、対応するドキュメントの内容を示す表題を付帯表示することにより、それぞれの画像束に含まれるドキュメントの内容を容易に知ることができる。   According to this aspect, by additionally displaying the title indicating the content of the corresponding document, the content of the document included in each image bundle can be easily known.

[態様10]上記態様に記載の表示方法において、前記画像束は、前記ページ数に応じて降順、もしくは昇順に配列することとしてもよい。   [Aspect 10] In the display method according to the above aspect, the image bundles may be arranged in descending order or ascending order according to the number of pages.

本態様によれば、画像束に含まれるページ数(画像数)を、容易に知ることができる。また、複数の画像束のページ数を容易に比較することができる。   According to this aspect, it is possible to easily know the number of pages (the number of images) included in the image bundle. Further, the page numbers of a plurality of image bundles can be easily compared.

[態様11]上記態様に記載の表示方法において、前記画像束に含まれる前記画像数は、上限数が定められており、前記上限数を超える前記画像は、隣り合う前記画像束に分割して表示することとしてもよい。   [Aspect 11] In the display method according to the above aspect, an upper limit number is set for the number of images included in the image bundle, and the images exceeding the upper limit number are divided into adjacent image bundles. It may be displayed.

本態様によれば、一つの画像束に含まれる画像数が多すぎてユーザーが画像を認識できないなどの不具合を防止することができる。   According to this aspect, it is possible to prevent a problem in which the number of images included in one image bundle is too large and the user cannot recognize the images.

[態様12]上記態様に記載の表示方法において、複数の前記ファイルそれぞれの先頭ページをレンダリングした前記画像が、前記第1の方向に並んで表示されている前記画像束を含むこととしてもよい。   [Aspect 12] In the display method according to the above aspect, the image in which the first page of each of the plurality of files is rendered may include the image bundle displayed side by side in the first direction.

本態様によれば、それぞれのファイルの先頭ページをレンダリングした画像が第1の方向に並んで表示されている画像束により、多くのファイルが存在しても、それぞれのファイルの内容を識別することができる。   According to this aspect, it is possible to identify the content of each file even if there are many files by the image bundle in which the images rendered from the first page of each file are displayed side by side in the first direction. You can

[態様13]本態様に係る表示装置は、複数の画像で構成されている画像束を表示する表示部と、第1の仮想軸上に配置され、前記第1の仮想軸と交差するそれぞれの第2の仮想軸を中心にして回転し、さらに前記第1の仮想軸を中心に回転した前記複数の画像を生成する画像生成部と、前記複数の画像が、前記表示部における第1の方向に並べて配置した複数の画像束の画像を生成する表示画像生成部と、前記表示画像生成部で生成された前記画像束の画像を、前記第1の方向と交差する第2の方向に沿って配置して前記表示部に表示する制御部と、を備えている。   [Aspect 13] A display device according to the present aspect includes a display unit that displays an image bundle composed of a plurality of images, and a display unit that is arranged on a first virtual axis and intersects the first virtual axis. An image generation unit that rotates about a second virtual axis and further rotates about the first virtual axis, and the plurality of images in a first direction on the display unit. A display image generation unit that generates images of a plurality of image bundles that are arranged side by side, and an image of the image bundle that is generated by the display image generation unit along a second direction that intersects the first direction. And a control unit for arranging and displaying on the display unit.

本態様の表示装置によれば、第2仮想軸を中心に回転させ、且つ、第1の仮想軸を中心に回転させた画像であって、仮想空間内においてそれぞれのページを俯瞰した画像である複数の画像を、表示部における第1の方向に並べて配置した画像束が、第1の方向と交差する第2の方向に沿って複数配置されることから、表示部の限られた表示領域に、より多くの画像束および画像を表示することができる。このように、表示部の限られた表示領域においても、画像束の中身、換言すれば各ページの集合体であるフォルダーやファイルの中身全体を俯瞰することができる表示装置を提供することができる。   According to the display device of this aspect, the image is rotated about the second virtual axis and is rotated about the first virtual axis, and is an image of each page viewed in the virtual space. An image bundle in which a plurality of images are arranged side by side in the first direction on the display unit is arranged along a second direction intersecting with the first direction, so that a limited display area of the display unit is displayed. , More image bundles and images can be displayed. As described above, it is possible to provide a display device capable of overlooking the contents of an image bundle, in other words, the entire contents of a folder or a file that is an aggregate of each page, even in a limited display area of the display unit. ..

11,12…画像としてのサムネイル画像、21,22,23,24…画像束としてのサムネイル束、31,32,33,34…代表サムネイル画像、100…表示装置、110…制御部、120…サムネイル画像生成部、130…表示画像生成部、140…表示部、150…操作部、160…記憶部、Q…第1の仮想軸、M…第2の仮想軸、θ…回転角、N…仮想水平面、m,s…領域、n1,n2,n3,n4…ファイル名(ドキュメント名)、f1,f2,f3,f4…矢印。   11, 12 ... Thumbnail images as images, 21, 22, 23, 24 ... Thumbnail bundles as image bundles, 31, 32, 33, 34 ... Representative thumbnail images, 100 ... Display device, 110 ... Control unit, 120 ... Thumbnail Image generation unit, 130 ... Display image generation unit, 140 ... Display unit, 150 ... Operation unit, 160 ... Storage unit, Q ... First virtual axis, M ... Second virtual axis, θ ... Rotation angle, N ... Virtual Horizontal plane, m, s ... Area, n1, n2, n3, n4 ... File name (document name), f1, f2, f3, f4 ... Arrow.

Claims (13)

第1の仮想軸上に配置された複数の画像のそれぞれが、前記第1の仮想軸と交差するそれぞれの第2の仮想軸を中心にして回転し、さらに前記第1の仮想軸を中心に回転して表示部に表示させる表示方法であって、
前記複数の画像が前記表示部における前記第1の方向に並んで配置されている画像束を複数有し、
複数の前記画像束は、前記第1の方向と交差する第2の方向に沿って配置する、
表示方法。
Each of the plurality of images arranged on the first virtual axis rotates about each second virtual axis intersecting with the first virtual axis, and further around the first virtual axis. It is a display method of rotating and displaying on the display unit,
The plurality of images has a plurality of image bundles arranged side by side in the first direction in the display unit,
A plurality of the image bundles are arranged along a second direction intersecting the first direction,
Display method.
前記画像は、
隣り合う前記画像と一部が重なる状態を含み配置する、
請求項1に記載の表示方法。
The image is
Arrangement including a state where a part of the image overlaps with the adjacent image,
The display method according to claim 1.
前記画像束は、それぞれのページ数を有するファイルを含み、
前記ファイルの代表ページに係る前記画像を、前記第1の方向において前記画像束に並んで表示する、
請求項1または請求項2に記載の表示方法。
The image bundle includes files having respective page numbers,
Displaying the images related to the representative page of the file side by side in the image bundle in the first direction,
The display method according to claim 1 or 2.
前記画像束の背景に、前記画像束に含まれるファイルの代表ページに係る前記画像の一部を表示する、
請求項1または請求項2に記載の表示方法。
In the background of the image bundle, displaying a part of the image related to a representative page of files included in the image bundle,
The display method according to claim 1 or 2.
前記代表ページに係る前記画像を、グラデーション表示する、
請求項3または請求項4に記載の表示方法。
The image related to the representative page is displayed in gradation.
The display method according to claim 3 or 4.
前記代表ページに係る前記画像に、ファイル名を表示する、
請求項3ないし請求項5のいずれか一項に記載の表示方法。
A file name is displayed on the image related to the representative page,
The display method according to any one of claims 3 to 5.
直近に既読した前記画像は、前記画像束の内において見開き状態で表示する、
請求項1ないし請求項6のいずれか一項に記載の表示方法。
The most recently read image is displayed in a spread state within the image bundle,
The display method according to any one of claims 1 to 6.
前記ファイルに含まれている前記画像を、それぞれのドキュメントに応じて区分し、
区分された前記ドキュメントごとの前記画像を、複数の前記画像束に割り当てて表示する、
請求項3ないし請求項7のいずれか一項に記載の表示方法。
The image included in the file is divided according to each document,
The image of each of the divided documents is assigned to a plurality of the image bundles and displayed.
The display method according to any one of claims 3 to 7.
区分された前記ドキュメントを収納する前記画像束には、対応する前記ドキュメントの内容を示す表題を付帯表示する、
請求項8に記載の表示方法。
In the image bundle containing the divided documents, a title indicating the content of the corresponding document is additionally displayed.
The display method according to claim 8.
前記画像束は、前記ページ数に応じて降順、もしくは昇順に配列する、
請求項8または請求項9に記載の表示方法。
The image bundle is arranged in descending order or ascending order according to the number of pages,
The display method according to claim 8 or 9.
前記画像束に含まれる前記画像数は、上限数が定められており、
前記上限数を超える前記画像は、隣り合う前記画像束に分割して表示する、
請求項1ないし請求項7のいずれか一項に記載の表示方法。
The number of images included in the image bundle has an upper limit number,
The images exceeding the upper limit number are divided and displayed in the adjacent image bundle,
The display method according to any one of claims 1 to 7.
複数の前記ファイルそれぞれの先頭ページをレンダリングした前記画像が、前記第1の方向に並んで表示されている前記画像束を含む、
請求項3ないし請求項11に記載の表示方法。
The image in which the first page of each of the plurality of files is rendered includes the image bundle displayed side by side in the first direction,
The display method according to claim 3.
複数の画像で構成されている画像束を表示する表示部と、
第1の仮想軸上に配置され、前記第1の仮想軸と交差するそれぞれの第2の仮想軸を中心にして回転し、さらに前記第1の仮想軸を中心に回転した前記複数の画像を生成する画像生成部と、
前記複数の画像が、前記表示部における第1の方向に並べて配置した複数の画像束の画像を生成する表示画像生成部と、
前記表示画像生成部で生成された前記画像束の画像を、前記第1の方向と交差する第2の方向に沿って配置して前記表示部に表示する制御部と、
を備えている、表示装置。
A display unit that displays an image bundle composed of a plurality of images,
The plurality of images arranged on a first virtual axis and rotated about respective second virtual axes intersecting with the first virtual axis, and further rotated about the first virtual axis. An image generation unit to generate,
A display image generation unit that generates an image of a plurality of image bundles in which the plurality of images are arranged side by side in the first direction in the display unit;
A control unit configured to arrange the image of the image bundle generated by the display image generation unit along a second direction intersecting the first direction and display the image on the display unit,
And a display device.
JP2018203694A 2018-10-30 2018-10-30 Display method and display device Active JP7206807B2 (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
JP2018203694A JP7206807B2 (en) 2018-10-30 2018-10-30 Display method and display device

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
JP2018203694A JP7206807B2 (en) 2018-10-30 2018-10-30 Display method and display device

Publications (2)

Publication Number Publication Date
JP2020071574A true JP2020071574A (en) 2020-05-07
JP7206807B2 JP7206807B2 (en) 2023-01-18

Family

ID=70547818

Family Applications (1)

Application Number Title Priority Date Filing Date
JP2018203694A Active JP7206807B2 (en) 2018-10-30 2018-10-30 Display method and display device

Country Status (1)

Country Link
JP (1) JP7206807B2 (en)

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2012164292A (en) * 2011-02-09 2012-08-30 Seiko Epson Corp Display control method, display device and electronic apparatus
JP2012238223A (en) * 2011-05-12 2012-12-06 Seiko Epson Corp Display device, electronic equipment and display control method
JP2018147358A (en) * 2017-03-08 2018-09-20 セイコーエプソン株式会社 Information processing system, method of controlling information processing system, information processing apparatus, and terminal

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2012164292A (en) * 2011-02-09 2012-08-30 Seiko Epson Corp Display control method, display device and electronic apparatus
JP2012238223A (en) * 2011-05-12 2012-12-06 Seiko Epson Corp Display device, electronic equipment and display control method
JP2018147358A (en) * 2017-03-08 2018-09-20 セイコーエプソン株式会社 Information processing system, method of controlling information processing system, information processing apparatus, and terminal

Also Published As

Publication number Publication date
JP7206807B2 (en) 2023-01-18

Similar Documents

Publication Publication Date Title
US10579187B2 (en) Display control apparatus, display control method and display control program
JP5360058B2 (en) Information processing apparatus, display control method, and program
CA2766140C (en) Non-homogeneous objects magnification and reduction
KR101450584B1 (en) Method for displaying screen in terminal
JP2005202635A (en) Image display method and device
JP2013544406A (en) Browsing related image search result sets
US20200168178A1 (en) Display method and display device
JP2014048735A (en) Display device, control method of the display device, and control program of the display device
US11409427B2 (en) Display control device, image forming apparatus, and non-transitory computer readable medium storing program
JP7452727B2 (en) Display method and display device
JP5974685B2 (en) Display device and program
KR20190127367A (en) Method of providing virtual exhibition space for efficient data management
JP7206807B2 (en) Display method and display device
JP2012037955A (en) Photographing information processing program and photographing information processing device
US11205403B2 (en) Drawing order determining method, drawing method, and drawing apparatus
US10025485B2 (en) Non-transitory storage medium storing display program and display device
JP7115219B2 (en) Display method and display device
JP2020087072A (en) Display method and display device
US20210026507A1 (en) Display method and display apparatus
JP7298133B2 (en) Display method and display device
JP7547967B2 (en) Image output device and program
JP2020071500A (en) Display method and display device
JP2019179461A (en) Pocketbook management device, pocketbook management program, and pocketbook management method
JP7585749B2 (en) Image output device and program
US20240134500A1 (en) Display apparatus, control method for display apparatus and non-transitory computer-readable storage medium

Legal Events

Date Code Title Description
RD03 Notification of appointment of power of attorney

Free format text: JAPANESE INTERMEDIATE CODE: A7423

Effective date: 20181120

RD07 Notification of extinguishment of power of attorney

Free format text: JAPANESE INTERMEDIATE CODE: A7427

Effective date: 20200810

A621 Written request for application examination

Free format text: JAPANESE INTERMEDIATE CODE: A621

Effective date: 20210804

RD04 Notification of resignation of power of attorney

Free format text: JAPANESE INTERMEDIATE CODE: A7424

Effective date: 20210917

RD03 Notification of appointment of power of attorney

Free format text: JAPANESE INTERMEDIATE CODE: A7423

Effective date: 20211108

A977 Report on retrieval

Free format text: JAPANESE INTERMEDIATE CODE: A971007

Effective date: 20220518

A131 Notification of reasons for refusal

Free format text: JAPANESE INTERMEDIATE CODE: A131

Effective date: 20220531

A521 Request for written amendment filed

Free format text: JAPANESE INTERMEDIATE CODE: A523

Effective date: 20220726

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

A61 First payment of annual fees (during grant procedure)

Free format text: JAPANESE INTERMEDIATE CODE: A61

Effective date: 20221219

R150 Certificate of patent or registration of utility model

Ref document number: 7206807

Country of ref document: JP

Free format text: JAPANESE INTERMEDIATE CODE: R150