JP6108244B2 - Display program and display device - Google Patents

Description

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

  Conventionally, a technique is known in which a plurality of images are displayed, a page number is displayed above each image, and when a scroll operation is accepted, another image is displayed by moving the image and the page number ( For example, see Patent Document 1).

Japanese Patent Laying-Open No. 2008-293396 (FIG. 7 etc.)

However, according to the above-described conventional technique, a part of the display area of the display unit is occupied by the page number displayed above each image. In the case of a display unit with a small display area, there is a problem that it is difficult to grasp the contents of an image.
The present specification discloses a technique that makes it easy to grasp the contents of an image at the time of non-scrolling and can easily determine which image is currently displayed at the time of scrolling.

  The display program disclosed in this specification is a display program executed by a display device including a display unit that displays an image and an operation unit, and displays each of the images while displaying a plurality of images on the display unit. Display processing that does not display the identifier assigned to the display unit, and when a scroll operation is received by the operation unit, the image displayed on the display unit is moved in a direction according to the scroll operation. A scroll process for displaying a new image on the display unit, and in the scroll process, the identifier of the image is displayed over the image, and the displayed identifier is displayed in the scroll unit. Move with the image.

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

  In the display program, a page number may be assigned to the image, and the identifier may be the page number.

  The display program may display the identifier in an image area of the image in the scroll process.

  The display program may display the identifier for the image in which only a partial area is displayed on the display unit in the scroll process.

  The display program may display the identifier enlarged or reduced according to the size of the image in the scroll process.

  Further, the display program causes the display device to perform a selection process for selecting the image displayed on the display unit, and in the selection process, the graphic indicating the selected image is the selected image. The identifier and the graphic may be displayed over the image in the scroll 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 identifier may be displayed in an overlapping manner, and the display device may be caused to execute an initial display process for hiding the display area image and the identifier based on a timing at which the image is displayed by the display process.

  The display program may move each image by replacing each image with a lower resolution image than the image or a frame indicating the outline of the image in the scroll process.

  In addition, the display program, when an enlargement / reduction operation is accepted by the operation unit, enlargement / reduction processing for enlarging or reducing the image to a size corresponding to the enlargement / reduction operation, and the display according to the enlargement / reduction processing Change processing for changing the number of images to be displayed on the display unit, and after the display device has been enlarged or reduced before the enlarged or reduced image is displayed in the enlargement / reduction processing. Display the display area image indicating the display area of each of the images, display the identifier of the image superimposed on each display area image, and display the enlarged or reduced image based on the timing The display area image and the identifier may be hidden.

  The display device disclosed in this 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 each of the images is displayed. Display processing for not displaying the assigned identifier on the display unit, and when a scroll operation is received by the operation unit, the image displayed on the display unit is moved in a direction according to the scroll operation to newly A scroll process for displaying a correct image on the display unit, and in the scroll process, the identifier of the image is displayed on each image so as to be moved together with the image.

  The present invention can be realized in various modes such as a display method and a recording medium on which a display program is recorded.

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 larger accordingly. However, if the identifier is not displayed, when scrolling to move the image, it is necessary to determine which image is currently displayed on the display unit from the contents of the moving image, which makes determination difficult. .
In this case, if the identifier is always displayed over the image, the area occupied by the identifier can be reduced, and it can be determined from the identifier which image is currently displayed when scrolling. However, in that case, the identifier always overlaps the image, and it becomes difficult to grasp the contents of the image when not scrolling.

According to the display program and the display device described above, since the identifier is not displayed when the scroll process is not executed, it is not necessary to secure an area for displaying the identifier in the vicinity of each image. Large display.
Furthermore, according to the above display program and display device, when an image is moved by scroll processing, the identifier of each image is displayed, so it is possible to easily determine which image is currently displayed.
Furthermore, according to the above display program and display device, when an image is moved by scroll processing, the identifier is displayed on the image so that there is no area for displaying the identifier in the vicinity of each image. Even so, the identifier can be displayed in a visually recognizable size.

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

FIG. 2 is a schematic diagram illustrating the mobile phone according to the first embodiment and a printer that is communicably connected to the mobile phone. A 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. The schematic diagram for demonstrating the process which displays a thumbnail image on a 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 enlarging / reducing process. The schematic diagram which shows the case where a thumbnail image is expanded until the number of thumbnail images becomes only one, in time series. FIG. 9 is a schematic diagram for explaining scroll processing according to the second embodiment. FIG. 10 is a schematic diagram illustrating an example of a screen according to the third embodiment. FIG. 9 is a schematic diagram for explaining scroll processing according to a 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 Embodiment 1 of the present invention and a printer 2 that is 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 cellular 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 cellular 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, a ROM, a 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 and receives audio signals to and from the base station 5 via the antenna. Further, the transmission / reception unit 12 is 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 audio signal input by the microphone is transmitted to the base station 5 by the transmission / reception unit 12, and the audio signal received from the base station 5 by the transmission / reception unit 12 is sounded by the speaker.

The wireless communication unit 14 is configured in accordance with Wi-Fi (registered trademark), and is wirelessly connected to the communication network 4 via the wireless LAN router 3 or the like.
Note that 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 configured to be wirelessly connected by Bluetooth (registered trademark), or may be configured to be wirelessly connected by optical wireless data communication using infrared rays such as IrDA.
In this embodiment, the case where the mobile phone 1 is wirelessly connected to the communication network 4 will be described as an example. However, the mobile phone 1 may be connected to the communication network 4 by wire.
Further, the mobile phone 1 may be directly connected to the printer 2 without going through 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 that drives 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. The user can input a telephone number or operate an application program by operating the operation unit 16.

  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), may be a data format unique to the word processor, or may be another data format. In the first embodiment, it is assumed that 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 illustrated PDF document represents a plurality of any one of alphabets 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 illustrating 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) representing the content of the page for each PDF document including one or more pages, displays the created thumbnail image 21 as a list on the screen 20, and displays the list. This is a program that allows the user to select a thumbnail image 21 of a page to be printed from the thumbnail images 21 that have been printed.

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 a page corresponding to the selected thumbnail image 21. When 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.

  A 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 a 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 not displayed. On the other hand, when the thumbnail image 21 in a 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 a selected state. For this reason, immediately after the display program is started, the selection mark 22 is displayed on each thumbnail image 21.

  The “− (minus)” button 23 is a button for reducing the thumbnail image 21 by one step, and the “+ (plus)” button 24 is a button for enlarging the thumbnail image 21 by one step.

The “Select All” button 25 is a button for selecting all thumbnail images 21 at once. Here, all the thumbnail images 21 include thumbnail images 21 that are not displayed on the screen 20.
The “Select All” button 26 is a button for canceling the selection of the thumbnail images 21 at once.

The “Done” button 27 is a button for instructing the print program to print a page corresponding to the selected thumbnail image 21 and then 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 a 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 time series. It is a schematic diagram shown. The thumbnail image 21 is not displayed on the screen 20 as soon as the display program is started, but first, the display area image 30 and the page number 31 are displayed. In the screen 20A, only one display area image is denoted by a reference numeral. Similarly, on the screen 20A, only one page number is given a reference numeral.

Specifically, when the display program is started, 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. Is done.
The display area image 30 may be a frame that represents the outline of the area in which the thumbnail image 21 is displayed, may be a lower resolution image than the thumbnail image 21, or may be a background color or page number of the screen 20. It may be an image painted in a color different from the display color. On the screen 20 </ b> A, 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 set in advance according to the number of matrices of the thumbnail images 21 displayed on one screen.

Then, 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 superimposed on each displayed display area image 30.
As shown in the figure, 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 protrude from the display area image 30.
Instead of displaying the display area image 30 and the page number 31 separately, an image obtained by superimposing the page number 31 on the display area image 30 from the top may be displayed.

While the display area image 30 and the page number 31 described above are displayed, the thumbnail image 21 is created from each page by the display program. When the creation of the thumbnail image 21 is completed, the display area image 30 and the page number 31 are hidden, and as shown in the screen 20B, the thumbnail image 21 is displayed in the area where each display area image 30 was displayed. Is done. However, the page number 31 is not displayed. Note that, on 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 a flow of processing for displaying the thumbnail image 21 described above. This process is started when the display program is started.
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 S <b> 102, the display program displays the page number 31 superimposed on each display area image 30.

  In S103, the display program creates thumbnail images 21 for each page in parallel with the processing in 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 for scrolling the thumbnail image 21 displayed on the screen 20, and changes in the screen 20 being scrolled in time series. It is a schematic diagram shown.
When the number of pages of the PDF document is large, only some thumbnail images 21 are displayed on the screen 20. When only some thumbnail images 21 are displayed on the screen 20, the user touches the touch panel with the finger and moves the touched finger upward or downward to scroll the thumbnail image 21 in the vertical direction. Can be made. Thereby, the user can display all thumbnail images. In the following description, a 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 images 21 are enlarged until the number of thumbnail images 21 that can be displayed entirely on the screen 20 becomes one, and in other cases Only vertical scrolling is possible.

As shown in the screen 20D, when the user's finger moves upward, an upward scroll operation is accepted, and as shown in the screens 20E to 20I, the thumbnail image 21 moves upward. 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.

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

  When the thumbnail image 21 displayed so far 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 together 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 that does not overlap the selection mark 22. Here, FIG. 8 is a schematic diagram showing the screen 20E in an enlarged manner. Note that if either the page number 31 or the selection mark 22 is displayed transparently, the page number 31 and the selection mark 22 may be displayed in an overlapping manner.
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 on the screen 20J (“the identifier is hidden based on the timing of the end of the image movement”). An example).

FIG. 9 is a flowchart showing the flow of the scroll process for scrolling the thumbnail image 21 described above. This process is started when a scroll operation is accepted on the touch panel.
In S <b> 201, the display program displays the page number 31 so as to overlap each thumbnail image 21.

In S202, the display program moves the thumbnail image 21 by a predetermined distance in the direction corresponding to the scroll operation.
In S <b> 203, the display program displays the page number 31 so as to overlap 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 it has ended, the process proceeds to S205, and if it has not ended, the process returns to S202 to repeat the process.
In S205, the display program hides the page number 31.

(3-3) Enlargement / Reduction of Thumbnail Image FIG. 10 is a schematic diagram for explaining an enlargement / reduction process for enlarging / reducing the thumbnail image 21 displayed on the screen 20, and a change of the screen 20 during enlargement / reduction. It is a schematic diagram which shows these in time series.

When the user presses the “+” button 24, first, as shown on the screen 20K, each area where the enlarged thumbnail image 21 is displayed is an area where the enlarged thumbnail image 21 is displayed. A 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 the displayed display area image 30. As shown on 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 displayed, a thumbnail image 21 having a new size is created from each page by the display program. When the creation of the thumbnail image 21 is completed, the display area image 30 and the page number 31 are hidden. As shown in the screen 20L, the display area image 30 is displayed in the area where the display area image 30 is displayed. A thumbnail image 21 having a new size corresponding to the page of page number 31 that has been displayed superimposed on 30 is displayed.

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

FIG. 11 is a flowchart showing the flow of 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 an 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 image 21 after enlargement or reduction (an example of change processing), and determines the layout for displaying each thumbnail image 21. To do.

In S302, the display program displays a display area image 30 indicating that the thumbnail image 21 after enlargement or reduction is displayed in each area where the thumbnail image 21 after enlargement or reduction is displayed.
In S <b> 303, the display program displays the page number 31 so as to overlap each display area image 30.

In S304, the display program creates a thumbnail image 21 having a new size from each page in parallel with the processing in 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) Scroll Direction after Enlarging Thumbnail Image FIG. 12 shows a case in which the thumbnail image 21 is enlarged until the number of thumbnail images 21 that can be entirely displayed on the screen 20 becomes one. It is a schematic diagram. When the thumbnail images 21 are enlarged until only one thumbnail image 21 can be displayed on the screen 20 as a whole, the scrolling in the horizontal direction is possible, and the scrolling operation in the vertical direction cannot be accepted.

  The reason for this is to match the user interface of the printing program. The user interface of the print program is an interface for enlarging and displaying thumbnail images 21 until only one thumbnail image 21 can be displayed on the screen 20 as a whole, and displaying another thumbnail image 21 by scrolling horizontally. It is.

  For this reason, when the thumbnail image 21 is enlarged until the number of thumbnail images 21 that can be displayed entirely on the screen 20 becomes one, the display program scrolls horizontally to match the user interface of the print program. Accept operations only.

  If there is no need to match the user interface with other programs, the vertical direction is maintained even 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. Only a scroll operation may be accepted.

(3-5) Page Number Size As shown in the screen 20K and the screen 20M shown in FIG. 10, the page number 31 is enlarged or reduced according to the size of the thumbnail image 21 after the enlargement / reduction. For example, when the thumbnail image 21 is enlarged, the page number 31 is also displayed larger, and when the thumbnail image 21 is reduced, the page number 31 is also displayed smaller.

  When scrolling the thumbnail image 21 after enlargement / reduction, the page number 31 is also enlarged or reduced according to the size of the thumbnail image 21 after enlargement / reduction. For example, if the thumbnail image 21 is scrolled after being enlarged to the size shown on the screen 20K, the page number 31 having the same size as the page number 31 shown on the screen 20K is displayed over the thumbnail image 21. On the other hand, if the thumbnail image 21 is scrolled after being reduced to the size shown in the screen 20M, the page number 31 having 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 in the vicinity of each thumbnail image 21. Therefore, the thumbnail image 21 can be displayed in a larger size.
Further, according to the display program, when the thumbnail image 21 is moved by scroll processing, the page number 31 of each thumbnail image 21 is displayed, so 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 scroll processing, the page number 31 is displayed on the thumbnail image 21 so that the page number 31 is displayed in the vicinity of each thumbnail image 21. Even if there is no page number 31, the page number 31 can be displayed in a visible size.
Therefore, according to the display program, it becomes easy to grasp the contents 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 it is difficult to grasp the contents of the thumbnail image 21 when the scroll is not performed by the page number 31 displayed in an overlapping manner. be able to.

  Further, according to the display program, the page number 31 is displayed as an identifier, so that it is possible to easily know which page of the thumbnail image 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 for the page number 31 to protrude around the thumbnail image 21. For this reason, the thumbnail image 21 can be displayed larger. This makes it easier to grasp the thumbnail image 21 when the scroll process is not executed.

  Further, according to the display program, the page number 31 is also displayed for the thumbnail image 21 in which only a part of the area is displayed on the screen 20, so that the thumbnail image 21 in which only a part of the area is displayed on the screen 20 is displayed. Can also confirm 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 according to the size of the thumbnail image 21 and displayed.
For example, when the size of the thumbnail image 21 is large, the page number 31 can also be confirmed more easily by increasing the page number 31. For example, when the size of the thumbnail image 21 is small, the size of the page number 31 is also reduced, so that the portion of the page number 31 that protrudes from the image area of the thumbnail image 21 can be reduced. Thereby, it is not necessary to secure an area where the page number 31 protrudes around the thumbnail image 21, 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. As a result, whether or not the thumbnail image 21 is selected can be easily determined by the presence or absence of the selection mark 22. Further, according to the display program, the page number 31 is displayed at a position that does not overlap the selection mark 22 during scrolling, so that it is possible to easily determine whether or not the thumbnail image 21 is selected even during scrolling.

Further, according to the display program, when the display program is started, the display area image 30 indicating the display area of each thumbnail image 21 is displayed on the screen 20 before the thumbnail image 21 is displayed. The page number 31 of the thumbnail image 21 is superimposed on the image 30 and displayed.
When the thumbnail image 21 is created and displayed from each page, it takes time until the thumbnail image 21 is displayed. It takes time especially when the number of thumbnail images 21 displayed at the same time is large or when the page has a high resolution. 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 can display the number of thumbnail images 21 to be displayed and the thumbnail image 21 of which page in each area. You can know at an earlier stage.
Further, according to the display program, the display area image 30 and the page number 31 are not displayed before the thumbnail image 21 is displayed by the display process (“the display area image 30 and the above-mentioned An example of “Hiding the identifier”), the page number 31 can prevent the contents of the thumbnail image 21 from becoming difficult to grasp.

Further, according to the display program, before the thumbnail image 21 after the enlargement or reduction is displayed in the enlargement / reduction process, the display area image 30 indicating the display area of each thumbnail image 21 after the enlargement or reduction is displayed on the screen 20. At the same time, the page number 31 of the thumbnail image 21 is superimposed on each display area image 30 and displayed.
When the thumbnail image 21 is created and displayed from each page, it takes time until the thumbnail image 21 is displayed. It takes time especially when the number of thumbnail images 21 displayed at the same time is large or when the page has a high resolution. Further, when the thumbnail image 21 is 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 thumbnail image 21 after the enlargement / reduction are displayed before the enlarged / reduced thumbnail image 21 is displayed. It is possible to know at an earlier stage the number of 21 and which page of the thumbnail image 21 is displayed in each area.
Further, 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 the timing of displaying the enlarged or reduced image”). An example of “hide the image 30 and the identifier”), the page number 31 can prevent the contents of the thumbnail image 21 from becoming difficult to grasp.

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

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

According to the display program according to the second embodiment described above, the frame 32 indicating the outline may have a smaller amount of data than the original thumbnail image 21, and thus the burden of scroll processing can be reduced.
Further, according to the display program, the visibility of the contents of the thumbnail image 21 is lowered by displaying a frame 32 indicating an outline instead of the thumbnail image 21. Thereby, the user can visually recognize the page number 31 more clearly.
Instead of replacing each thumbnail image 21 with the frame 32, it may be replaced with an image having a lower resolution than the thumbnail image 21.
The display program according to the second embodiment is substantially the same as 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. In the third embodiment, a tablet computer having a display area of the display unit 15 larger than that of the mobile phone 1 will be described as an example.

  FIG. 14 is a schematic diagram illustrating an example of a 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 as a list and a thumbnail image 21 selected by the selection mark 22 are displayed. Set the preview area 51 where 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, number of copies, etc.), and printing conditions. The screen 40 is divided into a print information area 52 for displaying a [Settings] button and the like for calling a screen for printing, and an operation area 53 for displaying a [Print] button for instructing printing.

  The print preview image 33 displayed in the preview area 51 is generated reflecting the currently set printing conditions. For example, although not shown in the print information area 52 of FIG. 14, when two pages are set to perform so-called 2-in-1 printing in which two pages are reduced and printed on the same side of one printing sheet, two pages are set. A 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 a selected state. In this case, immediately after starting the display program, the print preview image 33 of the first page is displayed.

When the user wants to display the print preview image 33 of a page different from the page where the print preview image 33 is displayed in the preview area 51, the user touches the thumbnail image 21 of the page.
If the thumbnail image 21 touched by the user is an unselected thumbnail image 21, in other words, if the thumbnail image 21 is not displayed with the selection mark 22, the thumbnail image 21 is selected and the thumbnail image 21 is selected. A print preview image 33 of a 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 a selected thumbnail image, the selection is canceled. The user can return the 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.

  When the selection of the thumbnail image 21 corresponding to the page in which the print preview image 33 is displayed in the preview area 51 is canceled, 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 whose selection has been canceled 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 used as the print prepared image 33. Instead it is displayed.
On the other hand, when the thumbnail image 21 is newly selected by the user, the page of the newly selected thumbnail image 21 is displayed as the print preview image 33 instead of the print preview image 33 already displayed.

When the number of pages of the PDF document is 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 “Select All” button as in the first embodiment.

(5-1) Display of Thumbnail Image The processing for displaying the thumbnail image 21 in the thumbnail display area 50 is the same as in the first embodiment, and the display area indicating the display area of the thumbnail image 21 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. 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 is displayed. Is displayed.

(5-2) Scrolling of thumbnail images 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 the thumbnail images 21 on the screen 40 by scrolling the thumbnail images 21 horizontally.

  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 the same as in 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 over the thumbnail image 21. Is 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 is, the smaller the ratio of the size of the page number 31 to the size of the thumbnail image 21 is. In other words, the ratio of the size of the page number 31 to the size of the thumbnail image 21 is increased as the size of the thumbnail image 21 is decreased.

  Specifically, for example, even if the thumbnail image 21 is enlarged or reduced, the size of the page number 31 displayed at the time of subsequent scrolling is always constant. In this way, as the size of the thumbnail image 21 increases, the ratio of the size of the page number 31 to the size of the thumbnail image 21 can be reduced.

  Even when the page number 31 is enlarged or reduced according to the size of the thumbnail image 21 when scrolling, the larger 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. Can be reduced.

For example, when the thumbnail image 21 is enlarged twice from the original size, the page number 31 is enlarged by 1.5 times. When the thumbnail image 21 is enlarged three times from the original size, the page number 31 is changed. Magnify twice.
In this way, the ratio of the magnification of the page number 31 to the magnification of the thumbnail image 21 when the thumbnail image 21 is doubled from the original size is 0.75 (= 1.5 / 2), and the thumbnail image The ratio of the magnification of the page number 31 to the magnification of the thumbnail image 21 when 21 is enlarged three times from the original size is 0.66 (= 2/3). As a result, while the page number 31 is enlarged 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 becomes.

According to the display program according to the fourth embodiment described above, the display size of the page number 31 can be prevented from changing greatly even if the size of the thumbnail image 21 changes. Thereby, the visibility of the page number 31 can be maintained.
In addition, 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 whole of the plurality of thumbnail images 21, the page number is set for a small image size. By displaying 31 large, the thumbnail image 21 can be easily identified.

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

(1) Although 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 in the above embodiment, the image displayed on the display unit 15 is not limited to this. For example, the thumbnail image 21 may be displayed for one or more digital images stored in a specific folder.

  (2) In the above embodiment, the case where the display program creates the thumbnail image 21 has been described as an example. However, 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 instead of the thumbnail image 21 may be displayed as it is.

  (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 case where the display area image 30 and the page number 31 are displayed by the initial display process has been described 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 information other than the page number 31 as long as the user can easily determine which image is currently displayed while the image is moving. There 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. However, a part of the page number 31 may protrude from 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 embodiment, the movement of the image is finished when the scroll operation is finished. However, the movement of the image may be continued for a while even after the scroll operation is finished. In this case, the page number 31 may not be displayed when the scroll operation is ended or slightly after the end, not at the timing when the image movement is ended.

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

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

  (11) In the above embodiment, the case where the scroll operation is performed by moving the finger by touching the touch panel has been described as an example. However, the [Up] button and the [Down] button are provided, and scrolling is performed by pressing these buttons. An operation may be performed.

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

(13) Although the mobile phone 1 and the tablet computer have been described as examples of the display device in the above embodiment, the present invention may be applied to a personal computer or a portable 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 mounted is displayed in a list on the display, and a direct image for printing a digital image corresponding to the thumbnail image 21 selected by the user is printed. 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 ... Memory | 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 (19)

A program that includes a display unit with a touch panel, is executed by a tablet terminal that communicates with a printer through a wireless LAN, and selects an image to be printed from images created using image data.
A thumbnail image display process for displaying a list of a plurality of thumbnail images using the image data in the thumbnail display area of the display unit;
When the touch panel is a touch operation on one of the thumbnail images and a first touch operation for selecting the thumbnail image as a print preview target is received, an image corresponding to the selected thumbnail image Print preview image display processing for displaying a print preview image corresponding to the selected thumbnail image in a preview area that is different from the thumbnail display area of the display unit using data;
A reception process for receiving a selection or non-selection instruction for the thumbnail image displayed in the thumbnail display area;
Print instruction process for instructing the printer to print an image corresponding to the selected thumbnail image by wireless LAN communication and not instructing to print an image corresponding to the thumbnail image for which a non-selection instruction has been received in the reception process When,
To the tablet terminal,
In the thumbnail image display processing, the thumbnail images are displayed in a list in the thumbnail display area in a first direction,
In the print preview image display process, the print preview image is displayed in the preview area that is shifted in the second direction from the thumbnail display area;
When a fourth touch operation, which is a touch operation indicating the first direction, is received in the thumbnail display area, scroll processing for scrolling the list of thumbnail images in the first direction is performed on the tablet terminal. Let it run
In the print preview image display process, when the first touch operation is received on the thumbnail image newly displayed in the thumbnail image area by the scroll process, the print preview image corresponding to the newly displayed thumbnail image is received. Is displayed in the preview area aligned with the thumbnail display area in the second direction,
In the thumbnail image display process, the first button for accepting an operation for instructing execution of the print instruction process is shifted in the second direction from the thumbnail display area and the preview area of the display unit. Displayed in the operation area,
When a second touch operation, which is a touch operation on the first button, is received by the touch panel, the print instruction process is executed,
In the thumbnail image display processing, the print condition information set in the program and indicating the print condition instructed to the printer is displayed in the second direction between the thumbnail display area and the preview area of the display unit. Displayed in the information display area,
When the second touch operation is received by the touch panel, in the printing instruction process, the printer is instructed to print under the printing conditions,
In the print preview image display process, a print preview image corresponding to the selected thumbnail image and reflecting the printing conditions set in the program is displayed in the preview area.
When printing conditions for 2in1 printing are set in the program, in the print preview image display process, a 2in1 image including two pages including a page corresponding to the selected thumbnail image is used as a print preview image. A program displayed in the preview area. The program according to claim 1,
A program for displaying the print preview image in the preview area adjacent to the thumbnail display area in the print preview image display processing. A program according to claim 1 or claim 2, wherein
The program in which the first direction is a left-right direction and the second direction is a vertical direction. A program according to any one of claims 1 to 3,
The fourth touch operation is a program that is an operation of moving a finger of a user of the tablet terminal in the first direction. The program according to claim 4,
In the print preview image display process, an area shifted in the second direction from the thumbnail display area, and the fourth touch operation causes a finger of the user of the tablet terminal to move in the first direction. A program for displaying the print preview image in the preview area that is not reached.   The program according to any one of claims 1 to 5, wherein in the scroll process, an identifier assigned to the thumbnail image is displayed in a superimposed manner on each thumbnail image and displayed. A program for scrolling an identifier together with the thumbnail image. A program according to any one of claims 1 to 6,
In the thumbnail image display process, the first button for accepting an operation to instruct execution of the print instruction process is an area that is shifted from the thumbnail display area of the display unit in the second direction. A program that is displayed in an operation area that is an area that does not reach even if a finger of the user of the tablet terminal moves in the first direction by the fourth touch operation. A program according to any one of claims 1 to 7,
In the thumbnail image display processing, printer information indicating a printer set in the program as the print instruction destination is shifted in the second direction from the thumbnail display area and the preview area of the display unit. Displayed in the information display area,
When a second touch operation, which is a touch operation on the first button, is accepted by the touch panel, the program instructs the printer set in the program to perform the printing in the print instruction processing. The program according to any one of claims 1 to 8,
In the thumbnail image display processing, printer information indicating a printer set in the program as the print instruction destination is an area that is shifted in the second direction from the thumbnail display area of the display unit. In the fourth touch operation, the information is displayed in an information display area that is an area that does not reach even if the finger of the user of the tablet terminal moves in the first direction
When the second touch operation is received by the touch panel, a program that instructs the printer set in the program to perform the printing in the print instruction process. A program according to any one of claims 1 to 9,
In the thumbnail image display processing, a program that displays printer information indicating a printer set in the program as the print instruction destination in an information display area that is an area aligned with the operation area. A program according to any one of claims 1 to 10,
In the thumbnail image display processing, the print condition information set in the program and indicating the print condition instructed to the printer is shifted from the thumbnail display area of the display unit in the second direction. Then, the fourth touch operation is displayed in an information display area that is an area that does not reach even if the finger of the user of the tablet terminal moves in the first direction,
When a second touch operation, which is a touch operation on the first button, is received by the touch panel, a program that instructs the printer to perform printing under the print conditions in the print instruction process. A program according to any one of claims 1 to 11,
In the thumbnail image display process, a program for displaying print condition information indicating a print condition instructed to the printer in the information display area which is an area aligned with the operation area. A program according to any one of claims 1 to 12,
In the thumbnail image display process, a second button for calling a screen set in the program for changing the printing conditions instructed to the printer is displayed on the thumbnail display area and the preview area of the display unit. Is displayed in an area shifted in the second direction,
When a third touch operation, which is a touch operation on the second button, is received by the touch panel, a change screen calling process for calling a screen for changing the printing condition on the display unit is executed on the tablet terminal. Let the program. A program according to any one of claims 1 to 13,
In the thumbnail image display process, the second button for calling a screen set in the program for changing the printing condition instructed to the printer is the thumbnail display area of the display unit. Displayed in an area that is shifted in the direction of 2 and does not reach even if the finger of the user of the tablet terminal moves in the first direction by the fourth touch operation,
When a third touch operation, which is a touch operation on the second button, is received by the touch panel, a change screen calling process for calling a screen for changing the printing condition on the display unit is executed on the tablet terminal. Let the program. A program according to any one of claims 1 to 14,
In the thumbnail image display process, a second button for calling a screen for changing a print condition instructed to the printer, which is set in the program, print condition information indicating the print condition instructed to the printer, and A program that displays side by side. A program according to any one of claims 1 to 15 ,
When the first touch operation is accepted by the touch panel, the tablet terminal is caused to execute a mode setting process for selecting a thumbnail image for which the first touch operation has been performed, so that the thumbnail image is a selected thumbnail image. ,
The print preview image display together with the thumbnail image displayed in the thumbnail display area by the mode setting process and displayed in the thumbnail display area and the unselected thumbnail image that is a non-selected mode different from the selection mode In the processing, a program for displaying the print preview image in the preview area. The program according to claim 16, wherein
In the mode setting process, a mode in which a selected graphic indicating that it is a selected thumbnail image is overlaid on the selected thumbnail image is set as the selection mode, and the non-selected mode is a mode in which the selected graphic is changed to another A program that does not overlap and display on a thumbnail image. The program according to claim 16 or 17 , wherein in the aspect setting process, each of the plurality of thumbnail images on which the first touch operation has been performed by the touch panel is selected .
Is the selected mode by the previous SL mode setting process, the thumbnail display area and the thumbnail image displayed on, together with the thumbnail images that are not selected, a non-selective manner, which is a mode different from said selected aspect, wherein the print preview image In the display process, the print preview image corresponding to the first thumbnail image in the arrangement order of the thumbnail images among the plurality of thumbnail images set in the selection mode by the mode setting process is displayed in the preview area. program. A display unit with a touch panel;
A control unit,
The controller is
Thumbnail image display processing for displaying a list of a plurality of thumbnail images using image data in the thumbnail display area of the display unit;
When the touch panel is a touch operation on one of the thumbnail images and a first touch operation for selecting the thumbnail image as a print preview target is received, an image corresponding to the selected thumbnail image Print preview image display processing for displaying a print preview image corresponding to the selected thumbnail image in a preview area that is different from the thumbnail display area of the display unit using data;
A reception process for receiving a selection or non-selection instruction for the thumbnail image displayed in the thumbnail display area;
A print instruction process for instructing the printer to print an image corresponding to the selected thumbnail image by wireless LAN communication and not instructing to print an image corresponding to the thumbnail image for which a non-selection instruction has been received in the reception process; ,
Run
In the thumbnail image display processing, the thumbnail images are displayed in a list in the thumbnail display area in a first direction,
In the print preview image display process, the print preview image is displayed in the preview area that is shifted in the second direction from the thumbnail display area;
When the control unit receives a fourth touch operation, which is a touch operation indicating the first direction, to the thumbnail display area, the control unit scrolls the list of thumbnail images in the first direction. the execution,
In the print preview image display process, when the first touch operation is received on the thumbnail image newly displayed in the thumbnail image area by the scroll process, the print preview image corresponding to the newly displayed thumbnail image is received. Is displayed in the preview area aligned with the thumbnail display area in the second direction,
In the thumbnail image display process, the first button for accepting an operation for instructing execution of the print instruction process is shifted in the second direction from the thumbnail display area and the preview area of the display unit. Displayed in the operation area,
When a second touch operation, which is a touch operation on the first button, is received by the touch panel, the print instruction process is executed,
In the thumbnail image display processing, the print condition information indicating the print condition instructed to the printer, which is set in the control unit , is displayed in the second direction as the thumbnail display area and the preview area of the display unit. Displayed in the information display area,
When the second touch operation is received by the touch panel, in the printing instruction process, the printer is instructed to print under the printing conditions,
In the print preview image display process, a print preview image corresponding to the selected thumbnail image and reflecting a print condition set in the control unit is displayed in the preview area.
When printing conditions for 2-in-1 printing are set in the control unit , a 2-in-1 image including two pages including a page corresponding to the selected thumbnail image is displayed as a print preview image in the print preview image display process. As a tablet terminal that displays in the preview area.

Images