JP6731192B2 - Display program and display device - Google Patents

Description

The present invention relates to a technique of scrolling a plurality of images.

Conventionally, there is known a technique of displaying a plurality of images, displaying a page number above each image, and moving the image and the page number to display another image when a scroll operation is accepted ( For example, see Patent Document 1).

JP, 2008-293496, A (Drawing 7 grade).

However, according to the above-mentioned conventional technique, since the page number displayed above each image occupies a part of the display area of the display unit, the image has to be displayed smaller by that amount. In the case of a display unit having a small display area, there is a problem that it is difficult to grasp the content of the image.
The present specification discloses a technique that makes it easy to understand the content of an image when not scrolling and which can easily determine which image is currently displayed when scrolling.

A display program disclosed by the present specification is a display program executed by a display device including a display unit for displaying an image and an operation unit, and a plurality of images are displayed on the display unit while each of the images is displayed. Display processing for not displaying the identifier assigned to the display unit, and when a scroll operation is accepted by the operation unit, the image displayed on the display unit is moved in a direction according to the scroll operation. A scrolling process of displaying a new image on the display unit is executed by the display device, and in the scrolling process, the identifier of the image is displayed by being superimposed on each of the images, and the displayed identifier is Move with the image.

In the scroll process, the display program may hide the identifier based on the timing of ending the scroll operation or the timing of ending the movement of the image.

Further, in the above display program, a page number may be given to the image, and the identifier may be the page number.

Further, the display program may display the identifier in an image area of the image in the scrolling process.

Further, the display program may display the identifier for the image in which only a partial area is displayed on the display unit in the scrolling process.

Further, the display program may display the identifier in the scroll process by enlarging or reducing the identifier according to the size of the image.

Further, the display program causes the display device to perform a selection process of selecting the image displayed on the display unit, and in the selection process, the graphic indicating the selected image is the selected image. May be displayed overlaid on the image, and the identifier and the figure may be displayed overlaid on the image in the scrolling process.

Further, the display program displays a display area image indicating a display area of each image on the display unit before the image is displayed by the display process, and the image is displayed on each display area image. The display device may be caused to perform an initial display process of displaying the identifier in a superimposed manner and hiding the display area image and the identifier based on the timing at which the image is displayed by the display process.

In the scroll processing, the display program may move each of the images by replacing the image with an image having a lower resolution than the image or a frame indicating the outline of the image.

Further, the display program, when a scaling operation is accepted by the operation unit, performs a scaling process for scaling the image to a size according to the scaling operation, and the display according to the scaling process. A changing process for changing the number of the images displayed on the display unit, and causing the display device to execute the changing process. While displaying a display area image showing the display area of each of the image, the identifier of the image is displayed on each of the display area images in an overlapping manner, and based on the timing of displaying the enlarged or reduced image. The display area image and the identifier may be hidden.

A display device disclosed by the present specification includes a display unit that displays an image, an operation unit, and a control unit, and the control unit displays a plurality of images on the display unit, while When a display process of not displaying the assigned identifier on the display unit and a scroll operation is accepted by the operation unit, the image displayed on the display unit is moved in a direction according to the scroll operation to newly display the image. A scrolling process of displaying a different image on the display unit is performed, and in the scrolling process, the identifier of the image is overlaid on each image, and the displayed identifier is moved together with the image.

The present invention can be implemented in various forms such as a display method and a recording medium recording a display program.

If the identifier of the image is not always displayed, the area of the display area occupied by the identifier can be reduced, so that the image can be displayed correspondingly larger. However, if the identifier is not displayed, when the image is scrolled, which image is currently displayed on the display unit must be determined from the content of the moving image, which makes the determination difficult. ..
In this case, if the identifier is always displayed over the image, the area occupied by the identifier can be reduced, and which image is currently displayed when scrolled can be determined from the identifier. However, in that case, the identifier always overlaps with the image, and it becomes difficult to grasp the content of the image when not scrolling.

According to the above display program and the display device, the identifier is not displayed when the scroll processing is not executed, so that it is not necessary to secure an area for displaying the identifier in the vicinity of each image, and the image is displayed correspondingly. It can be displayed large.
Further, according to the display program and the display device described above, the identifier of each image is displayed when the image is moved by the scrolling process, so that which image is currently displayed can be easily determined.
Further, according to the display program and the display device described above, when the image is moved by the scrolling process, the identifier is displayed by being superimposed on the image, so that there is no area for displaying the identifier near each image. Even in this case, the identifier can be displayed in a visible size.

Therefore, according to the display program and the display device described above, it becomes easy to understand the content of the image when not scrolling, and it is possible to easily determine which image is currently displayed when scrolling.

FIG. 3 is a schematic diagram showing the mobile phone according to the first embodiment and a printer communicably connected to the mobile phone. Block showing a simplified electrical configuration of a mobile phone. The schematic diagram which shows an example of a PDF document. The schematic diagram which shows an example of the screen displayed by a display program. FIG. 6 is a schematic diagram for explaining a process of displaying a thumbnail image on the screen. The flowchart which shows the flow of the process which displays a thumbnail image. The schematic diagram for demonstrating a scroll process. The schematic diagram which expands and shows the screen 20E shown in FIG. The flowchart which shows the flow of a scroll process. The schematic diagram for demonstrating an enlargement/reduction process. The flowchart which shows the flow of an enlargement/reduction process. FIG. 6 is a schematic diagram showing in time series a case where thumbnail images are enlarged until the number of thumbnail images is only one. 7A and 7B are schematic diagrams for explaining a scroll process according to the second embodiment. FIG. 9 is a schematic diagram showing an example of a screen according to the third embodiment. 7A and 7B are schematic views for explaining scroll processing according to the third embodiment.

<Embodiment 1>
A first embodiment of the present invention will be described with reference to FIGS.
(1) Overall Configuration FIG. 1 is a schematic diagram showing a mobile phone 1 (an example of a display device) according to a first embodiment of the present invention and a printer 2 communicably connected to the mobile phone 1. The mobile phone 1 has a wireless communication function in addition to a call function, and is wirelessly connected to a communication network 4 such as a LAN (Local Area Network) or the Internet via a wireless LAN router 3 or the like. The mobile phone 1 can cause the printer 2 to print an image by instructing the printer 2 to print via the communication network 4.

(2) Electrical Configuration of Mobile Phone FIG. 2 is a block diagram showing a simplified electrical configuration of the mobile phone 1. The mobile phone 1 includes a control unit 11, a transmission/reception unit 12, a voice input/output unit 13, a wireless communication unit 14, a display unit 15, an operation unit 16, and a storage unit 17.

The control unit 11 includes an application processor, ROM, RAM and the like. The application processor controls each unit of the mobile phone 1 by executing various programs stored in the ROM or the storage unit 17. The ROM stores various programs and data to be executed by the application processor. The RAM is used as a main storage device for the application processor to execute various processes.

The transmission/reception unit 12 includes an antenna, an RF (Radio Frequency) circuit, a baseband processor, and the like, and transmits/receives an audio signal to/from the base station 5 via the antenna. The transmitter/receiver 12 is also configured to be able to perform packet communication with the base station 5.
The voice input/output unit 13 includes a microphone, a speaker, a voice processing circuit, and the like. The voice signal input by the microphone is transmitted to the base station 5 by the transmitting/receiving unit 12, and the voice signal received from the base station 5 by the transmitting/receiving unit 12 is sounded by the speaker.

The wireless communication unit 14 is configured according to Wi-Fi (registered trademark), and is wirelessly connected to the communication network 4 via the wireless LAN router 3 or the like.
The wireless communication standard is not limited to Wi-Fi as long as the mobile phone 1 can be wirelessly connected to the communication network 4. For example, the mobile phone 1 may be wirelessly connected by Bluetooth (registered trademark) or may be wirelessly connected by optical wireless data communication using infrared rays such as IrDA.
Further, in the present embodiment, the case where the mobile phone 1 is wirelessly connected to the communication network 4 will be described as an example, but the mobile phone 1 may be wire-connected to the communication network 4.
Alternatively, the mobile phone 1 may be directly connected to the printer 2 without the communication network 4.

The display unit 15 includes a display device such as a liquid crystal display or an organic EL display, a drive circuit for driving the display device, and the like.
The operation unit 16 includes a substantially transparent touch panel that covers the display surface of the display device, a control circuit that controls the touch panel, various operation buttons, and the like. By operating the operation unit 16, the user can input a telephone number or operate an application program.

The storage unit 17 is a device that stores various programs and data using a nonvolatile memory such as a flash memory. The storage unit 17 stores an operating system (OS), application programs (display program, print program, etc.), electronic documents displayed by the display program, and the like.

The data format of the electronic document may be PDF (Portable Document Format), a data format unique to the word processor, or any other data format. In the first embodiment, the data format of the electronic document is PDF, and in the following description, the electronic document is referred to as a PDF document.

In the first embodiment, the PDF document shown in FIG. 3 will be described as an example. The PDF document shown in the figure represents any one of the letters A to O for each page. A page number (an example of an identifier) is assigned to each page in order from 1.

(3) Display Program FIG. 4 is a schematic diagram showing an example of the screen 20 displayed on the display unit 15 by the display program. The display program creates a thumbnail image 21 (an example of an image) for each page of a PDF document including one or more pages, displays the created thumbnail images 21 in a list on the screen 20, and displays the list. This is a program for allowing the user to select the thumbnail image 21 of the page to be printed from the thumbnail images 21.

When the thumbnail image 21 is selected on the screen 20, the control unit 11 (hereinafter, referred to as “display program”) that executes the display program instructs the print program to print the page corresponding to the selected thumbnail image 21. When the printing is instructed, the control unit 11 (hereinafter referred to as “print program”) that executes the print program controls the printer 2 to print the page.

The circular image 22 displayed on each thumbnail image 21 is a selection mark (an example of a figure) indicating that the thumbnail image 21 is selected. When the thumbnail image 21 in the state where the selection mark 22 is displayed is touched, the selection of the thumbnail image 21 is canceled and the selection mark 22 is hidden. On the other hand, when the thumbnail image 21 in the state where the selection mark 22 is not displayed is touched, the thumbnail image 21 is selected and the selection mark 22 is displayed on the thumbnail image 21.

The default state of each thumbnail image 21 is the selected state. Therefore, the selection mark 22 is displayed on each thumbnail image 21 immediately after the display program is activated.

The "- (minus)" button 23 is a button for reducing the thumbnail image 21 by one level, and the "+ (plus)" button 24 is a button for expanding the thumbnail image 21 by one level.

The “Select All” button 25 is a button for collectively selecting all the thumbnail images 21. The thumbnail images 21 that are not displayed on the screen 20 are also included in all the thumbnail images 21 here.
The “Select All” button 26 is a button for collectively deselecting the thumbnail images 21.

The “Done” button 27 is a button for instructing the print program to print the page corresponding to the selected thumbnail image 21, and thereafter ending the display program.
The “Cancel” button 28 is a button for ending the display program without printing an image.

(3-1) Display of Thumbnail Image FIG. 5 is a schematic diagram for explaining the process of displaying the thumbnail image 21 on the screen 20, and shows changes in the screen 20 immediately after the display program is started in chronological order. It is a schematic diagram which shows. The thumbnail image 21 is not displayed on the screen 20 immediately after the display program is activated, but first, the display area image 30 and the page number 31 are displayed. It should be noted that in the screen 20A, only one display area image is given a reference numeral. Similarly, in the screen 20A, only one page number is given a code.

Specifically, when the display program is activated, a display area image 30 indicating that the thumbnail image 21 is displayed is displayed in each area where the thumbnail image 21 is displayed, as shown in the screen 20A. To be done.
The display area image 30 may be a frame representing the outline of the area in which the thumbnail image 21 is displayed, an image having a lower resolution than the thumbnail image 21, or a background color of the screen 20 or a page number. The image may be filled with a color different from the display color. On the screen 20A, a frame representing the outline of the area is displayed as the display area image 30.
The size of the display area image 30 is preset according to the number of rows and columns of the thumbnail images 21 displayed on one screen.

Then, on each displayed display area image 30, the page number 31 of the page corresponding to the thumbnail image 21 displayed in the area where the display area image 30 is displayed is displayed in an overlapping manner.
As shown, the page number 31 is displayed in the image area of the display area image 30. In other words, the page number 31 is displayed so as not to run off the display area image 30.
Note that the display area image 30 and the page number 31 may not be displayed separately, but an image in which the page number 31 is superimposed on the display area image 30 from above may be displayed.

While the display area image 30 and the page number 31 are displayed, the thumbnail image 21 is created from each page by the display program. Then, when the creation of the thumbnail image 21 is completed, the display area image 30 and the page number 31 are hidden, and the thumbnail image 21 is displayed in the area where each display area image 30 was displayed, as shown in the screen 20B. To be done. However, the page number 31 is not displayed. In addition, in the screen 20B, only one thumbnail image is given a reference numeral.
The thumbnail image 21 is displayed in the maximum size that can be displayed in the area indicated by the display area image 30 while maintaining the aspect ratio of the thumbnail image 21.

FIG. 6 is a flowchart showing the flow of processing for displaying the thumbnail image 21 described above. This process is started when the display program is activated.
Here, the display program according to the first embodiment is implemented as a multi-thread program and can execute a plurality of processes in parallel.

In S101, the display program displays the display area image 30 in each area where the thumbnail image 21 is displayed.
In S102, the display program superimposes and displays the page number 31 on each display area image 30.

In S103, the display program creates the thumbnail image 21 of each page in parallel with the processes of S101 and S102. When the display program is a single thread program, the process of S103 is executed after the processes of S101 and S102 are completed.

In S104, the display program hides the display area image 30 and the page number 31.
In S105, the display program displays the thumbnail image 21 created in S103 in each area of the screen 20. Here, the display program displays the thumbnail image 21 in each area, but does not display the page number 31.

S101, S102, and S104 are examples of initial display processing, and S103 and S105 are examples of display processing.

(3-2) Scrolling of Thumbnail Image FIG. 7 is a schematic diagram for explaining a scrolling process of scrolling the thumbnail image 21 displayed on the screen 20, and shows changes in the screen 20 during scrolling in time series. It is a schematic diagram which shows.
When the PDF document has a large number of pages, only some thumbnail images 21 are displayed on the screen 20. When only some of the thumbnail images 21 are displayed on the screen 20, the user touches the touch panel with a finger and moves the touched finger upward or downward to scroll the thumbnail image 21 vertically. Can be made. This allows the user to display all thumbnail images. In the following description, the case where the finger is moved upward will be described as an example.

As will be described in detail later, horizontal scrolling is possible only when the thumbnail image 21 is enlarged until the number of thumbnail images 21 that can be displayed on the screen 20 is only one, and otherwise. Only vertical scrolling is possible.

As shown in screen 20D, when the user's finger moves upward, the upward scroll operation is accepted, and thumbnail images 21 move upward as shown in screens 20E to 20I. Then, the thumbnail image 21 that has been displayed until then is hidden, and a new thumbnail image 21 is displayed on the screen 20.
Then, when the user's finger stops, or when the user's finger leaves the touch panel, the scroll operation ends, and the movement of the thumbnail image 21 stops. In the illustrated example, the movement of the finger is stopped at the position shown on the screen 20I.

Then, in the display program according to the present embodiment, when the scroll operation is accepted, as shown in the screen 20E, the page number 31 of the page corresponding to the thumbnail image 21 is displayed over each thumbnail image 21. .. Then, as shown in screens 20F to 20I, the displayed page number 31 moves together with the thumbnail image 21.

When the thumbnail image 21 that has been displayed until then is hidden and a new thumbnail image 21 is displayed, the page number 31 is also displayed on the new thumbnail image 21 and the displayed page number 31 is displayed. Moves with the new thumbnail image 21.

Each page number 31 is displayed in the image area of the thumbnail image 21.
Further, as shown in FIG. 8, each page number 31 is displayed at a position not overlapping the selection mark 22. Here, FIG. 8 is a schematic view showing the screen 20E in an enlarged manner. If either the page number 31 or the selection mark 22 is transparently displayed, the page number 31 and the selection mark 22 may be displayed in an overlapping manner.
Further, as shown in the screens 20E to 20I, the page number 31 is also displayed for the thumbnail image 21 in which only a partial area is displayed on the screen 20.

Then, when the user's finger stops, the movement of the thumbnail image 21 ends, and the page number 31 is hidden as shown in the screen 20J (“The identifier is hidden based on the timing of ending the movement of the image”). An example).

FIG. 9 is a flowchart showing the flow of the scroll process for scrolling the thumbnail image 21 described above. This process starts when a scroll operation is accepted on the touch panel.
In S201, the display program superimposes and displays the page number 31 on each thumbnail image 21.

In S202, the display program moves the thumbnail image 21 by a predetermined distance in the direction according to the scroll operation.
In S203, the display program superimposes and displays the page number 31 on the thumbnail image 21 newly displayed on the screen 20.

In S204, the display program determines whether or not the scroll operation has ended. If the scroll operation has ended, the process proceeds to S205, and if not ended, the process returns to S202 to repeat the process.
In S205, the display program hides the page number 31.

(3-3) Enlarging/Reducing Thumbnail Image FIG. 10 is a schematic diagram for explaining an enlarging/reducing process for enlarging/reducing the thumbnail image 21 displayed on the screen 20, and changes in the screen 20 during enlarging/reducing. It is a schematic diagram which shows in time series.

When the user presses the “+” button 24, first, as shown in the screen 20K, each area in which the enlarged thumbnail image 21 is displayed indicates that the enlarged thumbnail image 21 is displayed. The display area image 30 is displayed.
Then, the page number 31 of the page corresponding to the thumbnail image 21 displayed in the area indicated by the display area image 30 is displayed over each displayed display area image 30. As shown in the screen 20K, the page number 31 is displayed in the image area of the display area image 30.

While the display area image 30 and the page number 31 are being displayed, the display program creates a thumbnail image 21 of a new size from each page. Then, when the creation of the thumbnail image 21 is completed, the display area image 30 and the page number 31 are hidden, and the display area image 30 is displayed in the area where each display area image 30 was displayed, as shown in the screen 20L. A thumbnail image 21 of a new size corresponding to the page of page number 31, which is displayed overlaid on 30, is displayed.

The process when the user presses the “−” button 23 is substantially the same as the process when the user presses the “+” button 24 except that the enlargement/reduction is reversed, and thus the description thereof is omitted.

FIG. 11 is a flowchart showing the flow of the enlargement/reduction processing for enlarging/reducing the thumbnail image 21 described above. This process is started when the "-" button 23 or the "+" button 24 is pressed. The operation of pressing the “−” button 23 or the “+” button 24 is an example of the enlargement/reduction operation.
In S301, the display program changes the number of thumbnail images 21 displayed on the screen 20 according to the size of the thumbnail images 21 after enlargement or reduction (an example of the changing process), and determines the layout for displaying each thumbnail image 21. To do.

In S302, the display program displays the display area image 30 indicating that the enlarged or reduced thumbnail image 21 is displayed in each area in which the enlarged or reduced thumbnail image 21 is displayed.
In S303, the display program superimposes and displays the page number 31 on each display area image 30.

In S304, the display program creates a thumbnail image 21 of a new size from each page in parallel with the processes of S302 and S303.
In S305, the display program hides the display area image 30 and the page number 31.
In S306, the display program displays the thumbnail image 21 of the new size created in S304 in each area.

(3-4) Scrolling direction after enlarging thumbnail image FIG. 12 shows in time series the case where the thumbnail image 21 is enlarged until the number of thumbnail images 21 that can be displayed on the screen 20 is reduced to one. It is a schematic diagram. When the thumbnail images 21 are enlarged until the number of thumbnail images 21 that can be displayed on the screen 20 is only one, horizontal scrolling is possible, and vertical scrolling operations cannot be accepted.

The reason for doing this is to match the user interface of the print program. The user interface of the print program is an interface that enlarges and displays the thumbnail image 21 until the number of thumbnail images 21 that can be displayed on the screen 20 is only one, and horizontally scrolls to display another thumbnail image 21. Is.

Therefore, when the thumbnail image 21 is enlarged until the number of thumbnail images 21 that can be displayed on the screen 20 is reduced to one, the display program scrolls in the horizontal direction to match the user interface of the print program. Accept only operations.

If it is not necessary to match the user interface with other programs, even if the thumbnail images 21 are enlarged until the number of thumbnail images 21 that can be displayed on the screen 20 is reduced to one, the vertical direction is not increased. Only the scroll operation may be accepted.

(3-5) Size of page number As shown in the screen 20K and the screen 20M shown in FIG. 10, the page number 31 is scaled up/down according to the size of the thumbnail image 21 after scaling up/down. For example, when the thumbnail image 21 is enlarged, the page number 31 is also displayed large, and when the thumbnail image 21 is reduced, the page number 31 is displayed small.

When the thumbnail image 21 is scrolled after the enlargement/reduction, the page number 31 is also enlarged or reduced according to the size of the thumbnail image 21 after the enlargement/reduction. For example, if the thumbnail image 21 is scrolled after being enlarged to the size shown in the screen 20K, the page number 31 of the same size as the page number 31 shown in the screen 20K is displayed over the thumbnail image 21. On the other hand, if the thumbnail image 21 is scrolled after the thumbnail image 21 is reduced to the size shown in the screen 20M, the page number 31 of the same size as the page number 31 shown in the screen 20M is displayed in an overlapping manner.

(4) Effects of the embodiment According to the display program according to the first embodiment described above, the page number 31 is not displayed when the scroll process is not executed, so the page number 31 is displayed near each thumbnail image 21. It is not necessary to secure a region for the thumbnail image, and the thumbnail image 21 can be displayed large by that amount.
Further, according to the display program, the page number 31 of each thumbnail image 21 is displayed when the thumbnail image 21 is moved by the scroll processing, so that it is possible to easily determine which thumbnail image 21 is currently displayed.
Further, according to the display program, when the thumbnail image 21 is moved by the scrolling process, the page number 31 is displayed so as to be superimposed on the thumbnail image 21, so that an area for displaying the page number 31 near each thumbnail image 21. Even if there is no page number, the page number 31 can be displayed in a visually recognizable size.
Therefore, according to the display program, it is possible to easily understand the content of the thumbnail image 21 when not scrolling, and it is possible to easily determine which thumbnail image 21 is currently displayed when scrolling.

Further, according to the display program, the page number 31 is hidden when the movement of the thumbnail image 21 is completed, so that the page number 31 displayed in an overlapping manner does not make it difficult to grasp the contents of the thumbnail image 21 during non-scrolling. be able to.

Further, according to the display program, since the page number 31 is displayed as an identifier, it is possible to easily know what page of the thumbnail images 21 of all thumbnail images 21 is currently displayed on the screen 20 during scrolling.

Further, according to the display program, the page number 31 is displayed in the image area of the thumbnail image 21, so that it is not necessary to secure an area around the thumbnail image 21 for the page number 31 to extend. Therefore, the thumbnail image 21 can be displayed larger. This makes it easier to understand the thumbnail image 21 when the scroll process is not executed.

Further, according to the display program, the page number 31 is displayed also for the thumbnail image 21 in which only a partial area is displayed on the screen 20, so that for the thumbnail image 21 in which only a partial area is displayed on the screen 20. Can also check the page number 31.

Further, according to the display program, when the thumbnail image 21 is scrolled after the thumbnail image 21 is enlarged or reduced, the page number 31 is enlarged or reduced and displayed according to the size of the thumbnail image 21.
For example, when the size of the thumbnail image 21 is large, the page number 31 can be more easily confirmed by increasing the page number 31. In addition, for example, when the size of the thumbnail image 21 is small, the size of the page number 31 is also made small, so that the portion of the page number 31 that protrudes from the image area of the thumbnail image 21 can be made small. As a result, it is not necessary to secure an area around the thumbnail image 21 for the page number 31 to protrude, and more thumbnail images 21 can be displayed.

Further, according to the display program, when the thumbnail image 21 is selected, a selection mark 22 (an example of a figure) indicating the selected thumbnail image 21 is displayed on the thumbnail image 21. This makes it possible to easily determine whether or not it is the selected thumbnail image 21 based on the presence or absence of the selection mark 22. Further, according to the display program, since the page number 31 is displayed at a position not overlapping the selection mark 22 during scrolling, it is possible to easily determine whether or not it is the selected thumbnail image 21 even during scrolling.

Further, according to the display program, when the display program is activated, the display area image 30 showing the display area of each thumbnail image 21 is displayed on the screen 20 before the thumbnail image 21 is displayed, and each display area is displayed. The page number 31 of the thumbnail image 21 is displayed over the image 30.
When the thumbnail image 21 is created and displayed from each page, it takes time before the thumbnail image 21 is displayed. Especially when the number of thumbnail images 21 displayed at the same time is large or when the page has high resolution, it takes time. According to the display program, the display area image 30 and the page number 31 are displayed before the thumbnail image 21 is displayed. Therefore, the user displays the number of thumbnail images 21 displayed and the thumbnail image 21 of which page in each area. It is possible to know at an earlier stage whether or not it will be done.
Further, according to the display program, the display area image 30 and the page number 31 are hidden before the thumbnail image 21 is displayed by the display processing (“the display area image 30 and the page number 31 are displayed based on the timing at which the image is displayed. It is possible to prevent the content of the thumbnail image 21 from being difficult to be grasped by the page number 31.

Further, according to the display program, in the enlarging/reducing process, the display area image 30 showing the display area of each thumbnail image 21 after enlarging or reducing is displayed on the screen 20 before displaying the thumbnail image 21 after enlarging or reducing. At the same time, the page number 31 of the thumbnail image 21 is displayed over each display area image 30.
When the thumbnail image 21 is created and displayed from each page, it takes time before the thumbnail image 21 is displayed. Especially when the number of thumbnail images 21 displayed at the same time is large or when the page has high resolution, it takes time. When the thumbnail images 21 are enlarged or reduced, the number of thumbnail images 21 displayed on the screen 20 also changes.
According to the display program, the display area image 30 and the page number 31 of the enlarged/reduced thumbnail image 21 are displayed before the enlarged/reduced thumbnail image 21 is displayed, so that the user can display the thumbnail image displayed after the enlargement/reduction. The number of pages 21 and which page thumbnail image 21 is displayed in each area can be known at an earlier stage.
In addition, according to the display program, the display area image 30 and the page number 31 are hidden before the enlarged or reduced thumbnail image 21 is displayed (“display area based on timing of displaying enlarged or reduced image”). It is possible to prevent the contents of the thumbnail image 21 from being difficult to be grasped by the page number 31.

<Embodiment 2>
Next, a second embodiment of the present invention will be described with reference to FIG.
In the second embodiment, in the scrolling process, each thumbnail image 21 is moved while being replaced with a frame indicating the outline of the thumbnail image 21.

FIG. 13 is a schematic diagram for explaining the scrolling process according to the second embodiment, and is a schematic diagram showing changes in the screen 20 during scrolling in time series. Upon receiving the scroll operation, the display program according to the second embodiment moves each thumbnail image 21 by moving the thumbnail image 21 by replacing it with a frame 32 that indicates the outline of the thumbnail image 21 as shown in screens 20T to 20X. When the movement is completed, the outline frame 32 is hidden and each thumbnail image 21 is displayed. The color inside the frame 32 showing the contour is the same as the background image of the screen 20.

According to the display program according to the second embodiment described above, the frame 32 showing the outline may have a smaller amount of data than the original thumbnail image 21, so that the burden of scroll processing can be reduced.
Further, according to the display program, the frame 32 showing an outline is displayed instead of the thumbnail image 21 to reduce the visibility of the content of the thumbnail image 21. Thereby, the page number 31 can be more clearly recognized by the user.
Instead of replacing each thumbnail image 21 with the frame 32, the thumbnail image 21 may be replaced with an image having a lower resolution.
The display program according to the second embodiment is substantially the same as that of the first embodiment in other points.

<Embodiment 3>
Next, a third embodiment of the present invention will be described with reference to FIGS.
In the first embodiment, the mobile phone 1 is described as an example of the display device, but in the third embodiment, a tablet computer in which the display area of the display unit 15 is larger than that of the mobile phone 1 will be described as an example.

FIG. 14 is a schematic diagram showing an example of the screen 40 according to the third embodiment. When the number of pages of the PDF document is two or more, as shown in FIG. 14, a thumbnail display area 50 in which thumbnail images 21 of each page are displayed and a thumbnail image 21 selected by the selection mark 22 are displayed. The preview area 51 in which the print preview image 33 of any one of the corresponding pages is displayed, the currently set printing conditions (printer used for printing, paper size, the number of copies, etc.) and the printing conditions are set. The screen 40 is divided into four areas: a print information area 52 in which a [Settings] button for calling a screen for performing printing is displayed, and an operation area 53 in which a [Print] button for instructing printing is displayed.

The print preview image 33 displayed in the preview area 51 is generated by reflecting the currently set print conditions. For example, although not shown in the print information area 52 of FIG. 14, if the setting for performing so-called 2 in 1 printing in which two pages are reduced and printed on the same side of one sheet of printing paper is set, two pages are printed. From this, one print preview image 33 is generated and displayed.

Also in the third embodiment, it is assumed that the default state of each thumbnail image 21 is the selected state. In this case, the print preview image 33 of the first page is displayed immediately after the display program is activated.

When the user wants to display the print preview image 33 of a page different from the page on which the print preview image 33 is displayed in the preview area 51, the user touches the thumbnail image 21 of the page.
When the thumbnail image 21 touched by the user is the unselected thumbnail image 21, in other words, when the selection mark 22 is not displayed, the thumbnail image 21 is selected and the thumbnail image 21 is selected. A print preview image 33 of the page corresponding to the image 21 is displayed in the preview area 51.

On the other hand, when the thumbnail image 21 touched by the user is the selected thumbnail image, the selection is canceled. The user can return the selected thumbnail image 21 to the selected state by touching the thumbnail image 21 again, and display the print preview image 33 of the page corresponding to the thumbnail image 21 in the preview area 51. be able to.

If the thumbnail image 21 corresponding to the page on which the print preview image 33 is displayed in the preview area 51 is deselected, the print preview image 33 is hidden and the selected thumbnail image 21 is displayed. A print preview image 33 of the page corresponding to the thumbnail image 21 next to the thumbnail image 21 that has been deselected is displayed in the preview area 51.

For example, when the selection of the thumbnail image 21 of the page displayed as the print preview image 33 is canceled, the page of the thumbnail image 21 that is the selected thumbnail image 21 after the page is selected as the print preparation image 33. It is displayed instead.
On the other hand, when the user newly selects the thumbnail image 21, the page of the newly selected thumbnail image 21 is displayed as the print preview image 33 in place of the print preview image 33 that is already displayed.

If the PDF document has only one page, the thumbnail display area 50 is not displayed, and the print preview image 33 of the one page is displayed in the preview area 51.
The screen 40 according to the third embodiment may be provided with a “Select All” button or a “Deselect All” button as in the first embodiment.

(5-1) Display of Thumbnail Image The processing of displaying the thumbnail image 21 in the thumbnail display area 50 is the same as that of the first embodiment, and a display area indicating the display area of the thumbnail image 21 is displayed in each area where the thumbnail image 21 is displayed. The image 30 is displayed, and the page number 31 of the page corresponding to the thumbnail image 21 displayed in the area indicated by the display area image 30 is displayed over the display area image 30. Then, when the creation of the thumbnail image 21 is completed, the display area image 30 and the page number 31 are hidden, and the thumbnail image 21 corresponding to the display area image 30 is displayed in the area where each display area image 30 was displayed. Is displayed.

(5-2) Scrolling of Thumbnail Image When the number of pages of the PDF document is large, only some thumbnail images 21 are displayed in the thumbnail display area 50. The user can display all thumbnail images 21 on the screen 40 by horizontally scrolling the thumbnail images 21.

FIG. 15 is a schematic diagram for explaining the scroll processing according to the third embodiment. The process of scrolling the thumbnail image 21 is similar to that of the first embodiment. When the user performs a scroll operation, the page number 31 of the page corresponding to each displayed thumbnail image 21 is displayed overlaid on the thumbnail image 21. To be done. Then, the thumbnail image 21 is moved together with the page number 31, and when the movement of the thumbnail image 21 is completed, the page number 31 is hidden.

<Embodiment 4>
Next, a fourth embodiment of the present invention will be described.
In the fourth embodiment, the larger the size of the thumbnail image 21, the smaller the ratio of the size of the page number 31 to the size of the thumbnail image 21. In other words, the smaller the size of the thumbnail image 21, the larger the ratio of the size of the page number 31 to the size of the thumbnail image 21.

Specifically, for example, even if the thumbnail image 21 is scaled up or down, the size of the page number 31 displayed at the time of subsequent scrolling is always constant. By doing this, the larger the size of the thumbnail image 21, the smaller the ratio of the size of the page number 31 to the size of the thumbnail image 21.

Even when the page number 31 is enlarged or reduced according to the size of the thumbnail image 21 during scrolling, the ratio of the size of the page number 31 to the size of the thumbnail image 21 increases as the size of the thumbnail image 21 increases. Can be smaller.

For example, when the thumbnail image 21 is enlarged from the original size by 2 times, the page number 31 is enlarged by 1.5 times, and when the thumbnail image 21 is enlarged by 3 times from the original size, the page number 31 is enlarged. Enlarge to double.
By doing so, the ratio of the magnification of the page number 31 to the magnification of the thumbnail image 21 when the thumbnail image 21 is enlarged from the original size is 0.75 (=1.5/2). The ratio of the magnification of the page number 31 to the magnification of the thumbnail image 21 when the size of 21 is enlarged from the original size by 3 is 0.66 (=2/3). As a result, while increasing the page number 31 according to the size of the thumbnail image 21, the larger the size of the thumbnail image 21, the smaller the ratio of the size of the page number 31 to the size of the thumbnail image 21.

With the display program according to the fourth embodiment described above, it is possible to prevent the display size of the page number 31 from changing significantly even if the size of the thumbnail image 21 changes. Thereby, the visibility of the page number 31 can be maintained.
Further, it is desirable for the user who wants to check the details of the thumbnail image 21 to make the page number 31 small for a large image size, and for the user who wants to check the entire thumbnail images 21 as a whole, the page number 31 is small. The thumbnail image 21 can be easily identified by displaying 31 in a large size.

<Other Embodiments>
The present invention is not limited to the embodiments described by the above description and drawings, and the following embodiments are also included in the technical scope of the present invention.

(1) In the above embodiment, the thumbnail image 21 representing the page of the electronic document has been described as an example of the image displayed on the display unit 15, but the image displayed on the display unit 15 is not limited to this. For example, the thumbnail image 21 of one or more digital images stored in a specific folder may be displayed.

(2) In the above embodiment, the case where the display program creates the thumbnail image 21 has been described as an example, but when the thumbnail image 21 is attached to the image, the thumbnail image 21 may be used.

(3) In the above embodiment, the thumbnail image 21 is described as an example of the image displayed on the display unit 15, but the image to be displayed is not limited to the thumbnail image 21. For example, when the size of the image itself is originally small, the original image may be displayed as it is instead of the thumbnail image 21.

(4) In the above embodiment, the case where the page number 31 is hidden before the thumbnail image 21 is displayed by the display process in the initial display process has been described as an example, but a little after the thumbnail image 21 is displayed. The page number 31 may be hidden.

(5) In the above embodiment, when the thumbnail image 21 is displayed on the screen 20, the display area image 30 and the page number 31 are displayed by the initial display process as an example. However, the initial display process is not necessarily executed. Good. That is, the thumbnail image 21 may be displayed without displaying the display area image 30 and the page number 31.

(6) In the above embodiment, the page number 31 is described as an example of the identifier. However, the identifier is not the page number 31 as long as the information allows the user to easily determine which image is currently displayed during the movement of the image. It may be.

(7) In the above embodiment, the case where the page number 31 is displayed in the image area of the display area image 30 has been described as an example, but a part of the page number 31 may be outside the display area image 30. However, it is desirable that the portion of the page number 31 that protrudes from the display area image 30 is as small as possible.

(8) In the above-described embodiment, the movement of the image ends when the scroll operation ends, but the image may continue to move for a while even after the scroll operation ends. In this case, the page number 31 may be hidden when the scroll operation is completed or shortly after the completion of the movement of the image.

(9) In the above embodiment, the case where the page number 31 is hidden when the movement of the image is finished has been described as an example. However, the page number 31 is displayed a little after the movement of the image is finished (for example, 0.5 seconds later). May be hidden.
Further, the page number 31 may be hidden shortly before the image movement ends (for example, 0.5 seconds before).

(10) In the above embodiment, the case where the page number 31 is hidden before the enlarged or reduced thumbnail image 21 is displayed in the enlargement/reduction processing has been described as an example. The page number 31 may be hidden shortly before being displayed or shortly after being displayed.

(11) In the above embodiment, the case where the scroll operation is performed by touching and moving the finger on the touch panel has been described as an example. You may perform the operation.

(12) In the above embodiment, the case where the selected page is printed has been described as an example, but how to use the selected page can be appropriately selected. For example, the selected page may be attached to an email and sent.

(13) In the above embodiments, the mobile phone 1 and the tablet computer were described as examples of the display device, but the present invention may be applied to a personal computer or a mobile information terminal.
Further, the present invention may be applied to a printer including a display capable of displaying an image and a touch panel. For example, in a printer, a thumbnail image 21 of a plurality of digital images stored in a removable memory that is detachably attached is displayed on a display as a list, and a digital image corresponding to the thumbnail image 21 selected by a user is printed directly. The print function is known. In the direct print function, the present invention may be applied when the thumbnail images 21 displayed as a list are scroll-displayed on the display.

DESCRIPTION OF SYMBOLS 1... Mobile phone, 11... Control part, 15... Display part, 16... Operation part, 17... Storage part, 20 (20A-20Y)... Screen, 21... Thumbnail image, 30... Display area image, 31... Page number, 32... Frame, 33... Print preview image, 40... Screen

Claims (5)

A program executed by a computer of a display device including a display unit and a touch panel,
Display processing for displaying a screen including a thumbnail image display area for displaying a plurality of thumbnail images along the first direction and a print button for instructing printing;
Scrolling processing of moving the thumbnail image in the first direction and displaying a new thumbnail image in the thumbnail image display area when a touch operation indicating the first direction is received on the thumbnail image display area; ,
When a touch operation is accepted for the print button, print instruction processing for instructing a printer capable of communicating with the display device to print data corresponding to the thumbnail image displayed in the thumbnail image display area,
Is executed on the display device,
On the screen, the thumbnail image display area and the print button are arranged in a second direction different from the first direction ,
In the display processing, when the touch operation indicating the first direction is not accepted for the thumbnail image display area, the page number given to each of the thumbnail images is displayed on the thumbnail images. The contents of the data are displayed as thumbnail images in the thumbnail image display area without being displayed in an overlapping manner.
In the scrolling process, when a touch operation indicating the first direction is received on the thumbnail image display area, the page number given to each of the thumbnail images is overlaid on the thumbnail images. A program for displaying a plurality of thumbnail images and moving the plurality of thumbnail images in the first direction with the page numbers being overlapped . The program according to claim 1,
The program wherein the thumbnail image display area is arranged over the entire area of the screen in the first direction. The program according to claim 1 or 2, wherein
The display processing further displays a setting button for setting the printing condition of the printing on the screen,
A program characterized in that, on the screen, the thumbnail image display area and the setting button are arranged in a third direction different from the first direction. The program according to any one of claims 1 to 3,
The program causes the display device to execute a reception process of receiving a touch operation of selection or non-selection for the thumbnail image displayed in the thumbnail image display area,
The display processing further displays a print preview image generated by reflecting the print condition of the print on the data indicated by the thumbnail image for which the selection touch operation is received in the reception processing, in the preview image display area of the screen. ,
On the screen, the thumbnail image display area and the preview image display area are arranged in a fourth direction different from the first direction. Display part,
Touch panel,
A display device including a control unit,
The control unit is
Display processing for displaying a screen including a thumbnail image display area for displaying a plurality of thumbnail images along the first direction and a print button for instructing printing;
Scrolling processing of moving the thumbnail image in the first direction and displaying a new thumbnail image in the thumbnail image display area when a touch operation indicating the first direction is received on the thumbnail image display area; ,
When a touch operation on the print button is accepted, a print instruction process for instructing a printer that can communicate with the display device to print data corresponding to the thumbnail image displayed in the thumbnail image display area is executed. Then
On the screen, the thumbnail image display area and the print button are arranged in a second direction different from the first direction ,
In the display process, when the touch operation indicating the first direction is not accepted for the thumbnail image display area, the page number given to each of the thumbnail images is displayed on the thumbnail images. The contents of the data are displayed as thumbnail images in the thumbnail image display area without being displayed in an overlapping manner.
In the scrolling process, when a touch operation indicating the first direction is received in the thumbnail image display area, the page number given to each of the thumbnail images is overlaid on the thumbnail images. And a plurality of thumbnail images are moved in the first direction while the page numbers are overlapped .

Images