JP2020087072A - Display method and display device - Google Patents

Abstract

To provide a display method and a display device that can overview and confirm all of a plurality of images.SOLUTION: The present display method is the display method that rotates each of a plurality of images F1-F4, S1-S4 arranged on a first virtual axis Q around each second virtual axis M intersecting with the first virtual axis Q and that further rotates around the first virtual axis Q to display the plurality of images F1-F4, S1-S4 on a display unit 140, and the display method has a first image bundle 21 in which the plurality of images F1-F4, S1-S4 are arranged in line in a first direction in the display unit 140, and when one image F3 is selected from among the plurality of images F1-F4, S1-S4 in the first image bundle 21, the display method displays a second image bundle 22, in which a plurality of sub-images A1, S31-S35, P31-P33 included in the selected selection image F3 are arranged in line in the first direction, on the display unit 140.SELECTED DRAWING: Figure 3

Description

The present invention relates to a display method and a display device.

Conventionally, in order to organize and store many information files such as image data, sound data, character data, etc. on a computer, a method widely used to group related files together by classifying each file into folders. It is being appreciated. For example, in Patent Document 1, folders are hierarchized, a plurality of files are stored therein, and when a folder is selected, thumbnail images such as files and images in the folder are displayed in a matrix on the display unit, A display method is disclosed in which files and images stored in a folder can be easily confirmed.

JP, 2005-352701, A

However, in the display method described in Patent Document 1, the number of thumbnail images that can be displayed at a time is limited in the thumbnail image display area of the display unit. It is not possible to display thumbnail images of all stored files and images. Therefore, there is a problem that it is impossible to look down and check all the files and images stored in the folder.

In the display method of the present application, each of the plurality of images and the plurality of sub-images arranged on the first virtual axis rotates about each second virtual axis intersecting the first virtual axis, Furthermore, it is a display method of displaying the image on the display unit by rotating it about the first virtual axis, and further comprising a first image bundle in which the plurality of images are arranged side by side in a first direction on the display unit. Then, the second image bundle in which the plurality of sub-images included in the selected image selected from the plurality of images in the first image bundle are arranged side by side in the first direction is displayed on the display unit. indicate.

In the display method described above, the second image bundle may be displayed hierarchically in a second direction that intersects the first direction.

In the display method described above, the selected image may be emphasized and displayed.

In the display method described above, when a plurality of image bundles including the first image bundle and the second image bundle are displayed in a hierarchical manner, when the instruction to enlarge the image bundle of the lowest layer is received, the maximum image bundle is displayed. The lower layer image bundle may be enlarged and displayed.

The display device of the present application is arranged on a first virtual axis and a display unit that displays a first image bundle composed of a plurality of images and a second image bundle composed of a plurality of sub-images. Each of the plurality of images and the plurality of sub-images is rotated about a second virtual axis intersecting the first virtual axis, and further rotated about the first virtual axis. An image generation unit that generates a plurality of images and the plurality of sub-images, an image of the first image bundle in which the plurality of images are arranged side by side in the first direction in the display unit, and the plurality of sub-images Is selected from among a plurality of images in the first image bundle and a display image generation unit that generates an image of the second image bundle arranged side by side in the first direction in the display unit. And a control unit configured to display the second image bundle configured by the plurality of sub-images included in the selected image on the display unit.

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. FIG. 7 is a diagram showing a display example 1 in which thumbnail image bundles are displayed as image bundles of selected images. The flowchart explaining the display method which carries out the image bundle of the selected 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. FIG. 8 is a diagram showing a second display example in which an image bundle included in the selected thumbnail image is enlarged and displayed. FIG. 11 is a diagram showing a display example 3 in which an image bundle included in the selected thumbnail image is displayed. FIG. 9 is a diagram showing a display example 4 in which an image bundle included in the selected thumbnail image is enlarged and displayed.

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.

[Embodiment]
<Display device>
First, the configuration of the display device 100 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 the configuration of functions related to the display of thumbnail images and thumbnail bundles of each page of an electronic book or electronic photograph on the display device. FIG. 3 is a diagram showing a display example 1 in which a thumbnail image as a selected image is highlighted.

As shown in FIG. 1, the display device 100 is a device for browsing electronic books and electronic photographs stored in folders and files together with folders and files. Thumbnail images F1 to F4 as images of folders and files and thumbnail images S1 to S4 as covers representing files of electronic books and a plurality of electronic photographs are used as search screens for images of pages such as electronic photographs and screens to be displayed. , S31 to S35, thumbnail images A1 of icons, and thumbnail images P31 to P33 in which electronic pages and electronic photographs are reduced in size. That is, the display device 100 is an example of an electronic device capable of displaying an image. In the following description, as images to be displayed on the display device 100, as shown in FIG. 3, a first thumbnail bundle 21 as a first bundle of images in which a plurality of thumbnail images F1 to F4 and S1 to S4 are displayed side by side; As a second image bundle in which thumbnail images A1, S31 to S35, P31 to P33 as a plurality of sub-images stored in the file represented by the thumbnail image F3 as the selected image selected from the one thumbnail bundle 21 are displayed side by side The second thumbnail bundle 22 of is illustrated and described.

Moreover, in the following description, the "first direction" and the "second direction" are used. The “first direction” in this specification means a horizontal direction or a horizontal direction when the screen of the display unit 140 is directly facing the user in a state in which the display of the display unit 140 is legible. 5A to 5E, which corresponds to the direction along the first virtual axis Q. 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. The vertical direction or the vertical direction corresponds to the direction along the second virtual axis M shown in FIGS. 5A to 5E. 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 a “first direction” that is a direction along the horizontal direction or the horizontal direction of the display unit 140, and the Y axis is a direction that is a direction that is along the vertical direction or the vertical direction of the display unit 140 “the second direction”. Is consistent with the "direction." Further, the +Y axis is also referred to as an upper side and the -Y axis is referred to as a lower side.

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 (not shown) or wire communication (not shown) that can exemplify Bluetooth (registered trademark) communication.

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.

As shown in FIG. 2, the display device 100 has, as a hardware configuration, a control unit 110 including a thumbnail image generation unit 120 as an image generation unit and a display image generation unit 130, a display unit 140, an operation unit 150, and a storage. The unit 160 is provided.

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 specifies the operation content from the signal sent from the operation unit 150, and according to the specified content, a process of sending thumbnail images F1 to F4, S1 to S4 as images or pages of an electronic book, a thumbnail image. F1 to F4, S1 to S4 and the process of returning a page of an electronic book, thumbnail images F1 to F4, S1 to S4, a first thumbnail bundle 21, and a thumbnail image F3 as a selected image selected from the first thumbnail bundle 21. A process of displaying the second thumbnail bundle 22 of the thumbnail images A1, S31 to S35, P31 to P33 as sub-images stored in the represented file on the display unit 140, a process of highlighting the selected thumbnail image F3, etc. I do.

Specifically, the control unit 110 can access the storage unit 160 and write and read various data such as files, electronic books, and electronic photographs to the storage unit 160. Further, the control unit 110 instructs the thumbnail image generation unit 120 and the display image generation unit 130 to display thumbnail images F1 to F4 of folders and files, and thumbnail images as a cover representing files of electronic books and a plurality of electronic photographs. S1 to S4, S31 to S35, thumbnail images A1 of icons, thumbnail images P31 to P33 in which various data such as electronic books and electronic photographs are reduced, first thumbnail bundle 21, and second thumbnail bundle 22 are generated. , It is possible to generate their display image data.

Further, the control unit 110, as shown in FIG. 3, has thumbnail images F1 to F4 of the files generated by the thumbnail image generation unit 120 and thumbnail images S1 to S4 as a cover representing files of an electronic book or a plurality of electronic photographs. The images generated in the first thumbnail bundle 21 are displayed on the display unit 140 by arranging S4 side by side in the first direction, which is the horizontal direction of the display unit 140 by the display image generation unit 130, in the X-axis direction in the drawing. In addition, as shown in FIG. 3, the control unit 110 is stored in the file represented by the thumbnail image F3 selected by the user from the plurality of thumbnail images F1 to F4 and S1 to S4 included in the first thumbnail bundle 21. A thumbnail image A1 of an icon for music reproduction, thumbnail images S31 to S35 as a cover representing files of electronic books and a plurality of electronic photographs, and thumbnail images P31 to P33 obtained by reducing various data such as electronic books and electronic photographs are displayed. The images of the second thumbnail bundle 22 arranged side by side in the first direction are generated, and the images of the second thumbnail bundle 22 are hierarchically displayed along the second direction intersecting the first direction. That is, the second thumbnail bundle 22 is displayed above the first thumbnail bundle 21.

Further, as shown in FIG. 3, the control unit 110 emphasizes the thumbnail image F3 selected by the user operating the operation unit 150 from the plurality of thumbnail images F1 to F4 and S1 to S4 included in the first thumbnail bundle 21. indicate. In the present embodiment, the selected thumbnail image F3 is highlighted by graying out and displaying the unselected thumbnail images F1, F2, F4, and S1 to S4. Further, the outline of the selected thumbnail image F3 may be displayed thicker than the outlines of the thumbnail images F1, F2, F4, S1 to S4 that are not selected for emphasis display.

The thumbnail image generation unit 120 reads various data from the storage unit 160 and generates thumbnail images S1 to S4 in which thumbnail data F1 to F4 of folders and files and various data of electronic books and electronic photographs are reduced. Further, the thumbnail image A1 of the icon stored in the file represented by the thumbnail image F3 selected by the user, the thumbnail images S31 to S35 as the cover representing the files of the electronic book or the plurality of electronic photographs, the electronic book or the electronic photograph. The thumbnail images P31 to P33 obtained by reducing various data such as are read from the storage unit 160 and are also generated.

Specifically, the thumbnail image generation unit 120 is arranged on the first virtual axis Q shown in FIGS. 5A to 5E along the first direction which is the horizontal direction of the screen configuring the display unit 140, and the first 5A to 5E along the second direction which is the vertical direction of the screen of the display unit 140 and intersects the first virtual axis Q, or is rotated about the second virtual axis M shown in FIGS. Thumbnail images F1 to F4, S1 to S4, A1, S31 to S35, and P31 to P33 are generated as a plurality of images rotated about the first virtual axis Q. The method for generating the thumbnail images F1 to F4, S1 to S4, A1, S31 to S35, and P31 to P33 will be described in detail later.

The display image generation unit 130 arranges the plurality of thumbnail images F1 to F4, S1 to S4 generated by the thumbnail image generation unit 120 side by side in the first direction, which is the horizontal direction of the display unit 140, to arrange the first thumbnail bundle 21. Generate an image of. In addition, a plurality of thumbnail images A1, S31 to S35, P31 to P33 contained in the file represented by the thumbnail image F3 selected by the user are arranged side by side in the first direction which is the horizontal direction of the display unit 140. An image of the two thumbnail bundle 22 is generated.

The display unit 140 is stored in the file represented by the first thumbnail bundle 21 including the plurality of thumbnail images F1 to F4 and S1 to S4 and the thumbnail image F3 selected by the user based on the instruction of the control unit 110. The second thumbnail bundle 22 including the plurality of thumbnail images A1, S31 to S35, P31 to P33 is displayed as an image. 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.

The operation unit 150 includes operation buttons and a touch panel operated by the user. The operation unit 150 can send an operation signal generated by an operation such as pressing an operation button or dragging and dropping or flicking the touch panel to the control unit 110.

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. It should be noted that the storage unit 160 stores, as folders and files, for example, a folder that stores a plurality of files as one group, and a file that stores a plurality of book data composed of a plurality of pages as one group. Alternatively, it is possible to store a file that stores a plurality of pieces of electrophotographic data as one unit.

According to the display device 100 of the present embodiment, the thumbnail image F1 to F4, S1 to S4 as a plurality of images and the thumbnail images A1, S31 to S35, P31 to P33 as a plurality of sub images are configured in the display unit 140. Is arranged on the first virtual axis Q along the first direction which is the horizontal direction of the screen, intersects with the first virtual axis Q, and extends along the second direction of the screen constituting the display unit 140. Since the image is rotated around each second virtual axis M and further around the first virtual axis Q, it is possible to obtain a tilted image. Therefore, the first thumbnail bundle 21 as a first image bundle in which the plurality of thumbnail images F1 to F4 and S1 to S4 are arranged side by side in the first direction and the plurality of thumbnail images A1, S31 to S35, and P31 to P33 are The second thumbnail bundle 22 as the second image bundle arranged side by side in the 1 direction and the second thumbnail bundle 22 can be hierarchically displayed in the second direction and displayed on the display unit 140. Therefore, many images can be displayed in the display area of the display unit 140, and all the thumbnail images F1 to F4 and S1 to S4 that form the first thumbnail bundle 21 and all the thumbnail images that form the second thumbnail bundle 22. The thumbnail images A1, S31 to S35, P31 to P33 can be overlooked and confirmed.
Further, since the thumbnail image F3 selected by the user is highlighted, the thumbnail images F1, S31 to S35, and P31 to P33 forming the second thumbnail bundle 22 are stored in the thumbnail image F3. It can be easily confirmed.

<Display method>
[Display example 1]
Next, a display method in the display device 100 will be described with reference to FIG.
FIG. 4 is a flowchart illustrating a display method for highlighting a selected thumbnail image, 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.

First, the control unit 110 selects thumbnail images F1 to F4 that form a first thumbnail bundle 21 displayed as a search screen from a folder that stores a plurality of files such as book data and electrophotographic data stored in the storage unit 160. , S1 to S4 are read out (step S101). Further, when the operation unit 150 performs an operation of selecting one of a plurality of files such as book data and electrophotographic data stored in the storage unit 160, the control unit 110 selects the selected data. It is read from the storage unit 160.

Next, the control unit 110 supplies the file data read from the storage unit 160 to the thumbnail image generation unit 120 (step S102). The thumbnail image generation unit 120 generates thumbnail images F1 to F4 and S1 to S4 of the respective files rendered based on the received file data, and supplies the thumbnail images F1 to F4 and S1 to S4 to the display image generation unit 130 (step S103).

Note that the thumbnail images F1 to F4, S1 to S4, etc. as images are arranged on the first virtual axis Q shown in FIGS. 5A to 5E, for example, along the first direction of the screen configuring the display unit 140. , Intersects with the first virtual axis Q and rotates about the second virtual axis M shown in each of FIGS. 5A to 5E along the second direction of the screen forming the display unit 140, and further, It is an image rotated and displayed around the virtual axis Q of 1. In this way, the thumbnail images F1 to F4, S1 to S4, etc. are rotated about the first virtual axis Q and the second virtual axis M, so that the screen is displayed to the user in a readable state. When facing each other, the first thumbnail bundle 21 composed of a plurality of thumbnail images F1 to F4, S1 to S4, etc. is transformed into a state in which it can be overlooked. That is, the thumbnails of the files are displayed so that the plurality of thumbnail images F1 to F4, S1 to S4, etc. included in the first thumbnail bundle 21 are viewed obliquely from above and the page looks like a bird's eye view. Images F1 to F4, thumbnail images S1 to S4 as a cover representing files of an electronic book and a plurality of electronic photographs, and the like are modified.

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 following description of the process of deforming the thumbnail image, the reference symbols F1 to F4 and S1 to S4 of the thumbnail image are omitted.

Each thumbnail image supplied from the thumbnail image generation unit 120 is an image showing a file or each page of a book such as a book in a plan view. As shown in FIG. 5B, the length in the vertical direction is L, and the length in the horizontal direction is L. It is an image P1b having a length S. In other words, in the image P1b, 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.

The thumbnail image generation unit 120 generates an image obtained by transforming each thumbnail image representing each page such as an image showing a file or a book. Specifically, as shown in FIG. 5A, the thumbnail image generation unit 120 vertically arranges the page P1a on the first virtual axis Q set on the virtual horizontal plane N in the virtual space, as shown in FIG. 5A. Then, about the respective second virtual axes M intersecting with the first virtual axis Q, the page P1a is rotated at the rotation angle θ from the reference position R in which the horizontal direction is parallel to the horizontal direction of the display area. Further, the thumbnail image generation unit 120 rotates the page P1a rotated about each second virtual axis M in the virtual space at the depression angle φ not shown about the first virtual axis Q. Generate an image. That is, the thumbnail image generation unit 120 looks down the page P1a obliquely at a depression angle φ (not shown) from the viewpoint above the upper side of the page P1a rotated about the second virtual axis M in the virtual space. Generate an image. In other words, an image obtained by transforming each thumbnail image is generated as a bird's-eye view of the page P1a in the virtual space from a viewpoint above the upper side of the page P1a with a perspective angle φ not shown. When the page is not rotated, the horizontal direction of the page is parallel to the first direction, which is the horizontal 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 along the side in the second direction that is the vertical direction of the page, and may be a configuration that intersects the side in the horizontal direction of the page. Good.

Specifically, first, the thumbnail image generation unit 120 does not deform the horizontal width of the image P1b shown in FIG. 5B in which each page is viewed from the front, and changes the width in the vertical direction as shown in FIG. 5C. Is added to generate an image P1c in which the right side of the image P1b in FIG. 5B is shifted by S·sin θ·tan φ from the left side. Next, as shown in FIG. 5D, the thumbnail image generation unit 120 generates an image P1d obtained by horizontally reducing the image P1c in FIG. 5C by a magnification of cos θ. As a result, the width of the image P1d becomes S·cos θ. Then, finally, as shown in FIG. 5E, the thumbnail image generation unit 120 generates an image P1e obtained by vertically reducing the image P1d of FIG. 5D by a magnification of cos φ. As a result, the vertical dimension of the image P1e is L·cos φ. As a result, an image P1e obtained by rotating the page about the second virtual axis M at the rotation angle θ and further rotating the page about the first virtual axis Q is obtained. In other words, the image P1e 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.

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.

Returning to FIG. 4, the display image generation unit 130 arranges the thumbnail images F1 to F4 and S1 to S4 of the images and pages showing the respective files supplied from the thumbnail image generation unit 120 so as to be arranged in the first direction. The generated first thumbnail bundle 21 is generated (step S104).

Then, the display image generation unit 130 generates the display image of the first thumbnail bundle 21 generated as the image bundle (step S105). Here, the display image generation unit 130 arranges the plurality of modified thumbnail images F1 to F4 and S1 to S4 so as to partially overlap with the adjacent images to generate the first thumbnails. A bundle 21 is formed.

Then, the control unit 110 displays the plurality of thumbnail images F1 to F4, S1 to S4 generated by the display image generation unit 130 on the display unit 140 as the first thumbnail bundle 21 (step S106).

Next, in step S107, when it is selected in step S107 that the lower layer thumbnail bundle is displayed (Yes), the process proceeds to step S108, in which the user configures the thumbnail image forming the first thumbnail bundle 21. When the thumbnail image F3 for displaying the thumbnail bundle is selected from F1 to F4 and S1 to S4, the selected thumbnail image F3 is highlighted (step S109). In the case of the present embodiment, the selected thumbnail image F3 is highlighted by graying out the unselected thumbnail images F1, F2, F4, S1 to S4. The outline of the selected thumbnail image F3 may be displayed thicker than the outlines of the non-selected thumbnail images F1, F2, F4, and S1 to S4 for emphasis display.

Next, the control unit 110, from the file represented by the thumbnail image F3 stored in the storage unit 160, file data corresponding to the thumbnail images A1, S31 to S35, and P31 to P33 forming the second thumbnail bundle 22. Is read (step S110).

After that, returning to step S102, the file data of the selected thumbnail image F3 is supplied to the thumbnail image generation unit 120, and the thumbnail image generation unit 120 generates thumbnail images A1, S31 to S35, P31 to P33 (step S103). The display image generation unit 130 generates the second thumbnail bundle 22 in which the thumbnail images A1, S31 to S35, P31 to P33 are arranged side by side in the first direction (step S104), and generates the display image (step S104). S105).

The control unit 110 then changes the display image of the second thumbnail bundle 22 composed of the plurality of thumbnail images A1, S31 to S35, P31 to P33 generated by the display image generating unit 130 to the display image of the first thumbnail bundle 21. And is displayed on the display unit 140 in a hierarchy along the second direction (step S106). That is, the display image of the second thumbnail bundle 22 is displayed above the display image of the first thumbnail bundle 21.

Next, in step S107, if the lower layer thumbnail bundle is not selected but is not selected (No), the process proceeds to step S111, and if thumbnail thumbnail display is not selected (No), the first thumbnail is displayed. The display image of the second thumbnail bundle 22 composed of a plurality of thumbnail images A1, S31 to S35, P31 to P33 in which the files of the thumbnail images F3 selected from the bundle 21 are stored is the display image of the first thumbnail bundle 21. Is displayed above, and the flow of the display method ends.

According to the display method of the display example 1 as described above, the thumbnail images F1 to F4, S1 to S4 as a plurality of images and the thumbnail images A1, S31 to S35, P31 to P33 as a plurality of sub images are displayed on the display unit. The second direction of the screen which is arranged on the first virtual axis Q along the first direction which is the horizontal direction of the screen configuring the 140 and intersects the first virtual axis Q and configures the display unit 140. Since the image is rotated around each of the second virtual axes M and along the first virtual axis Q, a tilted image can be obtained. Therefore, the first thumbnail bundle 21 is configured by arranging the plurality of thumbnail images F1 to F4 and S1 to S4 side by side in the first direction to form the first thumbnail bundle 21 as the first image bundle in which the thumbnail images are overlapped with each other. All the thumbnail images F1 to F4 and S1 to S4 to be viewed can be viewed and confirmed. Further, a plurality of thumbnail images A1, S31 to S35, P31 to P33 in which the files of the thumbnail image F3 as the selected image selected from the first thumbnail bundle 21 are stored are also formed into inclined images, By setting the second thumbnail bundle 22 as the second bundle of images that are overlapped with each other, all the thumbnail images A1, S31 to S35, P31 to P33 forming the second thumbnail bundle 22 can be viewed and confirmed. ..

Further, since the second thumbnail bundle 22 is hierarchically displayed along the second direction intersecting the first direction, many images can be displayed in the display area of the display unit 140. Therefore, all the thumbnail images F1 to F4, S1 to S4, A1, S31 to S35, and P31 to P33 that form the first thumbnail bundle 21 and the second thumbnail bundle 22 can be viewed and confirmed.

Further, since the thumbnail image F3 selected by the user can be highlighted, the thumbnail images A1, S31 to S35, P31 to P33 forming the second thumbnail bundle 22 are stored in the thumbnail image F3. And can be easily confirmed.

[Display example 2]
Next, display example 2 in which the second thumbnail bundle 22 in display example 1 described above is enlarged and displayed will be described with reference to FIGS. 4 and 6.
FIG. 6 is a diagram showing a second display example in which the image bundle included in the selected thumbnail image is enlarged and displayed. In addition, also in the description of the display example 2, the constituent elements of the display device 100 will be described with the same reference numerals as above.

The first thumbnail bundle 21 of FIG. 3 and a plurality of thumbnail images A1, S31 to S35, P31 to P33 of the thumbnail images F3 selected from the first thumbnail bundle 21 are stored in the second thumbnail bundle 22. In the display example 1 in which “,” is displayed, the display method of enlarging and displaying the second thumbnail bundle 22 is as follows (No) when the thumbnail bundle in the lower layer of the second thumbnail bundle 22 is not displayed in step S107 of FIG. , And proceeds to step S111.

Next, when the enlarged display of the second thumbnail bundle 22 is selected in step S111 (Yes), the user instructs the enlargement of the second thumbnail bundle 22 using the operation unit 150 (step S112). For example, on the touch panel, the user gives an enlargement instruction by “pinching out” on the second thumbnail bundle 22 displayed on the display unit 140 with two fingers.

Next, in step S113, if the thumbnail bundle instructed to be enlarged is not the lowest layer in step S113 (No), the thumbnail bundle is not enlarged and displayed, and the flow of the display method ends. When the thumbnail bundle for which enlargement is instructed is the lowest layer (Yes), the second thumbnail bundle 22 for which enlargement is instructed is enlarged and displayed (step S114). Although the enlarged second thumbnail bundle 22 is displayed above the first thumbnail bundle 21 in the present embodiment, the enlarged second thumbnail bundle 22 may be displayed so as to overlap the first thumbnail bundle 21. By overlapping and displaying the first thumbnail bundle 21, the second thumbnail bundle 22 can be displayed in a larger scale.

According to the display method of the display example 2 as described above, a plurality of thumbnail images forming the second thumbnail bundle 22 are displayed by enlarging the second thumbnail bundle 22 by instructing to enlarge the second thumbnail bundle 22. It becomes easy to confirm A1, S31 to S35, and P31 to P33.

[Display example 3]
Next, a display example 3 in which the third thumbnail bundle 23 in the lower layer of the second thumbnail bundle 22 in the display example 1 described above is displayed will be described with reference to FIGS. 4 and 7.
FIG. 7 is a diagram showing a display example 3 in which the image bundle included in the selected thumbnail image is displayed. 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.

The first thumbnail bundle 21 of FIG. 3 and a plurality of thumbnail images A1, S31 to S35, P31 to P33 of the thumbnail images F3 selected from the first thumbnail bundle 21 are stored in the second thumbnail bundle 22. In the display example 1 in which “,” is displayed, the lower layer thumbnail bundle is displayed above the second thumbnail bundle 22 in the case where the lower layer thumbnail bundle of the second thumbnail bundle 22 is displayed in step S107 of FIG. As (Yes), the process proceeds to step S108.

Next, when the user selects the thumbnail image S34 that displays the thumbnail bundle from the thumbnail images A1, S31 to S35, and P31 to P33 that form the second thumbnail bundle 22 in step S108, the control unit 110 does not select the thumbnails. The selected thumbnail image S34 is highlighted by graying out the images A1, S31 to S33, S35, and P31 to P33 (step S109).

Next, the control unit 110 reads the file data corresponding to the thumbnail images P341 to P348 forming the third thumbnail bundle 23 from the file represented by the thumbnail image S34 stored in the storage unit 160 (step S110). ..

Then, the process returns to step S102, the file data of the selected thumbnail image S3 is supplied to the thumbnail image generation unit 120, and the thumbnail image generation unit 120 generates thumbnail images P341 to P348 (step S103), and the display image generation unit 130. Then, the third thumbnail bundle 23 in which the thumbnail images P341 to P348 are arranged side by side in the first direction is generated (step S104), and the display image is generated (step S105).

Then, the control unit 110 causes the display image of the third thumbnail bundle 23 composed of the plurality of thumbnail images P341 to P348 generated by the display image generating unit 130 to be in the second direction of the display image of the second thumbnail bundle 22. The data is hierarchically displayed along with and displayed on the display unit 140 (step S106). That is, the display image of the third thumbnail bundle 23 is displayed above the display image of the second thumbnail bundle 22.

According to the display method of the display example 3 as described above, the first thumbnail bundle 21, the second thumbnail bundle 22, and the third thumbnail bundle 23 can be hierarchically displayed on the display unit 140. Each image forming each of the thumbnail bundle 21, the second thumbnail bundle 22, and the third thumbnail bundle 23 can be overlooked and confirmed. Therefore, it becomes very easy to search for images stored in each file.

[Display example 4]
Next, display example 4 in which the third thumbnail bundle 23 in display example 3 described above is enlarged and displayed will be described with reference to FIGS. 4 and 8.
FIG. 8 is a diagram showing a display example 4 in which the image bundle included in the selected thumbnail image is enlarged and displayed. In addition, also in the description of the display example 4, constituent parts of the display device 100 will be described with the same reference numerals as above.

The third thumbnail bundle of the plurality of thumbnail images P341 to P348 in which the files of the first thumbnail bundle 21, the second thumbnail bundle 22, and the thumbnail image S34 selected from the second thumbnail bundle 22 of FIG. In the display example 3 in which 23 and 23 are displayed, the display method of enlarging and displaying the third thumbnail bundle 23 is as follows: No thumbnail bundle in the lower layer of the third thumbnail bundle 23 is displayed in step S107 of FIG. 4 (No). Then, the process proceeds to step S111.

Next, in step S111, when the user enlarges and displays the third thumbnail bundle 23 (Yes), the user gives an instruction to enlarge the third thumbnail bundle 23 through the operation unit 150 (step S112). For example, on the touch panel, the user gives an enlargement instruction by “pinching out” on the third thumbnail bundle 23 displayed on the display unit 140 with two fingers.

Next, in step S113, if the thumbnail bundle instructed to be enlarged is the lowest layer in step S113 (Yes), the third thumbnail bundle 23 instructed to be enlarged is enlargedly displayed (step S114). In the present embodiment, the enlarged third thumbnail bundle 23 is displayed above the first thumbnail bundle 21 and the second thumbnail bundle 22, but the first thumbnail bundle 21 and the second thumbnail bundle 22 are overlapped and enlarged. You can display it. By superimposing and displaying the first thumbnail bundle 21 and the second thumbnail bundle 22, the third thumbnail bundle 23 can be displayed in a larger scale. The plurality of thumbnail images P341 to P348 that form the third thumbnail bundle 23 can be more easily confirmed. Further, in the present embodiment, three layers are displayed, but the present invention is not limited to this, and three or more layers may be displayed. In the case of three or more layers, the thumbnail bundle of the lowest layer can be enlarged and displayed by instructing to enlarge the thumbnail bundle of the lowest layer.

According to the display method of the display example 4 as described above, a plurality of thumbnail images forming the third thumbnail bundle 23 are displayed by enlarging the third thumbnail bundle 23 by instructing to enlarge the third thumbnail bundle 23. It becomes easy to confirm P341 to P348. That is, when a plurality of thumbnail bundles are displayed hierarchically, the thumbnail bundle of the lowest layer is enlarged and displayed by enlarging the thumbnail bundle of the lowest layer, and the thumbnail bundle of the lowest layer is displayed. It is easy to check the thumbnail image of.

The contents derived from the above-described embodiment will be described below.

In the display method, each of the plurality of images and the plurality of sub-images arranged on the first virtual axis rotates about each second virtual axis intersecting the first virtual axis, and further, A display method of rotating on a first virtual axis and displaying on a display unit, the first image bundle having the plurality of images arranged side by side in a first direction on the display unit, A second image bundle in which the plurality of sub-images included in the selected image selected from the plurality of images in the first image bundle are arranged side by side in the first direction is displayed on the display unit. ..

According to this display method, since the images are tilted and arranged side by side in the first direction in the display unit, many images can be displayed in the display area of the display unit, and all the first image bundles can be displayed. You can look down at the image and check it. Furthermore, since the plurality of sub-images included in the selected selected image from the first image bundle are also arranged side by side in the first direction with a tilt, all the images are overlooked as the second image bundle. And you can check.

In the display method described above, the second image bundle may be displayed hierarchically in a second direction that intersects the first direction.

According to this display method, since the second image bundle is hierarchically displayed along the second direction intersecting the first direction, many images can be displayed in the display area of the display unit. Therefore, all the images and sub-images forming the first image bundle and the second image bundle can be viewed and confirmed.

In the display method described above, the selected image may be emphasized and displayed.

According to this display method, it is possible to easily confirm that the second image bundle is included in the selected image by highlighting and displaying the selected selected image.

In the display method described above, when a plurality of image bundles including the first image bundle and the second image bundle are displayed in a hierarchical manner, when the instruction to enlarge the image bundle of the lowest layer is received, the maximum image bundle is displayed. The lower layer image bundle may be enlarged and displayed.

According to this display method, the image bundle of the lowermost layer is enlarged and displayed in response to the instruction to enlarge the image bundle of the lowermost layer, so that it is easy to confirm each image forming the image bundle of the lowermost layer. ..

The display device includes a display unit that displays a first image bundle composed of a plurality of images and a second image bundle composed of a plurality of sub-images, and the plurality of units arranged on a first virtual axis. Image and the plurality of sub-images are rotated about respective second virtual axes intersecting the first virtual axis, and further rotated about the first virtual axis. An image generation unit that generates an image and the plurality of sub-images; an image of the first image bundle in which the plurality of images are arranged side by side in a first direction on the display unit; A display image generation unit that generates an image of the second image bundle arranged side by side in the first direction in the display unit, and a selected image selected from the plurality of images in the first image bundle. And a control unit configured to display the second image bundle configured by the plurality of sub-images included in the display unit on the display unit.

According to this display device, since the images are tilted and arranged side by side in the first direction in the display unit, many images can be displayed in the display area of the display unit, and all the images as the first image bundle are displayed. You can look down at the image and check it. Furthermore, since a plurality of sub-images included in the selected image selected from the first image bundle are also arranged side by side in the first direction with a tilt, all the sub-images are arranged as the second image bundle. You can look down and check.

21... First thumbnail bundle as first image bundle, 22... Second thumbnail bundle as second image bundle, 100... Display device, 110... Control unit, 120... Thumbnail image generating unit as image generating unit, 130... Display image generation unit, 140... Display unit, 150... Operation unit, 160... Storage unit, A1... Thumbnail images as sub images, F1, F2, F4... Thumbnail images as images, F3... Thumbnail images as selected images, M... Second virtual axis, N... Virtual horizontal plane, P31, P32, P33... Thumbnail image as sub-image, Q... First virtual axis, R... Reference position, S1, S2, S3, S4... As image Thumbnail image, S31, S32, S33, S34, S35... Thumbnail image as sub-image, θ... Rotation angle.

Claims (5)

Each of the plurality of images and the plurality of sub-images arranged on the first virtual axis rotates about each second virtual axis intersecting with the first virtual axis, and further, the first virtual axis. It is a display method of rotating around an axis and displaying it on the display unit,
The plurality of images has a first image bundle arranged side by side in a first direction on the display unit,
A second image bundle in which the plurality of sub-images included in the selected image selected from the plurality of images in the first image bundle are arranged side by side in the first direction is displayed on the display unit. ,
Display method. Displaying the second image bundle in a hierarchy along a second direction intersecting with the first direction,
The display method according to claim 1. The selected image is highlighted and displayed,
The display method according to claim 1 or 2. When a plurality of image bundles including the first image bundle and the second image bundle are displayed in a layered manner, when an instruction to enlarge the image bundle of the lowest layer is received, the image bundle of the lowest layer is displayed. Enlarge,
The display method according to any one of claims 1 to 3. A display unit for displaying a first image bundle composed of a plurality of images and a second image bundle composed of a plurality of sub-images;
Each of the plurality of images and the plurality of sub-images arranged on the first virtual axis is rotated about each second virtual axis intersecting the first virtual axis, and the first image is further rotated. An image generation unit that generates the plurality of images and the plurality of sub-images rotated about the virtual axis of
The plurality of images are arranged side by side in the first direction on the display unit, and the images of the first image bundle and the plurality of sub-images are arranged side by side in the first direction on the display unit. A display image generation unit that generates the image of the second image bundle,
A control unit configured to display the second image bundle configured by the plurality of sub-images included in the selected image selected from the plurality of images in the first image bundle on the display unit;
Is equipped with,
Display device.

Images