JP7264217B2 - Display program and display device - Google Patents

Description

The present invention relates to a technique for scrolling multiple images.

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

Japanese Patent Application Laid-Open No. 2008-293496 (Fig. 7, etc.)

However, according to the above-described conventional technique, the page number displayed above each image occupies a portion of the display area of the display unit, so the image must be displayed in a correspondingly smaller size. In the case of a display unit with a small display area, there is a problem that it is difficult to grasp the content of the image.
This specification discloses a technique that makes it easier to grasp the content of an image when not scrolling, and also makes it possible to easily determine which image is currently displayed when scrolling.

A display program disclosed in the present specification is a display program that is executed by a display device that includes a display unit that displays images and an operation unit, wherein a plurality of images are displayed on the display unit, and each of the images is displayed on the display unit. display processing for not displaying the identifier assigned to the display unit on the display unit; a scrolling process of displaying a new image on the display unit, and displaying the identifier of the image on each of the images in the scrolling process; Move with the image.

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

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

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

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

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

Further, the display program causes the display device to execute selection processing for selecting the image displayed on the display unit, and in the selection processing, displays a figure indicating the selected image as the selected image. may be superimposed on the image, and the identifier and the figure may be superimposed and displayed 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 displays the image on the display area image. may be superimposed and displayed, and the display device may be caused to execute an initial display process of hiding the display area image and the identifier based on the timing at which the image is displayed by the display process.

In the scrolling process, the display program may replace each of the images with an image having a resolution lower than that of the image or a frame showing the outline of the image and move the image.

Further, the display program, when an enlargement/reduction operation is accepted by the operation unit, enlarges/reduces the image to a size corresponding to the enlargement/reduction operation; changing the number of images to be displayed on the display unit; display a display area image indicating the display area of each of the images, display the identifier of the image superimposed on each of the display area images, and display the enlarged or reduced image based on the timing of displaying the The display area image and the identifier may be hidden.

A display device disclosed in this specification includes a display unit that displays an image, an operation unit, and a control unit. The control unit displays a plurality of images on the display unit, and display processing for not displaying the assigned identifier on 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 corresponding to the scroll operation and is newly displayed. a scrolling process of displaying the image on the display unit, and in the scrolling process, the identifier of the image is superimposed on each of the images, 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 in a larger size. However, if the identifier is not displayed, when the image is scrolled to move, it is necessary to determine which image is currently displayed on the display unit from the content of the moving image, which makes it difficult to determine. .
In this case, if the identifier is always superimposed on the image, the area occupied by the identifier can be reduced, and it is possible to determine from the identifier which image is currently displayed when the screen is scrolled. However, in that case, the identifier always overlaps the image, making it difficult to grasp the content of the image when not scrolling.

According to the display program and the display device described above, identifiers are not displayed when scroll processing is not executed. Can be displayed large.
Furthermore, according to the display program and the display device described above, the identifier of each image is displayed when images are moved by scrolling, so that it is possible to easily determine which image is currently being displayed.
Furthermore, according to the display program and the display device described above, when an image is moved by scrolling, the identifier is displayed superimposed on the image. However, 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 grasp the content of the image when not scrolling, and it is possible to easily determine which image is currently displayed when scrolling.

1 is a schematic diagram showing a mobile phone according to Embodiment 1 and a printer communicably connected to the mobile phone; FIG. A block that simplifies the electrical configuration of a mobile phone. FIG. 4 is a schematic diagram showing an example of a PDF document; FIG. 4 is a schematic diagram showing an example of a screen displayed by a display program; FIG. 4 is a schematic diagram for explaining processing for displaying thumbnail images on a screen; 4 is a flowchart showing the flow of processing for displaying thumbnail images. 4A and 4B are schematic diagrams for explaining scroll processing; FIG. 8 is a schematic diagram showing an enlarged screen 20E shown in FIG. 7; FIG. 4 is a flowchart showing the flow of scroll processing; Schematic diagram for explaining scaling processing. 4 is a flowchart showing the flow of enlargement/reduction processing. FIG. 11 is a schematic diagram showing in chronological order when the thumbnail images are enlarged until the number of thumbnail images becomes only one; 8A and 8B are schematic diagrams for explaining scroll processing according to the second embodiment; FIG. FIG. 11 is a schematic diagram showing an example of a screen according to the third embodiment; FIG. 11 is a schematic diagram for explaining scroll processing according to the third embodiment;

<Embodiment 1>
Embodiment 1 of the present invention will be described with reference to FIGS. 1 to 12. FIG.
(1) Overall Configuration FIG. 1 is a schematic diagram showing a mobile phone 1 (an example of a display device) and a printer 2 communicably connected to the mobile phone 1 according to Embodiment 1 of the present invention. 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. As shown in FIG. The mobile phone 1 includes a control section 11 , a transmission/reception section 12 , an audio input/output section 13 , a wireless communication section 14 , a display section 15 , an operation section 16 and a storage section 17 .

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

The transmitting/receiving unit 12 includes an antenna, an RF (Radio Frequency) circuit, a baseband processor, and the like, and transmits/receives voice signals to/from the base station 5 via the antenna. Further, the transmitting/receiving section 12 is configured to be able to perform packet communication with the base station 5 as well.
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 transmitter/receiver 12, and the voice signal received from the base station 5 by the transmitter/receiver 12 is produced by the speaker.

The wireless communication unit 14 is configured in compliance 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 standard allows wireless connection of the mobile phone 1 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 infrared optical wireless data communication such as IrDA.
Also, in the present embodiment, a 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 connected to the communication network 4 by wire.
Alternatively, 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 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, operate an application program, and the like.

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 a PDF (Portable Document Format), a data format specific to a word processor, or any other data format. In the first embodiment, the data format of the electronic document is PDF, and the electronic document will be referred to as a PDF document in the following description.

Further, in the first embodiment, the PDF document shown in FIG. 3 will be described as an example. In the illustrated PDF document, each page represents a plurality of any one letter of alphabets A to O. FIG. Each page is assigned a page number (an example of an identifier) starting from 1 in order.

(3) Display Program FIG. 4 is a schematic diagram showing an example of a 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 contents of each page of a PDF document consisting of one or more pages, displays the created thumbnail images 21 in a list on the screen 20, and displays the list. This program allows the user to select the thumbnail image 21 of the page to be printed from among the thumbnail images 21 displayed.

When a 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 printing is instructed, the control section 11 (hereinafter referred to as "printing program") that executes the printing 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 with the selection mark 22 displayed is touched, the selection of the thumbnail image 21 is canceled and the selection mark 22 is hidden. On the other hand, when a thumbnail image 21 with no selection mark 22 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 started.

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.

A “Select All” button 25 is a button for collectively selecting all thumbnail images 21 . All the thumbnail images 21 referred to here include the thumbnail images 21 that are not displayed on the screen 20 .
A “Deselect 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 then ending the display program.
A "Cancel" button 28 is a button for ending the display program without printing the 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. The change in the screen 20 immediately after the display program is started is shown in chronological order. It is a schematic diagram showing. The thumbnail image 21 is not displayed on the screen 20 immediately after the display program is started, but the display area image 30 and the page number 31 are displayed first. It should be noted that only one display area image is assigned a reference numeral in the screen 20A. Similarly, only one page number is numbered on the screen 20A.

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. be done.
The display area image 30 may be a frame representing the outline of the area where the thumbnail image 21 is displayed, may be an image with a resolution lower than that of the thumbnail image 21, or may be 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 contour of the area is displayed as the display area image 30. FIG.
The size of the display area image 30 is set in advance according to the number of rows and columns of thumbnail images 21 to be 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 .
The page number 31 is displayed within the image area of the display area image 30 as shown. 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 may be displayed.

While the above display area image 30 and page number 31 are being displayed, the thumbnail image 21 is created from each page by the display program. When the creation of the thumbnail images 21 is completed, the display area images 30 and the page numbers 31 are hidden, and the thumbnail images 21 are displayed in the areas where the display area images 30 were displayed, as shown in screen 20B. be done.
However, page number 31 is not displayed. Note that only one thumbnail image is numbered on the screen 20B.
The thumbnail image 21 is displayed in the maximum displayable size within the area indicated by the display area image 30 while maintaining the aspect ratio of the thumbnail image 21 .

FIG. 6 is a flow chart showing the flow of processing for displaying the thumbnail image 21 described above. This processing is started when the display program is activated.
Here, the display program according to the first embodiment is implemented as a multithread program and can execute multiple 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 the page number 31 on each display area image 30 and displays it.

In S103, the display program creates a thumbnail image 21 of each page in parallel with the processing of S101 and S102. If 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. FIG.
At S<b>105 , the display program displays the thumbnail images 21 created at S<b>103 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 Images FIG. 7 is a schematic diagram for explaining the scrolling process of scrolling the thumbnail images 21 displayed on the screen 20. Changes in the screen 20 during scrolling are shown in chronological order. It is a schematic diagram showing.
If the PDF document has many 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 images 21 vertically. can be made This allows the user to display all thumbnail images. In the following description, the case of moving the finger upward will be described as an example.

Although details will be described 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 only one. Only vertical scrolling is possible.

As shown in screen 20D, when the user's finger moves upward, an upward scroll operation is accepted, and thumbnail images 21 move upward as shown in screens 20E to 20I. Then, the thumbnail images 21 that have been displayed until then are 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 scrolling operation ends and the movement of the thumbnail images 21 stops. In the illustrated example, the finger stops moving at the position shown on the screen 20I.

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

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 within the image area of each 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 an enlarged screen 20E. 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.
Further, as shown in screens 20E to 20I, the page number 31 is also displayed for the thumbnail image 21 of which only a part of the area is displayed on the screen 20. FIG.

Then, when the user's finger stops moving, the movement of the thumbnail image 21 is completed, and the page number 31 is hidden as shown in the screen 20J ("Identifier hidden based on timing of end of image movement"). example).

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

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

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 and repeats the process.
In S205, the display program hides page number 31. FIG.

(3-3) Enlargement/Reduction of Thumbnail Image FIG. 10 is a schematic diagram for explaining enlargement/reduction processing for enlarging/reducing the thumbnail image 21 displayed on the screen 20, showing changes in the screen 20 during enlargement/reduction. is a schematic diagram showing in chronological order.

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 it is an area in which 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 superimposed on each displayed display area image 30 . The page number 31 is displayed within the image area of the display area image 30 as shown in the screen 20K.

While the above display area image 30 and page number 31 are being displayed, the thumbnail image 21 of a new size 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 as shown in the screen 20L, the display area image 30 is displayed in the area where each display area image 30 was displayed. A thumbnail image 21 of a new size corresponding to the page of page number 31 displayed over 30 is displayed.

The processing when the user presses the "-" button 23 is substantially the same as the processing when the "+" button 24 is pressed, except that the enlargement/reduction is reversed, so description thereof will be omitted.

FIG. 11 is a flow chart 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. An 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 to be displayed on the screen 20 according to the size of the thumbnail images 21 after enlargement or reduction (an example of change processing), and determines the layout for displaying each thumbnail image 21. 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 where the enlarged or reduced thumbnail image 21 is displayed.
In S303, the display program superimposes the page number 31 on each display area image 30 and displays it.

In S304, the display program creates a new size thumbnail image 21 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. FIG.
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 Images FIG. 12 shows in chronological order when the thumbnail images 21 are enlarged until only one thumbnail image 21 can be displayed in its entirety on the screen 20. It is a schematic diagram. When the thumbnail images 21 are enlarged until the number of thumbnail images 21 that can be displayed entirely on the screen 20 becomes only one, scrolling in the horizontal direction becomes possible, and scrolling in the vertical direction is not accepted.

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

Therefore, if the thumbnail images 21 have been enlarged until only one thumbnail image 21 can be displayed entirely on the screen 20, the display program will scroll horizontally to fit the user interface of the print program. Accept only operations.

Note that if it is not necessary to match the user interface with other programs, even if the thumbnail images 21 are enlarged so that the number of thumbnail images 21 that can be displayed entirely on the screen 20 is only one, it is possible to Only scroll operations 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 according to the size of the thumbnail image 21 after scaling. 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 also displayed small.

When scrolling the thumbnail image 21 after scaling, the page number 31 is also scaled up or down according to the size of the thumbnail image 21 after scaling. For example, if the thumbnail image 21 is enlarged to the size shown on the screen 20K and then scrolled, the page number 31 having the same size as the page number 31 shown on the screen 20K is superimposed on the thumbnail image 21 and displayed. On the other hand, if the thumbnail image 21 is scrolled after the thumbnail image 21 has been reduced to the size shown on the screen 20M, the page number 31 having the same size as the page number 31 shown on the screen 20M is displayed superimposed.

(4) Effect 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. Therefore, the thumbnail image 21 can be displayed in a larger size.
Furthermore, according to the display program, when the thumbnail images 21 are moved by scrolling, the page number 31 of each thumbnail image 21 is displayed, so it is possible to easily determine which thumbnail image 21 is currently being displayed.
Furthermore, according to the display program, when the thumbnail images 21 are moved by scrolling, the page numbers 31 are displayed superimposed on the thumbnail images 21. Therefore, an area for displaying the page numbers 31 near each thumbnail image 21 is displayed. 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 images 21 when not scrolling, and it is possible to easily determine which thumbnail image 21 is currently displayed when scrolling.

Furthermore, according to the display program, the page number 31 is hidden when the movement of the thumbnail image 21 is completed, so that the content of the thumbnail image 21 is not difficult to grasp by the superimposed page number 31 during non-scrolling. be able to.

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

Furthermore, according to the display program, since the page number 31 is displayed within the image area of the thumbnail image 21, it is not necessary to reserve an area for the page number 31 to protrude around the thumbnail image 21. FIG. Therefore, the thumbnail image 21 can be displayed in a larger size. This makes it easier to grasp the thumbnail images 21 when scroll processing is not being executed.

Furthermore, according to the display program, the page number 31 is also displayed for the thumbnail images 21 of which only a part of the area is displayed on the screen 20. can also confirm page number 31.

Furthermore, according to the display program, when the thumbnail images 21 are scrolled after being enlarged or reduced, the page numbers 31 are enlarged or reduced according to the size of the thumbnail images 21 and displayed.
For example, if the size of the thumbnail image 21 is large, the page number 31 can be easily confirmed by increasing the page number 31 as well. Further, 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 protruding from the image area of the thumbnail image 21 can be reduced. As a result, it is not necessary to secure an area for the page numbers 31 to protrude around the thumbnail images 21, and more thumbnail images 21 can be displayed.

Further, according to the display program, when selecting a thumbnail image 21, a selection mark 22 (an example of a figure) indicating the selected thumbnail image 21 is displayed above the thumbnail image 21. FIG. This makes it possible to easily determine whether or not the thumbnail image 21 is the selected thumbnail image 21 based on the presence or absence of the selection mark 22 . Furthermore, 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 it is possible to easily determine whether or not the thumbnail image 21 is selected even during scrolling.

Furthermore, according to the display program, when the display program is started, before the thumbnail images 21 are displayed, the display area image 30 indicating the display area of each thumbnail image 21 is displayed on the screen 20, and each display area is displayed. The page number 31 of the thumbnail image 21 is superimposed on the image 30 and displayed.
When creating and displaying the thumbnail image 21 from each page, it takes time until the thumbnail image 21 is displayed. It takes a particularly long time when there are many thumbnail images 21 to be displayed at the same time 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 images 21 are displayed. Therefore, the user can determine the number of thumbnail images 21 to be displayed and which page thumbnail image 21 is displayed in each area. You will know at an earlier stage whether you will be
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 hidden based on the timing at which the image is displayed."). (an example of "hiding the identifier"), it is possible to prevent the content of the thumbnail image 21 from becoming difficult to grasp due to the page number 31 .

Furthermore, according to the display program, in the enlargement/reduction processing, before displaying the thumbnail images 21 after enlargement or reduction, a display area image 30 indicating the display area of each thumbnail image 21 after 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 creating and displaying the thumbnail image 21 from each page, it takes time until the thumbnail image 21 is displayed. It takes a particularly long time when there are many thumbnail images 21 to be displayed at the same time or when the page has a high resolution. Further, 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. 21 and which page thumbnail image 21 is to be displayed in each area can be known at an early 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 the timing of displaying the enlarged or reduced image"). (An example of "Hiding the image 30 and the identifier"), it is possible to prevent the content of the thumbnail image 21 from becoming difficult to understand due to the page number 31. FIG.

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

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

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

<Embodiment 3>
Next, Embodiment 3 of the present invention will be described with reference to FIGS. 14 and 15. FIG.
In the first embodiment, the mobile phone 1 is used as an example of the display device.

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. A preview area 51 in which a print preview image 33 of any one of the corresponding pages is displayed, current print conditions (printer used for printing, paper size, number of copies, etc.) and print conditions are set. The screen 40 is divided into four parts: a print information area 52 displaying a [Settings] button for calling up a screen for printing, and an operation area 53 displaying a [Print] button for instructing printing.

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 settings are made to perform so-called 2-in-1 printing, in which two pages are reduced and printed on the same side of one sheet of printing paper, two pages are printed. , one print preview image 33 is generated and displayed.

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

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 that page.
If the thumbnail image 21 touched by the user is a thumbnail image 21 that has not been selected, in other words, if the thumbnail image 21 is a thumbnail image 21 for which the selection mark 22 is not displayed, the thumbnail image 21 is selected and the thumbnail image 21 is displayed. A print preview image 33 of the page corresponding to the image 21 is displayed in the preview area 51 .

On the other hand, if the thumbnail image 21 touched by the user is the selected thumbnail image, the selection is canceled. By touching the thumbnail image 21 again, the user can return the thumbnail image 21 to the selected state and display the print preview image 33 of the page corresponding to the thumbnail image 21 in the preview area 51.例文帳に追加be able to.

Further, when the thumbnail image 21 corresponding to the page for 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. The 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 thumbnail image 21 of the page displayed as the print preview image 33 is deselected, the page of the selected thumbnail image 21 that is the thumbnail image 21 after that page is displayed as the print preview image 33 . displayed instead.
On the other hand, when a new thumbnail image 21 is 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 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 also be provided with a "Select All" button and a "Deselect All" button as in the first embodiment.

(5-1) Display of Thumbnail Image The process of displaying the thumbnail image 21 in the thumbnail display area 50 is the same as in the first embodiment. An 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 superimposed on 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 was displayed. is displayed.

(5-2) Thumbnail Image Scrolling If the PDF document has many pages, only some of the 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 horizontally scrolling the thumbnail images 21 .

FIG. 15 is a schematic diagram for explaining scroll processing according to the third embodiment. The process of scrolling the thumbnail images 21 is the same as in the first embodiment, and when the user performs a scrolling operation, the page number 31 of the page corresponding to each displayed thumbnail image 21 is superimposed on the thumbnail image 21. 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, Embodiment 4 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, as the size of the thumbnail image 21 becomes smaller, the ratio of the size of the page number 31 to the size of the thumbnail image 21 is increased.

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

Even if 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 also be made smaller.

For example, if the thumbnail image 21 is enlarged twice its original size, the page number 31 is enlarged 1.5 times, and if the thumbnail image 21 is enlarged three times its original size, the page number 31 is enlarged. 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 its original size is 0.75 (=1.5/2). The ratio of the magnification of page number 31 to the magnification of thumbnail image 21 when page number 21 is enlarged three times from its original size is 0.66 (=2/3). As a result, while enlarging the page number 31 according to the size of the thumbnail image 21, the ratio of the size of the page number 31 to the size of the thumbnail image 21 decreases as the size of the thumbnail image 21 increases.

According to the display program according to the fourth embodiment described above, it is possible to prevent the display size of the page number 31 from significantly changing even if the size of the thumbnail image 21 changes.
Thereby, the visibility of the page number 31 can be maintained.
For users who want to check the details of the thumbnail images 21, it is desirable to set the page numbers 31 smaller for large image sizes. By displaying 31 in a large size, the thumbnail image 21 can be easily identified.

<Other embodiments>
The present invention is not limited to the embodiments explained 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 was 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, thumbnail images 21 of one or more digital images stored in a particular folder may be displayed.

(2) In the above embodiment, the display program creates the thumbnail image 21 as an example, but if 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 was used as an example of the image displayed on the display unit 15, but the image displayed is not limited to the thumbnail image 21. FIG. For example, if 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, in the initial display process, the page number 31 is hidden before the thumbnail image 21 is displayed by the display process. The page number 31 may be hidden.

(5) In the above-described 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 processing. good. In other words, 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 was used as an identifier. There may be.

(7) Although the page number 31 is displayed within the image area of the display area image 30 in the above embodiment, part of the page number 31 may extend beyond the display area image 30 .
However, it is desirable that the portion of the page number 31 protruding from the display area image 30 is as small as possible.

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

(9) In the above embodiment, the case where the page number 31 is hidden when the movement of the image is completed has been described as an example. can be hidden.
Also, the page number 31 may be hidden slightly before the end of the movement of the image (for example, 0.5 seconds before).

(10) In the above embodiment, in the enlargement/reduction processing, the page number 31 is hidden before the enlarged or reduced thumbnail image 21 is displayed. The page number 31 may be hidden slightly before it is displayed or slightly after it is displayed.

(11) In the above embodiment, the scroll operation is performed by touching and moving a finger on the touch panel. operation may be performed.

(12) In the above embodiment, the case of printing the selected page has been described as an example, but how to use the selected page can be selected as appropriate. For example, the selected page may be attached to an e-mail and sent.

(13) In the above embodiments, the mobile phone 1 and the tablet computer are used as examples of display devices, but the present invention may also be applied to personal computers and personal digital assistants.
Further, the present invention may be applied to a printer including a display capable of displaying images and a touch panel. For example, in a printer, a list of thumbnail images 21 of a plurality of digital images stored in a detachably attached removable memory is displayed on a display, and a digital image corresponding to the thumbnail image 21 selected by the user is printed. A print function is known. In this direct print function, the present invention may be applied when scrolling the displayed thumbnail images 21 on the display.

Reference Signs List 1 mobile phone 11 control unit 15 display unit 16 operation unit 17 storage unit 20 (20A to 20Y) screen 21 Thumbnail image 30 Display area image 31 Page number 32 Frame 33 Print preview image 40 Screen

Claims (9)

A display program executed by a display device comprising a touch panel and a display unit,
display processing for displaying an image display area for displaying an image showing the content of data to be printed and an identifier corresponding to the image;
When a touch operation indicating a first direction is accepted with respect to the image display area, the image indicating the content of the data to be printed is moved in the first direction, and new data to be printed is displayed. a scrolling process of displaying a new image showing the content in the image display area and displaying an identifier corresponding to the new image;
print button display processing for displaying a display area for displaying the print button;
print instruction processing for instructing a printer communicable with the display device to print data corresponding to the image displayed in the image display area when a touch operation is received on the print button;
causes the display device to execute
In the scrolling process, after the new image indicating the contents of the new data to be printed has finished moving in the first direction, the new image changes to the new data to be printed. the identifier corresponding to the image is hidden while showing the content;
display program. The display program according to claim 1,
The display program, wherein a page number is assigned to the image, and the identifier is the page number. The display program according to claim 1 or claim 2,
A display program for displaying the identifier in an image area of the image in the scroll processing. The display program according to any one of claims 1 to 3,
A display program for displaying, in the scroll processing, the identifier even for the image of which only a partial area is displayed on the display unit. The display program according to claim 1,
The display program, wherein in the display processing, only one image is displayed in its entirety in the image display area. The display program according to any one of claims 1 to 5,
A display program that does not accept a scroll operation in a second direction orthogonal to the first direction with respect to the image display area. The display program according to claim 6,
The display program, wherein the second direction is the horizontal direction of the image. The display program according to claim 7,
The display program, wherein the second direction is a horizontal direction. The display program according to any one of claims 1 to 8,
In the scrolling process, while the touch operation is continued, a part of the image and a part of the new image are moved and displayed in the display area according to the touch operation , and the identifier is displayed. , the display program.

Images