DISPLAY CONTROL METHOD, DISPLAY CONTROL PROGRAM, AND DISPLAY CONTROL DEVICE

Abstract

To provide a display control method, a display control program, and a display control device that prevent a reduction in visibility of a display image.SOLUTION: A display control method for a smartphone displays a predetermined number N of images P1-P1000 in an image bundle 300 including a first area AR1 and a second area AR2 along a virtual axis parallel to an X-axis. In the first area AR1, the images P667-P675 in a first number smaller than the predetermined number N are arranged separated from each other. The adjacent two images included in the first number of images are arranged separated at a first interval ΔL1. In the second area AR2, the images P1-P666 and P676-P1000 in a second number smaller than the predetermined number N are arranged separated at a second interval ΔL2 in an overlapping manner. The first interval ΔL1 is larger than the second interval ΔL2. When the predetermined number N is larger than a first threshold number, the method hides part of the images in the second area AR2.SELECTED DRAWING: Figure 2

Description

[Technical field]

[0001] The present disclosure relates to a display control method, a display control program, and a display control device. [Background technology]

[0002] 2. Description of the Related Art Display methods for displaying an image bundle in which a plurality of images are arranged are known. Patent document 1 describes a display method in which a bundle of images is displayed in which multiple images are arranged on a virtual axis, and a display area is provided in which the images are displayed overlapping at a predetermined interval, and a display area in which the images are displayed without overlapping at an interval wider than the predetermined interval. [Prior art documents] [Patent documents]

[0003] [Patent Document 1] Patent Publication No. 2021-15470 Summary of the Invention [Problem to be solved by the invention]

[0004] However, in the display method of Patent Document 1, as the number of images included in the image bundle increases, the number of images included in the display area where the images are displayed in overlapping form also increases, which affects the display image representing the multiple images included in this display area and reduces the visibility of the images included in this display area. [Means for solving the problem]

[0005] A display control method according to one embodiment that solves the above problem is a display control method that displays a predetermined number of images in an image bundle including a first region and a second region along a virtual axis, wherein the first region includes a first number of images smaller than the predetermined number, and two adjacent images included in the first region are arranged with a first interval between them, and the second region includes a second number of images smaller than the predetermined number, and two adjacent images included in the second region are arranged overlappingly with a second interval between them, and the first interval is wider than the second interval, and when the predetermined number is greater than a predetermined first threshold number, some of the images in the second region are hidden.

[0006] A display control program according to another embodiment that solves the above problem is a display control program executed on a computer of a display control device, and causes the computer to function as a judgment unit that judges whether the number of images included in the image stack to be displayed is equal to or greater than a first threshold number, and a display control unit that displays the image stack including a first region in which a first number of images smaller than the number of images are arranged at a distance from each other, and a second region in which a second number of images smaller than the number of images are arranged overlappingly at a second distance from each other, wherein the display control unit arranges two adjacent images included in the first region at a first distance from each other, and when the judgment unit determines that the first distance is wider than the second distance and the number of images is equal to or greater than the first threshold number, the display control unit hides some of the images in the second region.

[0007] A display control device according to yet another embodiment that solves the above problem includes an acquisition unit that acquires an image bundle including a predetermined number of images, a judgment unit that judges whether the predetermined number is greater than a predetermined first threshold number, and a display control unit that displays the image bundle including a first region in which a first number of images smaller than the predetermined number are arranged at a distance from each other, and a second region in which a second number of images smaller than the predetermined number are arranged overlappingly and spaced apart at a second interval, wherein the display control unit arranges two adjacent images included in the first region at a first interval, the first interval being wider than the second interval, and when the judgment unit judges that the predetermined number is greater than or equal to the first threshold number, the display control unit hides a portion of the images in the second region. [Brief description of the drawings]

[0008] [Figure 1] FIG. 1 is a diagram showing an example of the configuration of a smartphone. [Diagram 2] FIG. 11 is a screen diagram showing an example of a screen displaying an image bundle. [Diagram 3] FIG. 13 is a diagram showing an example of an edge arrangement. [Figure 4] FIG. 11 is a screen diagram showing an example of a fore-edge in a second area. [Diagram 5] FIG. 11 is a screen diagram showing an example of a scroll operation on an image bundle. [Figure 6] FIG. 11 is a screen diagram showing an example of an image bundle after a scroll operation. [Figure 7] 10 is a flowchart showing an example of processing of a control unit. [Figure 8] FIG. 11 is a screen diagram showing another example of the edge in the second area. DETAILED DESCRIPTION OF THE PREFERRED EMBODIMENTS

[0009] Hereinafter, the present embodiment will be described with reference to the drawings.

[0010] FIG. 1 is a diagram showing an example of the configuration of a smartphone 1 according to the present embodiment. The smartphone 1 is communicably connected to the server device 2 via a base station BS and a network NW.

[0011] The smartphone 1 is communicably connected to a base station BS via wireless communication such as Wi-Fi (registered trademark). The server device 2 and the base station BS are communicatively connected to each other via a network NW by wired communication such as Ethernet (registered trademark). The network NW is, for example, the Internet.

[0012] In this embodiment, the network NW is the Internet, but is not limited to this. The network NW may be a LAN (Local Area Network) or a WAN (Wide Area Network).

[0013] The server device 2 stores the document information DC. The smartphone 1 acquires document information DC from the server device 2. The smartphone 1 displays the document information DC as an image bundle 300 shown in FIG. The smartphone 1 corresponds to an example of a "display control device."

[0014] In the present embodiment, the smartphone 1 acquires document information DC from the server device 2, but is not limited to this. The smartphone 1 may acquire document information DC from another smartphone. The smartphone 1 may acquire document information DC from a personal computer, a tablet terminal, or the like.

[0015] The smartphone 1 includes a control unit 11, an input / display mechanism 14, and a communication interface mechanism 15. The control unit 11 controls each part of the smartphone 1 . The input display mechanism 14 is a touch panel that receives operations from a user and displays various images. The input display mechanism 14 includes a display 141 such as an LCD (Liquid Crystal Display) and a touch sensor 142. Display 141 displays various images according to instructions from control unit 11. Touch sensor 142 is formed integrally with the display surface of display 141, and receives touch operations from the user.

[0016] The communication interface mechanism 15 includes an antenna, an RF circuit, an encoder, a decoder, and the like, and communicates with the server device 2 via Wi-Fi or the like in accordance with instructions from the control unit 11.

[0017] The control unit 11 is a controller including a processor 12 and a memory 13 . The memory 13 is a storage device that non-volatilely stores programs and data executed by the processor 12. The memory 13 is composed of a magnetic storage device such as a hard disk drive (HDD), a semiconductor storage device such as a solid state drive (SSD), a semiconductor storage element such as a flash read only memory (ROM), or other types of non-volatile storage devices. The memory 13 may include a random access memory (RAM) that constitutes a work area for the processor 12. The memory 13 stores data processed by the control unit 11 and a control program PGM executed by the processor 12. The control unit 11 corresponds to an example of a "computer." The control program PGM corresponds to an example of a "display control program".

[0018] The processor 12 may be configured as a single processor, or may be configured with a plurality of processors functioning as the processor 12. The processor 12 controls each unit of the smartphone 1 by executing a control program PGM.

[0019] In this embodiment, the processor 12 executes the control program PGM to control each part of the smartphone 1, but the control unit 11 may be configured with an ASIC (Application Specific Integrated Circuit) and execute processing by a function implemented in the ASIC. The control unit 11 may be configured with a signal processing circuit and execute processing by performing signal processing in the signal processing circuit.

[0020] The control unit 11 includes an acquisition unit 121, a generation unit 122, a determination unit 123, a display control unit 124, a document information storage unit 131, and an image information storage unit 132. When the processor 12 executes the control program PGM, the control unit 11 functions as the acquisition unit 121, the generation unit 122, the determination unit 123, and the display control unit 124. When the processor 12 executes the control program PGM, the control unit 11 causes the memory 13 to function as the document information storage unit 131 and the image information storage unit 132. The control program PGM corresponds to an example of a "control program".

[0021] The document information storage unit 131 stores document information DC to be displayed on the display 141. The document information DC is in PDF (Portable Document Format) format or JPEG (Joint Photographic Experts Group) format. The document information DC is acquired from the server device 2 by the acquisition unit 121 and stored in the document information storage unit 131. The document information DC includes a predetermined number N of page information GM. The number of pages M is an integer from 1 to N. The predetermined number N is, for example, 1000.

[0022] The image information storage unit 132 stores various images to be displayed on the display 141. The image information storage unit 132 stores an image bundle 300 shown in Fig. 2. The image bundle 300 is generated by the generation unit 122 and stored in the image information storage unit 132.

[0023] The acquisition unit 121 acquires the document information DC from the server device 2. The document information DC includes a predetermined number N of page information GM. The acquiring unit 121 stores the document information DC in the document information storage unit 131 . The predetermined number N corresponds to an example of the "number of images."

[0024] The generation unit 122 generates various images to be displayed on the display 141 . The generation unit 122 generates an image bundle 300 shown in FIG. 2. The image bundle 300 is an image indicating document information DC. The generation unit 122 stores the generated image bundle 300 in the image information storage unit 132. The image bundle 300 includes a predetermined number N of page images PM. The page images PM are images indicating page information GM. The number of pages M is an integer from 1 to N. The predetermined number N indicates the number of page images PM included in the image bundle 300. In the following description, the page image PM may be referred to as the image PM. Image bundle 300 is further described with reference to FIG.

[0025] The determination unit 123 determines whether the predetermined number N is equal to or greater than a first threshold number NS1. The first threshold number NS1 is, for example, 300.

[0026] The display control unit 124 displays the image bundle 300 shown in FIG. An example of the processing of the display control unit 124 will be described below with reference to FIG. Fig. 2 is a screen diagram showing an example of a screen displaying an image bundle 300. Fig. 2 shows a case where the predetermined number N is equal to or greater than the first threshold number NS1.

[0027] The display control unit 124 displays a predetermined number N of images PM in an image bundle 300 including a first region AR1 and a second region AR2 along a virtual axis parallel to the X-axis. The display control unit 124 may display the predetermined number N of images PM in an image bundle 300 including a first region AR1, a second region AR2, and a third region AR3 along the virtual axis. The predetermined number N is, for example, 1000. When display 141 is rectangular, the X-axis is parallel to a first side of display 141. The Y-axis is perpendicular to the X-axis and parallel to a second side of display 141 that is perpendicular to the first side.

[0028] 2, the third area AR3, the first area AR1, and the second area AR2 are arranged in this order along the positive direction of the X-axis, which is the leftward direction in FIG. The first area AR1 is disposed in the center of the display 141. The second area AR2 is disposed to the left of the first area AR1, and the third area AR3 is disposed to the right of the first area AR1.

[0029] In the image bundle 300, adjacent images PM are arranged at equal intervals with some overlapping in each of the second region AR2 and the third region AR3. Here, the equal intervals may include an error of the width of the ridge lines representing the end faces of the images PM. In the image bundle 300, adjacent images PM are arranged at equal intervals with some overlapping in each of the first region AR1 such that the image surfaces of the adjacent images PM are visible. Each of the images PM is disposed along a first virtual axis extending in a first direction on the display screen of the display 141. The first direction is the left-right direction in FIG. 2. Each of the images PM is an image that is rotated around a second virtual axis that intersects with the first virtual axis and extends in a second direction on the display screen of the display 141, and is further rotated around the first virtual axis to be displayed. The second direction is the up-down direction in FIG. 2. Each of the images PM is rotated around a first virtual axis and a second virtual axis. When the user faces the display 141, the image bundle 300 made up of the multiple images PM is deformed into a form that can be viewed from above. The multiple images PM included in the image bundle 300 are deformed so that the page appears in the same way as when viewed obliquely from above.

[0030] The display control unit 124 displays a first image bundle 310 in which a first number N1 of images PM, which is smaller than a predetermined number N, are arranged at a distance from each other in the first area AR1. Two adjacent images PM included in the first image bundle 310 are arranged at a first interval ΔL1 from each other. The first number N1 is 9 in FIG. 2. The first image bundle 310 is composed of images P667 to P675. The first number N1 of images PM are images P667 to P675.

[0031] Image P667 shows page information G667 of page 667 of document information DC. Image P668 shows page information G668 of page 668 of document information DC. Image P669 shows page information G669 of page 669 of document information DC. Image P670 shows page information G670 of page 670 of document information DC. Image P671 shows page information G671 of page 671 of document information DC. Image P672 shows page information G672 of page 672 of document information DC. Image P673 shows page information G673 of page 673 of document information DC. Image P674 shows page information G674 of page 674 of document information DC. Image P675 shows page information G675 of page 675 of document information DC.

[0032] As described above, the image PM is represented by adding a number indicating the page number M corresponding to the image PM. 2, image P670 includes a character image of "670." Image P671 includes a character image of "671." Image P672 includes a character image of "672." In Fig. 2, the character images "670" to "672" are displayed so as to be readable. Also, the character images "668" to "675" are displayed so as to be at least partially readable.

[0033] The first interval ΔL1 indicates the interval between adjacent images PM among the images P667 to P675. The interval between adjacent images PM indicates the distance in the X-axis direction between the center positions of the adjacent images PM. The first interval ΔL1 increases as the display position of the image PM approaches the center of the first area AR1 in the X-axis direction. The distance between image P670 and image P671 is the same as the distance between image P671 and image P672. The distance between image P672 and image P673 is smaller than the distance between image P671 and image P672. The distance between image P673 and image P674 is smaller than the distance between image P672 and image P673. The distance between image P674 and image P675 is smaller than the distance between image P673 and image P674.

[0034] The display control unit 124 displays a second image bundle 320 in the second area AR2 in which a second number N2 of images PM smaller than the predetermined number N are overlapped and spaced apart at a second interval ΔL2 smaller than the first interval ΔL1. The second number N2 is, for example, 666. The second image bundle 320 shows an image bundle of images P1 to P666. The second image bundle 320 includes page information G1 to G666.

[0035] The display control unit 124 displays a third image bundle 330 in the third area AR3 in which a third number N3 of images PM smaller than the predetermined number N are overlapped and spaced apart at a second interval ΔL2 smaller than the first interval ΔL1. The third number N3 is, for example, 325. The third image bundle 330 shows an image bundle of images P676 to P1000. The third image bundle 330 includes page information G676 to G1000.

[0036] When the predetermined number N is greater than a predetermined first threshold number NS1, the display control unit 124 hides a part of the image PM in each of the second area AR2 and the third area AR3. In FIG. 2, the predetermined number N is 1000, and the first threshold number NS1 is 300, so the display control unit 124 hides a part of the image PM in each of the second area AR2 and the third area AR3. Since the image PM of the second area AR2 and the image PM of the third area AR3 are processed in the same manner, the image PM of the second area AR2 will be mainly described below, and a description of the image PM of the third area AR3 will be omitted.

[0037] The display control unit 124 hides a part of the image PM in the second area AR2 in accordance with a predetermined rule, and also omits the drawing process for the image PM that is to be hidden. The display control unit 124 does not perform drawing processing on some of the images PM in the second area AR2, hides them, and sets the difference between the number of images PM that are odd-numbered and displayed and the number of images PM that are even-numbered and displayed among the second number N2 of images to a second threshold number NS2 or less. The second threshold number NS2 is, for example, 2. The display control unit 124 may display each image PM of a preset odd-numbered ND among the images PM included in the second area AR2, and may hide the other images PM. In this case, the images PM to be displayed are alternately selected from the odd-numbered images PM and the even-numbered images PM. The odd-numbered ND is, for example, "3."

[0038] In this way, because the second image bundle 320 is displayed with some of the images PM in the second area AR2 hidden, it is possible to reduce the processing required to display the second image bundle 320. The display time of the second image bundle 320 can be shortened. By hiding some of the images PM in the second area AR2, the number of images PM displayed in the second area AR2 is reduced, so that a decrease in visibility of the second image bundle 320 can be suppressed.

[0039] The display control unit 124 does not perform drawing processing on the images PM included in the second area AR2 that are farther away from the image PM closest to the first area AR1 by a third threshold number NS3 or more, and does not display the images, in accordance with a predetermined rule. For example, the third threshold number NS3 is 11. The display control unit 124 performs drawing processing on and displays up to ((third threshold number NS3)-1) images PM, that is, up to 10 images PM, from the image PM closest to the first area AR1 among the images PM included in the second area AR2. 2, the second area AR2 is composed of a display area AR21 and a partial non-display area AR22. In the display area AR21, the display control unit 124 displays the images PM. In the partial non-display area AR22, the display control unit 124 displays the images PM included in the second area AR2 for each odd-numbered image ND, and does not display the other images PM in the second area AR2. The display area AR21 is made up of ten images PM. That is, ten images PM, images P657 to P666, are displayed in the display area AR21.

[0040] The display area AR21 is displayed by the display control unit 124. As will be described with reference to Fig. 5 and Fig. 6, when the user moves a part of the image PM displayed in the second area AR2 to the first area AR1, the display control unit 124 can prevent the hidden image PM from being moved to and displayed in the first area AR1. Therefore, a natural image can be displayed.

[0041] Next, the effect of not displaying a part of the image PM in the second area AR2 by displaying the image PM included in the second area AR2 for each odd number ND will be described with reference to FIGS. 3, 4, and 8. FIG.

[0042] FIG. 3 is a diagram showing an example of the arrangement of small-edge EDs. Fig. 3 shows a case where the document information DC corresponds to a document to which a fore-edge ED is added, such as a dictionary, an instruction manual, etc. Fig. 3 shows a case where a fore-edge ED is added to the left edge of an even-numbered page image PEV, and a fore-edge ED is added to the right edge of an odd-numbered page image POD.

[0043] In FIG. 3, the first edge ED1 is added to the images P1 to P11. A second edge ED2 is provided to the images P12 to P21. The second edge ED2 is disposed below the first edge ED1. A third edge ED3 is provided to images P22 to P36. The third edge ED3 is disposed below the second edge ED2.

[0044] FIG. 8 is a screen diagram showing an example of the fore-edge ED displayed in the second image bundle 320 displayed in the second area AR2. 8 shows a case where the display control unit 124 displays the image PM included in the second area AR2 for each even-numbered NE. The even-numbered NE is, for example, "2." When displaying the images PM included in the second area AR2 for every even-numbered page NE, only the images PM of the even-numbered pages are displayed as shown in FIG. As shown in FIG. 8, the second image bundle 320 includes images P2, P4, P6, P8, P10, P12, P14, P16, P18, P20, P22, and P24, which are displayed in sequence from left to right.

[0045] As shown in image P2, the first edge ED1 given to image P2 is located at the back. The first edges ED1 given to images P4, P6, P8, and P10 are located at the back and therefore cannot be seen. The second edges ED2 given to images P12, P14, P16, P18, and P20 are located at the back and therefore cannot be seen. The third edges ED3 given to images P22, P24, etc. are located at the back and therefore cannot be seen.

[0046] 8, when the images PM included in the second area AR2 are displayed for every even-numbered NE, the fore-edge ED is arranged on the far side and cannot be seen, so the visibility of the fore-edge ED of the second image bundle 320 decreases.

[0047] FIG. 4 is a screen diagram showing an example of the fore-edge ED displayed in the second image bundle 320 displayed in the second area AR2. As described with reference to Fig. 2, the display control unit 124 displays the image PM included in the second area AR2 for each odd number ND set in advance, and hides a part of the image PM in the second area AR2. The odd number ND is "3" in Fig. 4. As shown in FIG. 4, the display control unit 124 sequentially displays, as the second image bundle 320, for example, image P2, image P5, image P8, image P11, image P14, image P17, image P20, image P23, image P26, image P29, image P32, image P35, image P38, and image P41 from left to right.

[0048] As described with reference to FIG. 3, the even-numbered page image PEV has a fore-edge ED at its left end, and the odd-numbered page image POD has a fore-edge ED at its right end. A first edge ED1 is assigned to the images P1 to P11, a second edge ED2 is assigned to the images P12 to P21, and a third edge ED3 is assigned to the images P22 to P36.

[0049] 4, in the second image bundle 320, the first edge ED1 attached to the image P5 and the image P11 is displayed on the near side and can be seen by the user. The second edge ED2 attached to the image P17 is displayed on the near side and can be seen by the user. The third edge ED3 attached to the image P23, the image P29, and the image P35 is displayed on the near side and can be seen by the user. The first edge ED1 attached to the image P8 and the image P14 is located at the back and cannot be seen by the user. The second edge ED2 attached to the image P20 is located at the back and cannot be seen by the user. The third edge ED3 attached to the image P26 and the image P32 is located at the back and cannot be seen by the user.

[0050] In this way, the display control unit 124 displays every third image PM included in the second area AR2, and hides some of the other images PM in the second area AR2. As the images PM to be displayed, the images PM of odd-numbered pages and the images PM of even-numbered pages are alternately selected. In FIG. 4, the fore-edge ED given to the image PM of the odd-numbered page is displayed on the front side. This makes it possible to suppress a decrease in visibility of the fore-edge ED of the second image bundle 320.

[0051] 3 shows a case where the even-numbered page image PEV has a fore-edge ED at the left end, and the odd-numbered page image POD has a fore-edge ED at the right end, but the present invention is not limited to this. The even-numbered page image PEV may have a fore-edge ED at the right end, and the odd-numbered page image POD may have a fore-edge ED at the left end. In this case, the fore-edge EDs added to the images PM of even-numbered pages are displayed on the front side of the second image bundle 320, and can be visually recognized by the user. Therefore, a decrease in visibility of the fore-edge EDs of the second image bundle 320 can be suppressed.

[0052] As shown in Fig. 4, the image PM included in the second area AR2 is displayed for each odd number ND, and the other images PM in the second area AR2 are not displayed, so that the images PM of odd pages and the images PM of even pages are alternately selected. In the second image bundle 320, the fore-edge ED given to the image PM of an odd page or the image PM of an even page is displayed on the front side, so that the user can see it. This makes it possible to suppress a decrease in visibility of the fore-edge ED of the second image bundle 320.

[0053] Next, a case where a scroll command is issued to the image bundle 300 in a predetermined direction by a user operation will be described with reference to FIGS. Fig. 5 is a screen diagram showing an example of a scroll operation on the image bundle 300. Fig. 5 is a screen diagram showing a state before a scroll instruction is given.

[0054] Fig. 5 displays an image bundle 300 that is the same as the image bundle 300 shown in Fig. 2. A first image bundle 310 is displayed in the first area AR1, and the first image bundle 310 is made up of images P667 to P675.

[0055] The user touches the display surface of display 141 at the position of finger H1, moves the touched finger to the right, which is the negative direction of the X-axis, to the position of finger H2, and then moves the finger away from the display surface of display 141 at the position of finger H2. Here, the predetermined direction is the rightward direction, which is the negative direction of the X-axis. The position of finger H1 is the position of image P670 displayed in first area AR1 of first image bundle 310. The position of finger H2 is the position of image 307 displayed in first area AR1 of first image bundle 310. The scroll operation is an operation of moving image PM displayed in first area AR1 three images to the right.

[0056] Fig. 6 is a screen diagram showing an example of the image bundle 300 after the scroll operation shown in Fig. 5. The scroll operation is an operation for moving the image PM displayed in the first area AR1 three images to the right, so that the image PM displayed in the first area AR1 in Fig. 6 changes as follows. The display control unit 124 moves image P667 in Fig. 5 to the position of image P670. In Fig. 6, image P667 is displayed at the position of image P670 in Fig. 5. The display control unit 124 moves image P668 in Fig. 5 to the position of image P671. In Fig. 6, image P668 in Fig. 5 is displayed at the position of image P671 in Fig. 5. The display control unit 124 moves image P669 in Fig. 5 to the position of image P672. In Fig. 6, image P669 in Fig. 5 is displayed at the position of image P672 in Fig. 5. The display control unit 124 moves image P670 in Fig. 5 to the position of image P673. In Fig. 6, image P670 in Fig. 5 is displayed at the position of image P673 in Fig. 5. The display control unit 124 moves image P671 in Fig. 5 to the position of image P674. In Fig. 6, image P671 in Fig. 5 is displayed at the position of image P674 in Fig. 5. The display control unit 124 moves image P672 in Fig. 5 to the position of image P675. In Fig. 6, image P672 in Fig. 5 is displayed at the position of image P675 in Fig. 5.

[0057] The display control unit 124 moves images P673 to P675 in Fig. 5 to the third image bundle 330 displayed in the third area AR3. Images P673, P674, and P675 shown in Fig. 5 are included in the third image bundle 330 displayed in the third area AR3 in Fig. 6.

[0058] The display control unit 124 moves each of images P664, P665, and P666 included in the second image bundle 320 displayed in the second area AR2 of FIG. 5 to the positions of images P667, P668, and P669 in the first area AR1. The display control unit 124 moves image P666, which is included in the second image bundle 320 displayed in the second area AR2 in Fig. 5 and is image PM closest to the first area AR1, to the position of image P669 in Fig. 5. In Fig. 6, image P666 in Fig. 5 is displayed at the position of image P669 in Fig. 5. The display control unit 124 moves image P665, which is included in the second image bundle 320 displayed in the second area AR2 in Fig. 5 and is the image PM second closest to the first area AR1, to the position of image P668 in Fig. 5. In Fig. 6, image P665 is displayed at the position of image P668 in Fig. 5. The display control unit 124 moves image P664, which is included in the second image bundle 320 displayed in the second area AR2 in Fig. 5 and is the image PM that is third closest to the first area AR1, to the position of image P667 in Fig. 5. In Fig. 6, image P664 is displayed at the position of image P667 in Fig. 5.

[0059] As described with reference to FIG. 2, the display control unit 124 displays up to ((third threshold number NS3)-1) images PM, i.e., up to 10 images PM, from the image PM closest to the first area AR1, among the images PM included in the second area AR2. 5, the image PM closest to the first area AR1, the second closest image PM, and the third closest image PM are displayed by the display control unit 124. When the image PM displayed in the second area AR2 is moved to the first area AR1, it is possible to prevent the image PM that has been made hidden from being moved to the first area AR1 and displayed. As a result, a natural image movement can be displayed.

[0060] In this embodiment, a case will be described in which the display control unit 124 displays up to ((third threshold number NS3)-1) images PM from the image PM closest to the first area AR1, i.e. up to 10 images PM, among the images PM included in the second area AR2, but is not limited to this. The display control unit 124 may display the images PM included in the second area AR2 for every odd number ND set in advance for all images PM included in the second area AR2, and hide the other images PM in the second area AR2. In this case, a drawing process is performed on the image PM being moved from the second area AR2 to the first area AR1 during the movement, and the display control unit 124 changes the state from a hidden state to a displayed state.

[0061] FIG. 7 is a flowchart showing an example of the process of the control unit 11. 7, in step S101, the acquisition unit 121 acquires document information DC from the server device 2. The generation unit 122 generates an image bundle 300 corresponding to the document information DC. The image bundle 300 includes a predetermined number N of images PM. The predetermined number N is, for example, 1000. After the generation unit 122 generates the image bundle 300, in step S103, the determination unit 123 determines whether the predetermined number N is equal to or greater than a first threshold number NS1. The first threshold number NS1 is, for example, 300. If the determination unit 123 determines that the predetermined number N is not equal to or greater than the first threshold number NS1 (step S103; NO), the process proceeds to step S115. If the determination unit 123 determines that the predetermined number N is equal to or greater than the first threshold number NS1 (step S103; YES), the process proceeds to step S105.

[0062] In step S105, the control unit 11 determines a first number N1, a second number N2, and a third number N3. For example, the first number N1 is 9, the second number N2 is 666, and the third number N3 is 325. After determining the first number N1, the second number N2, and the third number N3, the control unit 11 determines an odd number ND in step S107. The odd number ND is, for example, "3."

[0063] After the control unit 11 determines the odd number ND, in step S109, the display control unit 124 displays a first image bundle 310 in which a first number N1 of images PM are arranged at a distance from each other in the first area AR1. Two adjacent images PM included in the first number N1 of images PM are arranged at a first distance ΔL1 from each other. In step S111, the display control unit 124 performs a rendering process on the images PM of the second number N2 in the second area AR2 for each odd-numbered ND, and displays the second image bundle 320 in which the images PM of each odd-numbered ND are overlapped and spaced apart by a second interval ΔL2. The first interval ΔL1 is wider than the second interval ΔL2. In step S113, the display control unit 124 performs a rendering process on the images PM of the third number N3 for each odd-numbered ND in the third area AR3, and displays the third image bundle 330 in which the images PM of each odd-numbered ND are overlapped and spaced apart from each other by the second interval ΔL2. Then, the process ends.

[0064] If NO in step S103, in step S115, the control unit 11 determines a first number N1, a second number N2, and a third number N3. After the control unit 11 determines the first number N1, the second number N2, and the third number N3, in step S117, the display control unit 124 displays a first image bundle 310 in which the first number N1 of images PM are arranged at a distance from each other in the first area AR1. Two adjacent images included in the first number N1 of images PM are arranged at a first distance ΔL1 from each other. In step S119, the display control unit 124 displays in the second area AR2 a second image bundle 320 in which a second number N2 of images PM are overlapped and spaced apart by a second interval ΔL2. In step S121, the display control unit 124 displays in the third area AR3 a third image bundle 330 in which a third number N3 of images PM are arranged in an overlapping manner with a second interval ΔL2 therebetween. Then, the process ends.

[0065] As described with reference to Fig. 7, when the predetermined number N is equal to or greater than the first threshold number NS1, the display control unit 124 displays the images PM included in the second area AR2 for every odd-numbered ND, and hides the other images PM in the second area AR2. The images PM of odd-numbered pages and the images PM of even-numbered pages are alternately selected as the images PM to be displayed in the second area AR2. By the display control unit 124 hiding some of the images PM included in the second area AR2, a decrease in visibility of the second image bundle 320 can be suppressed.

[0066] By hiding a part of the images PM in the second area AR2, the memory capacity and processing amount required to display the second image bundle 320 can be reduced.

[0067] As described above with reference to FIG. 1 to FIG. 8, the display control method of the smartphone 1 according to the present embodiment is a display control method for displaying a predetermined number N of images PM in an image bundle 300 including a first region AR1 and a second region AR2 along a virtual axis. In the first region AR1, a first number N1 of images PM smaller than the predetermined number N are arranged at a distance from each other. Two adjacent images PM included in the first number N1 of images PM are arranged at a first interval ΔL1. In the second region AR2, a second number N2 of images PM smaller than the predetermined number N are arranged overlappingly at a second interval ΔL2. The first interval ΔL1 is wider than the second interval ΔL2. When the predetermined number N is greater than a first threshold number NS1 determined in advance, a part of the images PM in the second region AR2 is hidden.

[0068] In the second area AR2, when the predetermined number N is greater than a predetermined first threshold number NS1, a part of the image PM in the second area AR2 is not displayed. When the predetermined number N is greater than the first threshold number NS1, a part of the image PM in the second area AR2 is hidden, thereby reducing the memory capacity and processing amount required to display the image PM in the second area AR2. When the predetermined number N is greater than the first threshold number NS1, the time required to display the image PM in the second area AR2, whose contents cannot be read, can be reduced.

[0069] In the above display control method, a part of the image PM in the second area AR2 is hidden in accordance with a predetermined rule.

[0070] Since the smartphone 1 hides part of the image PM in the second area AR2 in accordance with a predetermined rule, the smartphone 1 can efficiently hide part of the image PM in the second area AR2.

[0071] In the above display control method, a portion of the images in the second area AR2 is hidden so that the difference between the number of images PM that are odd-numbered and that are displayed, and the number of images PM that are even-numbered and that are displayed, among the second number N2 of images PM, is less than or equal to a second threshold number NS2.

[0072] 3, when the image PM is provided with the fore-edge EDs, the smartphone 1 can set the difference between the number of fore-edge EDs arranged on the front side and the number of fore-edge EDs arranged on the back side to be equal to or less than the second threshold number NS2. The smartphone 1 can reduce the possibility that all of the fore-edge EDs provided to the image PM are not displayed.

[0073] In the above display control method, the image PM included in the second area AR2 is displayed for every preset odd number ND, thereby making a part of the image PM in the second area AR2 non-displayable.

[0074] 4, the images PM of odd-numbered pages and the images PM of even-numbered pages are displayed alternately, so that the fore-edge ED attached to the images PM is more likely to be displayed.

[0075] In the above display control method, among the images PM included in the second area AR2, images PM that are a third number N3 or more away from the image PM closest to the first area AR1 are hidden according to a rule.

[0076] When the image PM displayed in the second area AR2 is moved to the first area AR1, the non-displayed image PM can be prevented from being moved to the first area AR1 and displayed. As a result, unnatural image movement can be prevented.

[0077] In the above display control method, the drawing process is omitted for images PM that are not displayed.

[0078] The time required for the rendering process of the image PM included in the second area AR2 can be reduced.

[0079] In the above display control method, when a user operation instructs scrolling the image bundle 300 in a predetermined direction, the image PM displayed in the second area AR2 is moved to the first area AR1.

[0080] The user can move the image PM displayed in the second area AR2 to the first area AR1 by performing a scroll operation in a predetermined direction. The user can move the image PM displayed in the second area AR2 to the first area AR1 to display the contents of the image PM in a readable manner.

[0081] In the above display control method, when an image PM displayed in the second area AR2 is moved to the first area AR1, among the images PM that have been hidden, an image PM that moves from the second area AR2 to the first area AR1 is displayed.

[0082] When an image PM that is included in the second area AR2 and is set as hidden is moved from the second area AR2 to the first area AR1, the user can readably display the contents of the image PM that has been moved to the first area AR1.

[0083] The control program PGM according to this embodiment is a control program PGM executed by the control unit 11 of the smartphone 1. The control program PGM causes the control unit 11 to function as a determination unit 123 that determines whether the number of images included in the image bundle 300 to be displayed is equal to or greater than a first threshold number NS1, and a display control unit 124 that displays the image bundle 300 including a first region AR1 in which a first number N1 of images PM smaller than a predetermined number N is arranged at a distance from each other, and a second region AR2 in which a second number N2 of images PM smaller than the predetermined number N is arranged at a second distance ΔL2 from each other. The display control unit 124 arranges two adjacent images PM included in the first number N1 of images PM at a first distance ΔL1 from each other. The first distance ΔL1 is wider than the second distance ΔL2. When the determination unit 123 determines that the predetermined number N is equal to or greater than the first threshold number NS1, the display control unit 124 hides a part of the images PM in the second region AR2.

[0084] This configuration provides the same effects as the display control method according to the present embodiment.

[0085] The smartphone 1 according to the present embodiment includes an acquisition unit 121 that acquires document information DC corresponding to an image bundle 300 including a predetermined number N of images PM, a determination unit 123 that determines whether the predetermined number N is greater than a first threshold number NS1 that is determined in advance, and a display control unit 124 that displays the image bundle 300 including a first region AR1 in which the first number N1 of images PM smaller than the predetermined number N are arranged at a distance from each other, and a second region AR2 in which the second number N2 of images PM smaller than the predetermined number N are arranged overlappingly at a distance ΔL2 from each other. The display control unit 124 arranges two adjacent images PM included in the first number N1 of images PM at a first distance ΔL1 from each other. The first distance ΔL1 is greater than the second distance ΔL2. When the determination unit 123 determines that the predetermined number N is equal to or greater than the first threshold number NS1, the display control unit 124 hides a part of the images PM in the second region AR2.

[0086] This configuration provides the same effects as the display control method according to the present embodiment.

[0087] This embodiment shows one aspect, and any modifications and applications are possible.

[0088] In this embodiment, the "display control device" is a smartphone 1, but is not limited to this. The "display control device" may include a processor 12, a memory 13, and a display such as a display 141. The "display control device" may be configured, for example, as a notebook computer or a tablet terminal.

[0089] In the present embodiment, the image bundle 300 is configured with the first region AR1, the second region AR2, and the third region AR3, but it is sufficient that the image bundle 300 includes the first region AR1 and the second region AR2. The image bundle 300 may be configured with the first region AR1 and the second region AR2.

[0090] The display control method of this embodiment shows a case where the processor 12 provided in the smartphone 1 is realized by executing the control program PGM, but it is also possible to configure the control program PGM executed by the processor 12 to realize the display control method in the form of a recording medium on which the control program PGM is recorded in a computer-readable manner, or a transmission medium for transmitting this control program PGM. The recording medium may be a magnetic or optical recording medium or a semiconductor memory device. Examples of the recording medium include portable or fixed recording media such as a flexible disk, HDD, CD-ROM (Compact Disk Read Only Memory), DVD (Digital Versatile Disk), Blu-ray (registered trademark) Disc, magneto-optical disk, flash memory, and card-type recording medium. The recording medium may be a non-volatile storage device such as RAM, ROM, or HDD, which is an internal storage device of the smartphone 1.

[0091] The functions of the control unit 11 may be realized by one or more processors or semiconductor chips. The control unit 11 may further include a co-processor such as a SoC (System-on-a-Chip), an MCU (Micro Control Unit), or an FPGA (Field-Programmable Gate Array). The control unit 11 may perform various controls by making both the CPU and the co-processor work together, or by selectively using one of the two.

[0092] The processing units in the flowchart of Fig. 7 are divided according to the main processing contents in order to facilitate understanding of the processing of the control unit 11, and are not limited by the manner in which the processing units are divided or the names thereof. The processing units in the flowchart may be further divided into more processing units according to the processing contents. One processing unit may also be divided so as to include more processes. The order of the processing may be appropriately changed within a range that does not impede the spirit of the present invention.

[0093] Each functional unit shown in FIG. 1 shows a functional configuration, and the implementation form is not particularly limited. It is not necessarily required to implement hardware corresponding to each functional unit individually, and it is also possible to implement a configuration in which one processor executes a program to realize the functions of multiple functional units. In the above-mentioned embodiment, some of the functions realized by software may be hardware, or some of the functions realized by hardware may be software. In addition, the specific detailed configurations of each of the other units of the smartphone 1 can also be arbitrarily changed within the scope of the gist. [Explanation of symbols]

[0094] 1...smartphone (display control device), 11...control unit (computer), 12...processor, 121...acquisition unit, 122...generation unit, 123...determination unit, 124...display control unit, 13...memory, 131...document information storage unit, 132...image information storage unit, 14...input display mechanism, 141...display, 142...touch sensor, 15...communication interface mechanism, 2...server device, 300...image bundle, 301-309...image, 310...first image bundle, 320...second image bundle, 330...third image bundle, AR1...first area, AR2...second area, AR3...third area, DC...document information, ED...edge, ED1...first edge, ED2...second edge, ED3...third edge, GM, G1 to G1000...page information, H1, H2...finger, M...number of pages, N...predetermined number (number of images), N1...first number, N2...second number, N3...third number, NE...even number, ND...odd number, NS1...first threshold number, NS2...second threshold number, NS3...third threshold number, PEV...even page image, POD...odd page image, PGM...control program (display control program), PM, P1 to P1000...page image, image, ΔL1...first interval, ΔL2...second interval.

Claims

1. Displaying a predetermined number of images in an image bundle including a first region and a second region along a virtual axis A display control method executed by a control device, comprising: The first area includes a first number of the images that is smaller than the predetermined number, and the first area spaced apart by a first distance, the two adjacent images included in The second region includes a second number of the images that is smaller than the predetermined number, and the second region placing the two adjacent images included in the image area in a superimposed manner with a second interval between them; The first interval is greater than the second interval, When the predetermined number is greater than a first threshold number, the image of the second region is Part of the image is hidden, hiding a part of the image in the second region according to a predetermined rule; When a part of the images in the second region is not displayed, the odd-numbered images in the second number of images are The number of images that are even-numbered and are displayed is The difference is equal to or less than a second threshold number. Display control method.

2. A display that displays a predetermined number of images in an image bundle including a first region and a second region along a virtual axis. A display control method executed by a control device, comprising: The first area includes a first number of the images that is smaller than the predetermined number, and the first area spaced apart by a first distance, the two adjacent images included in The second region includes a second number of the images that is smaller than the predetermined number, and the second region placing the two adjacent images included in the image area in a superimposed manner with a second interval between them; The first interval is greater than the second interval, When the predetermined number is greater than a first threshold number, the image of the second region is Part of the image is hidden, hiding a part of the image in the second region according to a predetermined rule; When a part of the image in the second region is made non-display, the second region is displayed for every odd number set in advance. Displaying the image contained in the region; Display control method.

3. A display for displaying a predetermined number of images in an image bundle including a first region and a second region along a virtual axis. A display control method executed by a control device, comprising: The first area includes a first number of the images that is smaller than the predetermined number, and the first area spaced apart by a first distance, the two adjacent images included in The second region includes a second number of the images that is smaller than the predetermined number, and the second region placing the two adjacent images included in the image area in a superimposed manner with a second interval between them; The first interval is greater than the second interval, When the predetermined number is greater than a first threshold number, the image of the second region is Part of the image is hidden, hiding a part of the image in the second region according to a predetermined rule; Among the images included in the second region, a third threshold number of images closest to the first region are selected. and hiding the image that is more than a certain number of pixels away from the image in accordance with the rule. Display control method.

4. The image to be hidden is omitted from the drawing process. The display control method according to any one of claims 1 to 3.

5. When a user operation instructs the image bundle to be scrolled in a predetermined direction, in this case, the image displayed in the second area is moved to the first area. The display control method according to any one of claims 1 to 4.

6. When the image displayed in the second area is moved to the first area, the image is hidden. displaying the image moving from the second area to the first area among the images; The display control method according to claim 5 .

7. A display control program executed by a computer of a display control device, The computer, a determination unit that determines whether the number of images included in the image bundle to be displayed is equal to or greater than a first threshold number; and a first area in which a first number of images smaller than the number of images are arranged at a distance from each other; and a second area in which a second number of images smaller than the first number are arranged in a stacked manner with a second interval between them. a display control unit that displays the image bundle; Function as a The display control unit separates two adjacent images included in the first area at a first interval. Place them apart, The first interval is greater than the second interval, When the determination unit determines that the number of images is equal to or greater than the first threshold number, the display control The control unit makes a part of the image in the second region invisible, and according to a predetermined rule, A part of the image in the second region is hidden; When a part of the images in the second region is not displayed, the odd-numbered images in the second number of images are The number of images that are even-numbered and are displayed is The difference is equal to or less than a second threshold number. Display control program.

8. A display control program executed by a computer of a display control device, The computer, a determination unit that determines whether the number of images included in the image bundle to be displayed is equal to or greater than a first threshold number; and a first area in which a first number of images smaller than the number of images are arranged at a distance from each other; and a second area in which a second number of images smaller than the first number are arranged in a stacked manner with a second interval between them. a display control unit that displays the image bundle; Functioning as a The display control unit separates two adjacent images included in the first area at a first interval. Place them apart, The first interval is greater than the second interval, When the determination unit determines that the number of images is equal to or greater than the first threshold number, the display control The control unit makes a part of the image in the second region invisible, and according to a predetermined rule, A part of the image in the second region is hidden; When a part of the image in the second region is made non-display, the second region is displayed for every odd number set in advance. Displaying the image contained in the region; Display control program.

9. A display control program executed by a computer of a display control device, The computer, a determination unit that determines whether the number of images included in the image bundle to be displayed is equal to or greater than a first threshold number; and a first area in which a first number of images smaller than the number of images are arranged at a distance from each other; and a second area in which a second number of images smaller than the first number are arranged in a stacked manner with a second interval between them. a display control unit that displays the image bundle; Functioning as a The display control unit separates two adjacent images included in the first area at a first interval. Place them apart, The first interval is greater than the second interval, When the determination unit determines that the number of images is equal to or greater than the first threshold number, the display control The control unit makes a part of the image in the second region invisible, and according to a predetermined rule, A part of the image in the second region is hidden; Among the images included in the second region, a third threshold number of images closest to the first region are selected. and hiding the image that is more than a certain number of pixels away from the image in accordance with the rule. Display control program.

10. An acquisition unit that acquires an image bundle including a predetermined number of images; a determination unit that determines whether the predetermined number is greater than a first threshold number that is determined in advance; a first area in which a first number of images smaller than the predetermined number are arranged at a distance from each other; a second region in which a second number of images, which is smaller than the number of images, are arranged in a stacked manner with a second interval between them; A display control unit that displays a bundle of images including the Equipped with The display control unit separates two adjacent images included in the first area at a first interval. Place them apart, The first interval is greater than the second interval, When the determination unit determines that the predetermined number is equal to or greater than the first threshold number, The control unit makes a part of the image in the second region invisible and executes the process according to a predetermined rule. a part of the image in the second region is hidden; When a part of the image in the second region is made non-display, the second region is displayed for every odd number set in advance. Displaying the image contained in the region; Display control device.

11. An acquisition unit that acquires an image bundle including a predetermined number of images; a determination unit that determines whether the predetermined number is greater than a first threshold number that is determined in advance; a first area in which a first number of images smaller than the predetermined number are arranged at a distance from each other; a second region in which a second number of images, which is smaller than the number of images, are arranged in a stacked manner with a second interval between them; A display control unit that displays a bundle of images including the Equipped with The display control unit separates two adjacent images included in the first area at a first interval. Place them apart, The first interval is greater than the second interval, When the determination unit determines that the predetermined number is equal to or greater than the first threshold number, The control unit makes a part of the image in the second region invisible and executes the process according to a predetermined rule. a part of the image in the second region is hidden; When a part of the image in the second region is made non-display, the second region is made non-display for every odd number set in advance. displaying the image contained in the area; Display control device.

12. An acquisition unit that acquires an image bundle including a predetermined number of images; a determination unit that determines whether the predetermined number is greater than a first threshold number that is determined in advance; a first area in which a first number of images smaller than the predetermined number are arranged at a distance from each other; a second region in which a second number of images, which is smaller than the number of images, are arranged in a stacked manner with a second interval between them; A display control unit that displays a bundle of images including the Equipped with The display control unit separates two adjacent images included in the first area at a first interval. Place them apart, The first interval is greater than the second interval, When the determination unit determines that the predetermined number is equal to or greater than the first threshold number, The control unit makes a part of the image in the second region invisible and executes the process according to a predetermined rule. a part of the image in the second region is hidden; Among the images included in the second region, a third threshold number of images closest to the first region are selected. and hiding the image that is more than a certain number of pixels away from the image in accordance with the rule. Display control device.

Images