JP2011028451A - Display device, display control method and display control program - Google Patents

Abstract

An object of the present invention is to maintain the ease of selecting a content by a user even when the number of contents to be displayed in a list becomes large.
In a display device that displays a plurality of icon images arranged two-dimensionally in an X direction and a Y direction, the pointing position is determined based on coordinates of a position pointed by a user's operation on a touch panel. The display device is characterized by including an enlarged display means for enlarging and displaying the icon image 3 positioned within the predetermined range.
[Selection] Figure 2

Description

  The present invention relates to a display device, a display control method, and a display control program.

  Conventionally, in a display device such as a mobile phone or a PC (Personal Computer), contents such as still images and moving images stored in the device itself may be displayed as a list using thumbnail images. For example, in the case of a still image, the thumbnail image indicates an image whose size is reduced by thinning the number of pixels.

  In recent years, with an increase in storage capacity, the number of contents that can be stored in a display device has been increasing. When a large amount of content is stored in the display device, a list of content using thumbnail images may extend to a plurality of pages. In such a case, a plurality of page switching operations may be required until the user reaches the target content, which may cause deterioration in operability.

  Therefore, in order to reduce the number of page switching operations, for example, it is conceivable to reduce the number of thumbnail images and increase the number of contents that can be displayed on one screen.

JP 2006-268295 A

  However, when the thumbnail image is reduced and the number of contents that can be displayed on one screen is increased, the visibility of the thumbnail image is deteriorated, so that it may be difficult for the user to select the content.

  The disclosed technology has been made in view of the above, and a display device capable of maintaining the ease of selecting a content by a user even when the number of content displayed in one screen becomes large, An object is to provide a display control method and a display control program.

  A display device disclosed in the present application includes, in one aspect, a display device that displays a plurality of images that are two-dimensionally arranged in the X direction and the Y direction, and includes the pointing position based on the coordinates of the pointing position. Enlarging display means for enlarging and displaying an image located within a predetermined range is provided.

  According to one aspect of the display device, the display control method, and the display control program disclosed in the present application, even when the number of contents displayed on one screen becomes large, the user can easily select the contents. There is an effect that can be.

FIG. 1-1 is a diagram illustrating an example of a list display screen displayed on the LCD. FIG. 1-2 is a diagram illustrating a state in which only frame images corresponding to each image file are displayed when there are more than a predetermined number of image files to be displayed. FIG. 2 is a diagram for explaining a state in which icon images belonging to a row touched by the user and surrounding rows are enlarged on the list display screen. FIG. 3 is a diagram for explaining how the icon images displayed in an enlarged manner are switched when the user traces the touch panel in the Y direction. FIG. 4 is a diagram for explaining a state in which an enlarged icon image is scrolled in the X direction when the user traces the touch panel in the X direction. FIG. 5 is a block diagram of the configuration of the mobile terminal device according to the first embodiment. FIG. 6 is a diagram illustrating an example of image file management information. FIG. 7 is a diagram for explaining the file structure. FIG. 8 is a diagram showing coordinates defined in the list display area. FIG. 9 is a diagram for explaining a determination area of an icon image displayed in an enlarged manner. FIG. 10 is a flowchart of the process procedure of the control unit according to the first embodiment. FIG. 11 is a flowchart illustrating the processing procedure of the list display processing. FIG. 12 is a flowchart showing the processing procedure of the enlarged display processing. FIG. 13 is a diagram for describing a case where only the icon image corresponding to the position touched by the user is enlarged most greatly on the list display screen. FIG. 14 is a diagram for explaining a state where the icon image to be enlarged is switched when the user traces the touch panel in an oblique direction. FIG. 15 is a flowchart of a process procedure performed by the control unit according to the second embodiment. FIG. 16 is a diagram for explaining a case where the position touched by the user and a plurality of icon images positioned around the position are enlarged most on the list display screen. FIG. 17 is a diagram for explaining a state where the icon image to be enlarged is switched when the user traces the touch panel in the X direction. FIG. 18 is a block diagram illustrating a computer that executes a display control program.

  Hereinafter, embodiments of a display device, a display control method, and a display control program disclosed in the present application will be described in detail with reference to the drawings. In the following description, a mobile terminal device is used as an example of a display device. The portable terminal device includes a mobile phone, a PHS (Personal Handyphone System), a PDA (Personal Digital Assistant), a portable personal computer having a communication function, and the like. In the present embodiment, a description will be given using a still image file (hereinafter, simply referred to as “image file”) as an example of content to be displayed as a list. However, the present invention is not limited to the embodiments.

  First, a display control method according to the present embodiment will be described with reference to the drawings. FIG. 1-1 is a diagram illustrating an example of a list display screen displayed on an LCD (Liquid Crystal Display). FIG. 1-2 illustrates each image file when there are more than a predetermined number of image files to be displayed. It is a figure which shows a mode that only the frame image corresponding to is displayed. FIG. 2 is a diagram for explaining a state in which icon images belonging to a row touched by the user and surrounding rows are enlarged on the list display screen.

  The mobile terminal device according to the present embodiment displays a list of image files stored in a predetermined folder in accordance with an operation from the user. Thereby, for example, a list display screen as shown in FIG. 1-1 is displayed on the LCD provided in the portable terminal device. Note that the mobile terminal device according to the present embodiment has a touch panel provided on the LCD in addition to the numeric keys and operation keys, and the user performs various operations using these.

  Specifically, as shown in FIG. 1A, the list display screen displayed on the LCD 16 includes a device information display area 161, a list display area 162, and a detailed information display area 163, and the list display area. In 162, an icon image 3 corresponding to each image file is displayed. More specifically, the icon images 3 are displayed in a two-dimensional array in the X direction and the Y direction in the list display area 162. For example, in FIG. 1-1, in the list display area 162, icon images 3 respectively corresponding to 31 image files stored in a predetermined folder are displayed, arranged in a total of 7 lines, 5 per line. ing. Here, the icon image 3 shown in FIG. 1-1 is a thumbnail image generated based on each image file.

  In the list display area 162, the index image 4 is displayed corresponding to each row. The index image 4 is an image provided so that the user can easily select an image file, and in FIG. 1-1, the first character of the title of the image file included in each line is shown. In the device information display area 161, information on the state of the own device such as a battery icon and a radio wave icon is displayed, and in the detailed information display area 163, detailed information on the image file designated by the user is displayed. . In FIG. 1A, no detailed information is displayed in the detailed information display area 163 because no image file is designated by the user.

  Here, the portable terminal device according to the present embodiment displays all the image files in the folder on one screen regardless of the number of image files stored in the folder. That is, when a large number of image files are stored in a predetermined folder, the mobile terminal device according to the present embodiment displays all icon images by displaying the icon images 3 corresponding to the respective image files in a small size. 3 are displayed in a list in the list display area 162.

  For example, when 100 image files are stored in a predetermined folder, the mobile terminal device lists 100 icon images 3 corresponding to the respective image files, as shown in FIG. indicate. In this way, it is possible to improve operability by displaying all the image files in the folder on one screen. That is, since all the image files are displayed on one screen, the user can easily grasp the whole image in the folder and select the desired content without performing the page switching operation. Can do.

  However, if all the image files in the folder are displayed in one screen, when the number of image files is large, the icon image 3 corresponding to each image file becomes so small that the contents cannot be visually recognized. There is a risk that it may be difficult for the user to select content. For example, as shown in FIG. 1-2, the icon image 3 when a list of 100 image files is displayed is compared with the icon image 3 when a list of 31 image files is displayed as shown in FIG. And it is displayed quite small.

  Therefore, the mobile terminal device according to the present embodiment enlarges and displays the icon image 3 located within a predetermined range including the pointed position based on the coordinates of the pointed position in the list display area 162. Specifically, when a touch operation on the touch panel provided on the LCD 16 is performed on the list display screen, the mobile terminal device is based on the Y coordinate of the position where the touch operation (pointing) is performed. A plurality of arranged images are enlarged and displayed in units of rows.

  For example, in the state shown in FIG. 1-2, it is assumed that the user points the icon image 3a arranged fifth from the top in the Y direction and third from the left in the X direction using the touch panel. In such a case, as shown in FIG. 2, the mobile terminal device enlarges and displays a plurality of icon images 3 included in the row to which the icon image 3a belongs (the fifth row from the top in the Y direction). In this case, the detailed information display area 163 displays detailed information (for example, a title and update date / time) of the image file corresponding to the icon image 3a including the pointed coordinates.

  As described above, in this embodiment, when the touch operation by the user is performed, the icon image 3 positioned within the predetermined range including the pointed position is enlarged and displayed. Therefore, even when there are a large number of image files to be displayed in a list and the icon image 3 corresponding to each image file is displayed in a small size in the list display area 162, the user can select the target image file. Can be easily found.

  In this embodiment, the line including the Y coordinate of the pointed position is enlarged to a predetermined size, and the other lines adjacent to the line are enlarged to an intermediate size not exceeding the predetermined size. In this embodiment, the enlarged icon image 3 is superimposed in ascending order of size to display a screen as if the icon image 3 is raised in a three-dimensional manner with the position pointed by the user as a vertex. Can do.

  For example, as shown in FIG. 2, it is assumed that the user points to the fifth line from the top in the Y direction. In such a case, the mobile terminal device enlarges the plurality of icon images 3 included in the fifth row by 10 times, and rows positioned above and below the fifth row (the fourth row and the sixth row). A plurality of icon images 3 included in the row) are enlarged six times. Further, the mobile terminal device also enlarges the plurality of icon images 3 included in the rows (the third row and the seventh row) located above and below the row magnified 6 times. Then, the mobile terminal device superimposes the icon image 3 magnified 6 times on the icon image 3 magnified 4 times, and further, the icon image 3 magnified 10 times on the icon image 3 magnified 6 times. Are displayed in layers.

  In this embodiment, when the user moves the pointing position while touching the touch panel, the icon image 3 displayed in an enlarged manner is switched according to the change in the pointing position. FIG. 3 is a diagram for explaining how the icon image 3 displayed in an enlarged manner is switched when the user traces the touch panel in the Y direction. For example, in the state shown in FIG. 2, when the user shifts the pointing position in the Y direction and finally points to the eighth row from the top in the Y direction, the mobile terminal device expands the most. The lines to be switched are sequentially switched from the fifth line to the eighth line.

  In this embodiment, since the icon image 3 is enlarged and displayed on a line basis, there is an icon image 3 that protrudes from the list display area 162 after enlargement. Therefore, in this embodiment, when the icon image 3 positioned at the end of the list display area 162 is touched among the icon images 3 that are enlarged most, the icon image 3 that is enlarged most in the X direction is displayed. Slide.

  For example, in the state shown in FIG. 3, it is assumed that the user moves the pointing position in the X direction and finally points at the icon image 3 positioned at the right end of the list display area 162. In such a case, the mobile terminal device slides the icon image 3 included in the row being pointed in the X direction. Thereby, as shown in FIG. 4, the mobile terminal device can display “image 85” that was not displayed in the state shown in FIG. 3 in the list display area 162.

  In this embodiment, when the number of image files stored in the folder is equal to or less than a predetermined number (for example, 50), a thumbnail image is displayed as the icon image 3 as shown in FIG. . On the other hand, when the number of image files is larger than the predetermined number, as the icon image 3, as shown in FIG. 1-2, a frame image corresponding to each image file is displayed instead of a thumbnail image. The reason is that when the number of icon images 3 displayed on one screen is large, even if a thumbnail image is displayed as the icon image 3, the thumbnail image is too small and it is difficult to grasp the contents. . Further, when the number of image files to be displayed as a list is larger than a predetermined number, by displaying only the frame image as the icon image 3, the load on the list display process can be reduced. As a result, the portable terminal device according to the present embodiment can display the list display screen on the LCD 16 in a short time even when the number of image files to be displayed as a list is large.

  In the case where the frame image is displayed as the icon image 3 and the user performs a touch operation, the mobile terminal device displays a thumbnail image instead of the frame image as the enlarged icon image 3.

  Next, the configuration of the mobile terminal device according to the present embodiment will be described. FIG. 5 is a block diagram of the configuration of the mobile terminal device according to the first embodiment. In the following, description will be made centering on portions closely related to the present embodiment. Other portions are the same as those of the conventional portable terminal device, and thus the description thereof will be omitted or simplified.

  As shown in FIG. 5, the mobile terminal device 1 according to the present embodiment includes a wireless unit 11, an operation unit 12, a touch panel 13, a microphone 14, a speaker 15, an LCD 16, and an input / output control IF unit 20. Is provided. The mobile terminal device 1 includes a storage unit 30 and a control unit 40.

  The wireless unit 11 transmits and receives wireless signals such as audio signals via an antenna. The operation unit 12 receives various input operations from the user. The operation unit 12 includes, for example, a numeric keypad, operation keys, a rotation selector, a cursor key, a cross key, a setting key, a completion key, a clear key, and a power key.

  The touch panel 13 is provided on the LCD 16 and outputs a signal indicating an X coordinate and a Y coordinate of a position touched by the user with a fingertip or the like to a touch panel input detection unit 402 described later. The operation unit 12 and the touch panel 13 correspond to an example of a predetermined operation unit.

  The microphone 14 is a sound collection unit that collects a user's voice or the like during a call or the like. The speaker 15 is a voice output unit that outputs a ringing tone when, for example, an incoming call is received or an e-mail is received. The LCD 16 is a display unit that displays characters and images. Note that the display unit is not necessarily an LCD, and may be, for example, an organic EL display or an electronic paper display.

  The input / output control IF unit 20 is an interface unit that controls exchange of various types of information between the wireless unit 11, the operation unit 12, the touch panel 13, the microphone 14, the speaker 15, the LCD 16, and the control unit 40.

  The storage unit 30 stores data, programs, and the like necessary for executing various processes by the control unit 40. In particular, as closely related to the present embodiment, the storage unit 30 includes a setting information storage unit 301, a management information storage unit 302, and an image file storage unit 303. The setting information storage unit 301 stores various setting information related to the mobile terminal device 1. In particular, the setting information storage unit 301 according to the present embodiment stores sort information. The sort information is information for determining the arrangement order of the image files when displaying a list of image files. Based on which information among the information included in the image file management information described later, the image files should be arranged. It is the information which shows. For example, the sort information indicates that the image files should be arranged in title order, update date order, or file size order. Such sort information is set by the user.

  The management information storage unit 302 stores image file management information. The image file management information is information regarding image files stored in the image file storage unit 303. FIG. 6 shows an example of the image file management information.

  As shown in FIG. 6, the management information storage unit 302 sets “ID”, “title”, “update date / time”, “file size”, and “image file path” as image file management information. Store it in association. “ID” is an identification number unique to each image file. “Title” is the title of the image file. “Update date and time” is the date and time when the image file was acquired or updated. “File size” is the capacity of an image file. The “image file path” is information indicating the storage position of the image file in the image file storage unit 303.

  For example, the management information storage unit 302 uses the ID “01”, the title “Oh Ah”, the update date “2009/01/01 01:00:00”, the file size “100 KB”, and the image file path “Folder” as the image file management information. A \ File_1.jpg "is stored in association. This image file management information indicates that a 100 KB image file “Oh Ah” acquired or updated at 1:00:00 on January 1, 2009 is stored in “Folder A \ File_1.jpg”. ing. As described above, the management information storage unit 302 corresponds to an example of a management information storage unit that stores management information of an image file.

  The image file storage unit 303 stores an image file. An image file is data obtained by digitizing image information of a still image. In this embodiment, the image file is stored in the image file storage unit 303 in a compressed state in JPEG format.

  The image file storage unit 303 stores the image file by dividing it into a plurality of folders. FIG. 7 shows an example of the file configuration.

  As shown in FIG. 7, the image file storage unit 303 stores the image files having IDs “01” to “n” shown in FIG. For example, “Folder A” includes image files “File_1.jpg” to “File_100.jpg”, that is, image files having IDs “01” to “100” shown in FIG. Similarly, “Folder B” includes image files such as “File_101.jpg” and “File_102.jpg”, that is, image files such as ID “101” and “102” shown in FIG. Similarly, “Folder N” includes an image file of “File_n.jpg”, that is, an image file of ID “n” shown in FIG.

  The control unit 40 is a control unit that controls the mobile terminal device 1. In particular, as closely related to the present embodiment, the control unit 40 includes an operation control unit 401, a touch panel input detection unit 402, an image display control unit 403, an image layout processing unit 404, and an image file management unit 405. And an image rendering unit 406 and an LCD output unit 407.

  When the user performs an operation on the operation unit 12, the operation control unit 401 instructs the corresponding processing unit to execute a process corresponding to the operation. In particular, when the list display operation by the user is acquired from the operation unit 12 or the touch panel 13, the operation control unit 401 notifies the image display control unit 403 that the operation has been performed. The list display operation is, for example, an operation for selecting one folder from a plurality of folders stored in the image file storage unit 303.

  When the operation control unit 401 acquires a sort information setting operation by the user from the operation unit 12, the operation control unit 401 stores the sort information based on the setting operation in the setting information storage unit 301. For example, the operation control unit 401 stores sort information indicating that the image files should be arranged in the order of titles in the setting information storage unit 301 based on the sort information setting operation by the user. The setting information storage unit 301 may store sort information for each folder.

  Touch panel input detection unit 402 detects the coordinates of the pressed location on touch panel 13. Specifically, when the touch panel input detection unit 402 acquires a signal from the touch panel 13, the touch panel input detection unit 402 specifies the X coordinate and the Y coordinate of the position designated by the user based on the signal. When the list display screen as shown in FIG. 1A or 1B is displayed on the LCD 16, the touch panel input detection unit 402 performs information on the specified X coordinate and Y coordinate (hereinafter, “key coordinate information”). ”) To the image display control unit 403.

  When the image display control unit 403 receives a notification from the operation control unit 401 that a list display operation has been performed, the image display control unit 403 first acquires sort information from the setting information storage unit 301. Then, the image display control unit 403 passes sort information to the image layout processing unit 404 and requests a list display of the image files in the folder selected by the list display operation.

  Further, when the key display information is acquired from the touch panel input detection unit 402, the image display control unit 403 delivers the key coordinate information to the image layout processing unit 404 and also displays the icon image 3 corresponding to the image file. Request an enlarged display of.

  When the image layout processing unit 404 receives an image file list display request from the image display control unit 403, the image layout processing unit 404 notifies the image file management unit 405 of image file management information of image files included in a folder to be displayed as a list. Request acquisition. For example, when the folder to be displayed as a list is “Folder A”, the image layout processing unit 404 acquires the image file management information of the image file included in “Folder A” from the image file management unit 405. Request.

  When the image layout processing unit 404 acquires the image file management information from the image file management unit 405, the image layout processing unit 404 generates layout information based on the image file management information and the sort information. The layout information is information that defines the location and size of the icon image 3 on the list display area 162. Specifically, the layout information includes information indicating which icon image 3 should be arranged at which coordinates on the list display area 162 and information regarding the contents of characters to be displayed as the index image 4. It is.

  For example, when the image file management information of the image file included in “Folder A” is acquired, the image layout processing unit 404 displays the icon image so that all 100 icon images 3 corresponding to each image file are displayed. 3 location and size are determined. Subsequently, the image layout processing unit 404 determines which icon image 3 is to be placed at each determined placement location based on the sort information. For example, it is assumed that the sort information indicates that the image files should be arranged in the title order. In such a case, the image layout processing unit 404 associates the placement location with the image file path in order from the placement location located at the left end of the first row in the list display area 162 so that the image files are placed in order of title. To go.

  Further, the image layout processing unit 404 determines the content of characters to be displayed as the index image 4 corresponding to the row based on the first character of the title of the image file included in each row. For example, among the plurality of image files determined to be arranged in the first row, the first character of the title of the image file associated with the arrangement position on the left end is “A”, and the arrangement position on the right end Assume that the first character of the title of the image file associated with is “o”. In such a case, the image layout processing unit 404 determines that an image including the characters “AA” should be displayed as the index image 4 corresponding to the first row.

  Further, the image layout processing unit 404 sets a determination area corresponding to each icon image 3. The determination area is an area for determining whether or not the icon image 3 has been touched. Here, the determination region set in the present embodiment will be described with reference to FIG. FIG. 8 is a diagram showing coordinates defined in the list display area.

  As shown in FIG. 8, coordinates in a range of X = 0 to 925 and Y = 0 to 1050 are defined in the list display area 162. Then, the image layout processing unit 404 sets the same area as the image area of each icon image 3 (arrangement location size) as a determination area corresponding to the icon image 3. For example, the determination area corresponding to the icon image 3a arranged in the range of X = 175 to 225, Y = 550 to 600 is set to the range of X = 175 to 225, Y = 550 to 600. Note that the determination area is not necessarily the same as the image area of the icon image 3 and may be larger or smaller than the image area of the icon image 3. When the coordinates of the pointed position are included in the determination area, the image layout processing unit 404 determines that the icon image 3 corresponding to the determination area has been touched.

  When the layout information is generated, the image layout processing unit 404 delivers the generated layout information to the image rendering unit 406 and requests a list display. The image layout processing unit 404 stores the generated layout information and determination area setting information in a predetermined storage area.

  When the image layout processing unit 404 acquires key coordinate information from the image display control unit 403, the image layout processing unit 404 generates layout change information based on the key coordinate information. Like the layout information, the layout change information includes information indicating which icon image 3 should be arranged at which coordinate in the list display area 162 and information regarding the contents of characters to be displayed as the index image 4. included.

  Specifically, the image layout processing unit 404 determines whether or not a touch operation has been performed on the icon image 3 based on the key coordinate information acquired from the image display control unit 403. That is, the image layout processing unit 404 determines whether or not the pointed coordinates (key coordinates) are included in the determination area of any icon image 3. When the key coordinates are included in the determination region of any icon image 3, the image layout processing unit 404 generates layout change information based on the layout information. Specifically, the image layout processing unit 404 determines, from the state determined by the layout information, the plurality of icon images 3 included in the line to which the icon image 3 including the key coordinates belongs and the lines located around the line. Layout change information is generated by changing the placement location and size.

  For example, when it is determined that the icon image 3 included in the fifth row from the top in the Y direction in the list display area 162 is touched, the image layout processing unit 404 displays a plurality of icon images included in the fifth row. Change the location and size of 3. Specifically, the image layout processing unit 404 enlarges the size of the placement location corresponding to the icon image 3 included in the fifth row by 10 times and determines new coordinates of the enlarged placement location.

  In addition, the image layout processing unit 404 increases the size of the arrangement location corresponding to the plurality of icon images 3 included in the rows (fourth and sixth rows from the top) respectively above and below the fifth row by six times. Expanding. Similarly, the image layout processing unit 404 sets the size of the arrangement location corresponding to the plurality of icon images 3 included in the rows (third and seventh rows from the top) above and below the row enlarged by 6 times to 4 Double the magnification.

  Then, the image layout processing unit 404 determines which icon image 3 is displayed at each enlarged arrangement location. For example, the image layout processing unit 404 determines the arrangement of each icon image 3 so that the icon image 3 that is pointed is displayed at an arrangement location that includes the pointed coordinates. That is, when the icon image 3 pointed to is “image 52”, the image layout processing unit 404 associates the arrangement location including the pointed coordinates with the image file path of “image 52” as shown in FIG. .

  Further, the image layout processing unit 404 resets the determination area when the size of the placement location is changed. FIG. 9 is a diagram for explaining a determination area of the icon image 3 displayed in an enlarged manner. As shown in the figure, the image layout processing unit 404 does not overlap the determination area corresponding to the icon image 3 that is enlarged most greatly with the determination areas of other icon images 3 adjacent in the Y direction of the list display area 162. Set the range.

  For example, as illustrated in FIG. 9, when the size of the placement locations 5 a to 5 e of the icon image 3 included in the eighth row from the top of the list display region 162 is greatly enlarged, the region of the placement location 5 b is It is assumed that X = 100 to 300 and Y = 150 to 400 are set. The lower limit of the Y coordinate of the determination area corresponding to the icon image 3 included in the seventh line from the top of the list display area 162 is Y = 350, corresponding to the icon image 3 included in the ninth line from the top. It is assumed that the upper limit of the Y coordinate of the determination area to be determined is Y = 200. In this case, the determination area of the arrangement location 5b is set in the range of X = 100 to 300 and Y = 200 to 350. In this embodiment, the determination area is reset only for the icon image 3 that is enlarged most. That is, the determination area of the icon image 3 enlarged to the intermediate size remains the determination area of the icon image 3 before enlargement.

  Further, the image layout processing unit 404 sets the slide operation areas 6a and 6b in association with the arrangement places 5a and 5e located at both ends of the list display area 162 among the arrangement places 5a to 5e. Similarly, the slide operation areas 6a and 6b are set in a range that does not overlap with the determination areas of other icon images 3 adjacent in the Y direction. For example, when the area of the arrangement place 5a is set in the range of X = 0 to 50 and Y = 150 to 400, the slide operation area 6a corresponding to the arrangement place 5a has X = 0 to 50, Y = It is set in the range of 200 to 350. When the area of the arrangement location 5e is set in the range of X = 850 to 900, Y = 150 to 400, the slide operation area 6b corresponding to the arrangement location 5e has X = 850 to 900, Y = It is set in the range of 200 to 350.

  When the touch operation is performed on the icon image 3 located at the end of the list display area 162 among the most enlarged icon images 3, the image layout processing unit 404 arranges the image layout processing unit 404 in the arrangement locations 5a to 5e. The icon image 3 is changed. That is, when the image layout processing unit 404 determines that the slide operation areas 6a and 6b are pointed based on the key coordinate information, the image layout processing unit 404 changes the image file path respectively associated with each of the placement locations 5a to 5e.

  For example, it is assumed that the slide operation area 6b is pointed when the image file paths “image 81” to “image 85” are associated with the placement locations 5a to 5e, respectively. In such a case, the image layout processing unit 404 shifts the image file paths respectively associated with the arrangement locations 5a to 5e one by one in the arrangement order based on the sort information, and each of the arrangement locations 5a to 5e and “image 82” to “image”. 86 ”.

  When the layout change information is generated, the image layout processing unit 404 delivers the generated layout information to the image rendering unit 406 and requests an enlarged display. The image layout processing unit 404 sends the detailed information of the image file corresponding to the icon image 3 located at the pointed coordinates together with the layout change information to the image description unit 406 as information to be displayed in the detailed information display area 163. Deliver. Further, the image layout processing unit 404 stores the generated layout change information, determination area and slide operation area setting information in a predetermined storage area.

  When receiving an image file management information acquisition request from the image layout processing unit 404, the image file management unit 405 acquires, from the management information storage unit 302, image file management information of image files included in a folder to be displayed as a list. To do. For example, when receiving an acquisition request for image file management information of an image file included in “Folder A”, the image file management unit 405 stores the management information of the image file management information corresponding to the IDs “01” to “100”. Obtained from the unit 302. Then, the image file management unit 405 returns the acquired image file management information to the image layout processing unit 404.

  For example, when a new image file is acquired from the wireless unit 11 via the input / output control IF unit 20, the image file management unit 405 stores the image file information of the image file in the management information storage unit 302. The actual data is stored in the image file storage unit 303.

  When receiving a list display request together with layout information from the image layout processing unit 404, the image description unit 406 first selects an image file to be displayed as a list based on the image file path included in the layout information. Read from. The image drawing unit 406 decodes the read image file and generates an icon image 3 corresponding to the image file. Specifically, the image description unit 406 develops a JPEG format image file into a bitmap and generates a thumbnail image processed into a size based on the layout information. Note that when the number of image files to be displayed in a list is larger than a predetermined number, the image drawing unit 406 does not perform such processing and generates a frame image as the icon image 3 corresponding to each image file. In addition, the image drawing unit 406 generates the index image 4 based on the information regarding the index image 4 included in the layout information.

  In addition, the image description unit 406 generates list display image data in which the generated icon image 3 and index image 4 are arranged in the list display area 162 in the arrangement order based on the layout information. Here, the index image 4 is arranged at a position corresponding to each row of the two-dimensional array. The image rendering unit 406 then passes the generated list display image data to the LCD output unit 407 and requests image output.

  When the image rendering unit 406 receives an enlargement display request together with the layout change information from the image layout processing unit 404, first, based on the image file path included in the layout change information, the image description unit 406 selects an image file to be displayed as a list. Reading from the file storage unit 303. The image drawing unit 406 decodes the read image file and generates an icon image 3 corresponding to the image file.

  Specifically, the image drawing unit 406 develops a JPEG image file into a bitmap and generates a thumbnail image processed into a size based on the layout change information. For example, the image depiction unit 406 compares the icon image 3 (thumbnail image) corresponding to the image file determined to be arranged at the arrangement location enlarged ten times compared with the icon image 3 before enlargement by 10. Generate to double the size. Similarly, the image depiction unit 406 generates the icon image 3 arranged at the arrangement location enlarged by 6 times with a size 6 times that of the icon image 3 before enlargement, and enlarged by 4 times. The icon image 3 arranged at the arrangement place is generated with a size four times that of the icon image 3 before enlargement.

  Then, the image description unit 406 generates list display image data in which the generated icon image 3 and index image 4 are arranged in the list display area 162 in the arrangement order based on the layout change information. In such a case, the image layout processing unit 404 superimposes the icon image 3 magnified 6 times on the icon image 3 magnified 4 times, and further magnifies 10 times on the icon image 3 magnified 6 times. The icon image 3 is superimposed. The image rendering unit 406 then passes the generated list display image data to the LCD output unit 407 and requests image output. Note that the image description unit 406 arranges the detailed information of the image file acquired from the image layout processing unit 404 in the detailed information display area 163 when generating the list display image data.

  The LCD output unit 407 outputs a list display image based on the list display image data acquired from the image rendering unit 406 to the LCD 16.

  As described above, in the present embodiment, the plurality of icon images 3 positioned at the Y coordinate of the pointed coordinates are enlarged to a predetermined size, and the other icon images 3 that are positioned around the icon image 3 enlarged to the predetermined size are displayed. The icon image 3 is enlarged to an intermediate size. In the present embodiment, the enlarged icon image 3 is superimposed in ascending order of size, and as shown in FIG. 2, whether the icon image 3 is three-dimensionally raised around the position pointed by the user. Such a screen can be displayed.

  Further, when the user touches the touch panel 13 and performs an operation of shifting the pointing position in the Y direction, the line including the Y coordinate of the pointed coordinate is sequentially changed. As shown, the icon image 3 to be enlarged is switched.

  Furthermore, when the icon images 3 positioned at both ends of the list display area 162 are touched among the icon images 3 that are enlarged most, image file paths respectively corresponding to the arrangement positions set to the largest size are displayed. It is changed by the image layout processing unit 404. As a result, as shown in FIG. 4, the icon image 3 protruding from the list display area 162 can be slid and displayed in the list display area 162.

  Next, a specific operation of the mobile terminal device 1 according to the present embodiment will be described. FIG. 10 is a flowchart illustrating the processing procedure of the control unit 40 according to the present embodiment. In FIG. 10, only the processing procedure related to the image file list display among the processing procedures executed by the control unit 40 is shown.

  As illustrated in FIG. 10, when the operation control unit 401 or the touch panel input detection unit 402 acquires a list display operation of image files from the operation unit 12 or the touch panel 13 (step S101), the control unit 40 executes a list display process. (Step S102). Such list display processing is processing shown in FIG. 11 and will be described later.

  When the list display process is completed, the image layout processing unit 404 determines whether or not a touch operation has been performed on the icon image 3 (step S103). Specifically, the image layout processing unit 404 determines whether the key coordinates acquired from the image display control unit 403 are included in a determination region corresponding to any icon image 3 on the list display region 162. . Then, when the key coordinates are included in a determination area corresponding to any icon image 3 on the list display area 162, the image layout processing unit 404 performs a touch operation on the icon image 3 corresponding to the determination area. Judge that it was made.

  In this process, when it is determined that the touch operation has been performed on the icon image 3 (Yes at Step S103), the control unit 40 executes an enlarged display process (Step S104). The enlarged display process is a process shown in FIG. 12, and will be described later.

  When the enlargement display process is completed, the image layout processing unit 404 determines whether or not the icon image 3 positioned at the end of the list display area 162 among the icon images 3 that are enlarged most is touch-operated (step S105). ). Specifically, the image layout processing unit 404 determines whether or not the pointed coordinates are included in the slide operation areas 6a and 6b based on the key coordinate information acquired from the image display control unit 403. In this process, when it is determined that the icon image 3 positioned at the end of the list display area 162 among the most enlarged icon images 3 is touch-operated (Yes at Step S105), the control unit 40 executes the slide process. (Step S106).

  When the slide process is started, the image layout processing unit 404 first generates layout change information. Specifically, the image layout processing unit 404 shifts the image file paths respectively corresponding to the arrangement positions 5a to 5e of the icon image 3 that has been enlarged most, one by one in the arrangement order based on the sort information. When the layout change information is generated, the image layout processing unit 404 transfers the generated layout information to the image drawing unit 406 and requests an enlarged display.

  When receiving an enlargement display request together with layout change information from the image layout processing unit 404, the image drawing unit 406 first stores image files to be displayed in a list based on the image file path included in the layout change information in the image file storage. Read from unit 303. The image drawing unit 406 decodes the read image file and generates an icon image 3 corresponding to the image file.

  Subsequently, the image description unit 406 generates list display image data in which the generated icon image 3 and index image 4 are arranged in the list display area 162 in the arrangement order based on the layout change information. Subsequently, the image depiction unit 406 passes the generated list display image data to the LCD output unit 407 and requests image output. Then, the LCD output unit 407 outputs a list display image based on the list display image data acquired from the image rendering unit 406 to the LCD 16.

  Thereby, as shown in FIG. 4, the mobile terminal device 1 can shift the display position of the most enlarged icon image 3 one by one in the title order. That is, the user can slide the icon image 3 protruding from the list display area 162 and display it in the list display area 162.

  On the other hand, when the icon image 3 positioned at the end of the list display area 162 is not touched (No at Step S105), the image layout processing unit 404 determines whether the touch operation is performed on the icon image 3 belonging to the adjacent row. Is determined (step S107). Specifically, the image layout processing unit 404 determines whether or not the key coordinates are included in the determination region of the icon image 3 that is adjacent to the icon image 3 that is enlarged most in the Y direction. In this process, when it is determined that a touch operation has been performed on the icon image 3 belonging to an adjacent row (Yes at Step S107), the control unit 40 executes a transition process (Step S108).

  The transition process is the same process as the enlarged display process shown in step S104. That is, the image layout processing unit 404 generates layout change information based on the key coordinate information acquired from the image display control unit 403, and the image description unit 406 generates list display data based on the layout change information. Then, the LCD output unit 407 displays a list display screen based on the list display data on the LCD 16. As a result, when the icon image 3 belonging to the adjacent line is touch-operated, the line to which the touch-operated icon image 3 belongs is enlarged most greatly, and the lines arranged around the icon image 3 are enlarged to an intermediate size. The

  When the processing of steps S106 and S108 is completed, or when the touch operation is not performed on the icon image 3 belonging to the adjacent row in step S107 (No in step S107), the control unit 40 proceeds to step S109. To do.

  In step S109, the control unit 40 determines whether or not the sorting method has been changed. The sorting method is changed by an operation on the operation unit 12 or the touch panel 13 by the user. In such processing, when the sorting method has not been changed (No at Step S109), the control unit 40 proceeds to Step S105.

  On the other hand, when it is determined that the sorting method has been changed (Yes at Step S109), the control unit 40 performs an initialization process (Step S110). That is, the control unit 40 returns to the state after the list display process shown in step S102. Specifically, the control unit 40 executes a process similar to the list display process shown in step S102 as an initialization process, and displays a list display screen as shown in FIG.

  In the present embodiment, the control unit 40 maintains the state in which the icon image 3 is enlarged and displayed even when the user lifts his / her finger from the touch panel 13. Thereby, the user can easily browse the enlarged icon image 3. That is, maintaining the enlarged display of the icon image 3 eliminates the need for the user to touch the touch panel 13 with a finger while browsing the icon image 3. In addition, it is not difficult to see a magnified icon image 3 with a finger.

  When the process of step S110 is completed, or when the touch operation is not performed on the icon image 3 in step S103 (No in step S103), the control unit 40 determines whether or not an end operation has been performed (step S111). ). Here, the end operation is an operation performed by the user using the operation unit 12 or the touch panel 13 in order to end the list display of the image file. For example, the operation returns to the main screen or turns off the power. In this process, when the end operation has not been performed (No at Step S111), the control unit 40 moves the process to Step S103. On the other hand, when it is determined that the end operation has been performed (Yes at Step S111), the control unit 40 ends the processing procedure related to the list display of the image files.

  Next, the list display process in step S102 will be described. FIG. 11 is a flowchart illustrating the processing procedure of the list display processing.

  As shown in FIG. 11, when the list display process is started, the image display control unit 403 first acquires sort information from the setting information storage unit 301 (step S201). Subsequently, the image display control unit 403 delivers sort information to the image layout processing unit 404 and requests a list display of the image files stored in the folder selected by the list display operation (step S202). ).

  Subsequently, when the image layout processing unit 404 receives the image file list display request, the image layout processing unit 404 requests the image file management unit 405 to acquire the image file management information of the image file included in the folder to be displayed as a list. (Step S203). Subsequently, when the image file management unit 405 receives an image file management information acquisition request from the image layout processing unit 404, the management information storage unit 302 stores the image file management information of the image files included in the folder to be displayed as a list. (Step S204). Then, the image file management unit 405 returns the acquired image file management information to the image layout processing unit 404 (step S205).

  Subsequently, when receiving the image file management information from the image file management unit 405, the image layout processing unit 404 generates layout information based on the image file management information and the sort information (step S206).

  Specifically, the image layout processing unit 404 displays the icon image 3 so that all the icon images 3 corresponding to each image file are displayed in the list display area 162 according to the number of image files included in the folder. The placement location and the size of the placement location are determined. Then, the image layout processing unit 404 determines which icon image 3 is to be placed at each determined placement location based on the sort information. For example, the image layout processing unit 404 associates the arrangement location with the image file path so that the image files are arranged in the title order. Further, the image layout processing unit 404 determines the content of characters to be displayed as the index image 4 corresponding to the row based on the first character of the title of the image file included in each row. Through such processing, layout information is generated.

  The image layout processing unit 404 sets a determination area corresponding to each icon image 3 when generating layout information. Specifically, the image layout processing unit 404 sets the same area as the image area of each icon image 3 as a determination area corresponding to the icon image 3.

  Subsequently, when the layout information is generated, the image layout processing unit 404 delivers the generated layout information to the image rendering unit 406 and requests a list display (step S207).

  Subsequently, when the image drawing unit 406 obtains the layout information from the image layout processing unit 404, first, based on the image file path included in the layout information, the image file to be listed is displayed from the image file storage unit 303. Reading is performed (step S208). Then, the image drawing unit 406 decodes the read image file and generates the icon image 3 corresponding to the image file (step S209).

  Subsequently, the image description unit 406 generates list display image data in which the generated icon images 3 are arranged in the arrangement order based on the layout information, and transfers the list display image data to the LCD output unit 407 to request image output. (Step S210). Then, the LCD output unit 407 outputs a list display image based on the list display image data acquired from the image description unit 406 to the LCD 16 (step S211). Thereby, for example, a list display screen as shown in FIGS. 1-1 and 1-2 is displayed in the list display area 162 of the LCD 16.

  As described above, the control unit 40 is an example of a list display unit that displays icon images 3 respectively corresponding to a plurality of image files stored in a predetermined folder in a size corresponding to the number of image files in the folder. Function. The control unit 40 functions as an example of a layout processing unit that two-dimensionally arranges the plurality of icon images 3 in the arrangement order based on the image file management information stored in the management information storage unit 302. Furthermore, the control unit 40 functions as an index display unit that displays an index corresponding to a plurality of images included in the row at a position corresponding to each row of the two-dimensional array.

  Next, the enlarged display process shown in step S104 will be described. FIG. 12 is a flowchart showing the processing procedure of the enlarged display processing.

  As shown in FIG. 12, when the enlarged display process is started, the touch panel input detection unit 402 first notifies the image display control unit 403 of key coordinate information specified based on a signal from the touch panel 13 (step S301). Subsequently, the image display control unit 403 notifies the key layout information to the image layout processing unit 404 and requests an enlarged display of the icon image (step S302).

  Subsequently, when acquiring the key coordinate information from the image display control unit 403, the image layout processing unit 404 generates layout change information based on the key coordinate information (step S303).

  Specifically, the image layout processing unit 404, based on the layout information, places and sizes of the plurality of icon images 3 included in the line to which the touch-operated icon image 3 belongs and the lines located around the line. Generate layout change information that has changed. For example, it is assumed that the icon image 3 included in the fifth line from the top in the Y direction in the list display area 162 is touch-operated. In such a case, the image layout processing unit 404 enlarges the size of the placement location corresponding to the icon image 3 included in the fifth row 10 times, and determines new coordinates of the enlarged placement location.

  In addition, the image layout processing unit 404 increases the size of the arrangement location corresponding to the plurality of icon images 3 included in the rows (fourth and sixth rows from the top) respectively above and below the fifth row by six times. Expanding. Similarly, the image layout processing unit 404 sets the size of the arrangement location corresponding to the plurality of icon images 3 included in the rows (third and seventh rows from the top) above and below the row enlarged by 6 times to 4 Double the magnification.

  Then, the image layout processing unit 404 determines which icon image 3 is displayed at each enlarged arrangement location. Through such processing, layout change information is generated.

  Note that the image layout processing unit 404 resets the determination area when the size of the arrangement location is changed. Specifically, the image layout processing unit 404 sets the determination area corresponding to the icon image 3 that is enlarged most in a range that does not overlap with the determination areas of other icon images 3 adjacent in the Y direction of the list display area 162. Set. Also, the image layout processing unit 404 sets the slide operation areas 6a and 6b in association with the arrangement places 5a and 5e located at both ends of the list display area 162 among the arrangement places 5a to 5e that are enlarged most greatly. .

  Subsequently, when generating the layout change information, the image layout processing unit 404 delivers the generated layout information to the image drawing unit 406 and requests an enlarged display (step S304).

  Subsequently, when the image drawing unit 406 obtains the layout change information from the image layout processing unit 404, first, based on the image file path included in the layout information, the image file storage unit 303 selects the image file to be displayed as a list. (Step S305). Then, the image depiction unit 406 decodes the read image file and generates an icon image corresponding to the image file (step S306).

  Subsequently, the image description unit 406 generates list display image data in which the generated icon images are arranged in the arrangement order based on the layout information, and transfers the list display image data to the LCD output unit 407 to request image output. (Step S307). Then, the LCD output unit 407 outputs a list display image based on the list display image data acquired from the image description unit 406 to the LCD 16 (step S308). Thereby, in the list display area 162 of the LCD 16, for example, as shown in FIG. 2, a list display screen in which the line including the icon image 3 pointed by the user and the surrounding lines are displayed in an enlarged manner is displayed.

  As described above, the control unit functions as an enlarged display unit that enlarges and displays the plurality of icon images 3 located within a predetermined range including the pointed position based on the coordinates of the pointed position.

  As described above, in this embodiment, a plurality of icon images 3 located within a predetermined range including the pointed position are enlarged and displayed on one screen based on the coordinates of the pointed position. Even when the number of image files to be processed becomes large, it is possible to maintain ease of selection of contents by the user.

  Further, in this embodiment, the index image 4 corresponding to the plurality of images included in the row is displayed at the position corresponding to each row of the two-dimensional array, and a plurality of icons are displayed based on the Y coordinate of the pointed position. The image 3 is enlarged and displayed on a line basis. Thereby, the user can first specify the row to which the target image file belongs by using the index image 4 as a clue. Then, the user performs a touch operation on any icon image 3 in the specified row, and the entire specified row is displayed in an enlarged manner. Therefore, the user can select the purpose and the target from the plurality of icon images 3 included in the specified row. The icon image 3 corresponding to the image file to be performed can be easily found. Therefore, according to the present embodiment, it is possible to further enhance the ease of selecting a content by the user.

  In the first embodiment described above, the icon image 3 is enlarged and displayed in units of lines based on the Y coordinate of the pointed coordinates, but the present invention is not limited to this. For example, only the icon image 3 positioned at the pointed coordinates may be enlarged most greatly. Hereinafter, such a case will be described. FIG. 13 is a diagram for describing a case where only the icon image corresponding to the position touched by the user is enlarged most greatly on the list display screen. FIG. 14 is a diagram for explaining a state where icon images to be enlarged are switched when the user traces the touch panel in an oblique direction.

  As illustrated in FIG. 13, the mobile terminal device 1 according to the present embodiment enlarges only the icon image 3 positioned at the pointed coordinate most greatly, and enlarges the surrounding icon image 3 to an intermediate size. For example, when the pointed coordinates are included in the determination region of “image 28”, the mobile terminal device 1 enlarges only “image 28” to a size of 10 times that is the largest size. Furthermore, the mobile terminal device 1 includes eight icon images 3 (for example, “image 15” to “image 17”, “image 27”, “image 29”, “image 39”) that are located around the “image 28”. [Image 41]) is magnified 6 times, and the 12 icon images 3 positioned around the icon image magnified 6 times are magnified 4 times. Then, the mobile terminal device 1 displays these enlarged icon images 3 in the list display area 162 by superimposing them in ascending order of size. As a result, as shown in FIG. 13, the list display area 162 displays an image in which the icon image 3 is raised around the “image 28” located at the pointed coordinates.

  Further, when the user traces on the touch panel 13, the pointed coordinates change, and thus the icon image 3 displayed in an enlarged manner is switched as shown in FIG. In this embodiment, the determination area corresponding to the enlarged icon image 3 is not reset. That is, in the present embodiment, the determination area corresponding to the icon image 3 displayed in an enlarged manner is the same as the determination area corresponding to the icon image 3 before being displayed in an enlarged display. In this way, by not resetting the determination area, it is possible to reduce the load on the layout change information generation process.

  Next, a specific operation of the mobile terminal device 1 according to the present embodiment will be described. FIG. 15 is a flowchart illustrating the processing procedure of the control unit 40 according to the present embodiment. In FIG. 15, only the processing procedure related to the image file list display among the processing procedures executed by the control unit 40 is shown.

  As illustrated in FIG. 15, when the operation control unit 401 or the touch panel input detection unit 402 obtains an image file list display operation from the operation unit 12 or the touch panel 13 (step S401), the control unit 40 executes a list display process. (Step S402). Specifically, in step S402, processing similar to the list display processing according to the first embodiment is performed.

  When the list display process ends, the image layout processing unit 404 determines whether or not a touch operation has been performed on the icon image 3 (step S403). In this process, when it is determined that a touch operation has been performed on the icon image 3 (Yes at Step S403), the control unit 40 executes an enlarged display process (Step S404).

  Specifically, in step S404, processing similar to the enlarged display processing according to the first embodiment is performed. However, in this embodiment, the image layout processing unit 404 enlarges only the arrangement location of the icon image 3 located at the pointed coordinates by 10 times. Further, the image layout processing unit 404 enlarges the arrangement location of the icon image 3 positioned around the icon image 3 enlarged 10 times, and further enlarges the arrangement location of the icon image 3 located around it to 4 times. Expand to. In this embodiment, the image layout processing unit 404 does not reset the determination area corresponding to the enlarged icon image 3 and does not set the slide area.

  The image layout processing unit 404 determines whether or not a touch operation has been performed on another icon image 3 (step S405). Specifically, the image layout processing unit 404 determines whether the pointed coordinates are included in the determination area of the other icon image 3 based on the key coordinate information acquired from the image display control unit 403. In this process, when it is determined that a touch operation has been performed on another icon image 3 (Yes at Step S405), the control unit 40 performs a transition process (Step S406).

  The transition process is the same process as the enlarged display process shown in step S404. That is, the image layout processing unit 404 generates layout change information based on the key coordinate information acquired from the image display control unit 403, and the image description unit 406 generates list display data based on the layout change information. Then, the LCD output unit 407 displays a list display screen based on the list display data on the LCD 16. As a result, when another icon image 3 positioned around the icon image 3 that is currently enlarged most is touch-operated, the icon image 3 that has been touch-operated is enlarged most greatly and arranged around the icon image 3. The icon image 3 is enlarged to an intermediate size.

  When the process of step S406 is completed, or when no touch operation is performed on another icon image 3 in step S405 (No in step S405), the control unit 40 proceeds to step S407.

  In step S407, the control unit 40 determines whether or not the sorting method has been changed. The sorting method is changed by an operation on the operation unit 12 or the touch panel 13 by the user. In such a process, when the sorting method has not been changed (No at Step S407), the control unit 40 moves the process to Step S405.

  On the other hand, when it is determined that the sorting method has been changed (Yes at Step S407), the control unit 40 performs an initialization process (Step S408). That is, the control unit 40 returns to the state after the list display process shown in step S402. Specifically, the control unit 40 executes a process similar to the list display process shown in step S402 as an initialization process, and displays a list display screen as shown in FIG.

  When the process of step S408 is completed, or when the touch operation is not performed on the icon image 3 in step S403 (No in step S403), the control unit 40 determines whether an end operation has been performed (step S409). ). In this process, when the end operation is not performed (No at Step S409), the control unit 40 proceeds to Step S403. On the other hand, if it is determined that the end operation has been performed (Yes at Step S409), the control unit 40 ends the processing procedure relating to the list display of the image files.

  As described above, the mobile terminal device 1 according to the present embodiment enlarges only the icon image 3 positioned at the pointed coordinate most greatly, and enlarges the surrounding icon image 3 to an intermediate size. Also in this manner, as in the first embodiment, even when the number of image files to be displayed as a list becomes large, it is possible to maintain the ease of selecting a content by the user.

  It should be noted that the icon image 3 to be enlarged most is not necessarily one, and the icon image 3 located at the pointed coordinate and a plurality of icon images 3 adjacent to the icon image 3 may be enlarged most greatly. Good. FIG. 16 is a diagram for explaining a case where the position touched by the user and a plurality of icon images positioned around the position are enlarged most on the list display screen.

  As shown in FIG. 16, the mobile terminal device 1 enlarges the icon image 3 located at the pointed coordinates and the three icon images 3 adjacent to the icon image 3 to the largest extent, and is located around them. The twelve icon images 3 are enlarged to an intermediate size. For example, when the pointed coordinates are included in the determination region of “image 28”, the mobile terminal device 1 displays “image 29”, “image 40”, “image” adjacent to “image 28” and the icon image 3. 41 "is enlarged to a size of 10 times that is the largest size. Furthermore, the portable terminal device 1 includes twelve icon images 3 (“image 15” to “image 18”, “image 18”, “image 18”, “image 41”, which are positioned around “image 28”, “image 29”, “image 40”, and “image 41”. Image 27 ”,“ Image 30 ”,“ Image 39 ”,“ Image 42 ”,“ Image 51 ”to“ Image 54 ”) are magnified 6 times.

  Then, the mobile terminal device 1 displays these enlarged icon images 3 in the list display area 162 by superimposing them in ascending order of size. Thereby, in the list display area 162, as shown in FIG. 16, the image in which the icon image 3 is raised with “Image 28”, “Image 29”, “Image 40”, and “Image 41” as vertices is displayed. Is displayed. Further, when the user traces on the touch panel 13, the pointed coordinates change, and thus the icon image 3 displayed in an enlarged manner is switched as shown in FIG.

  By the way, the function equivalent to the portable terminal device 1 is also realizable by mounting the function of the portable terminal device 1 in Example 1 as software, and running this software with a computer. Below, an example of the computer which performs the display control program which mounted the function of the portable terminal device 1 as software is shown. FIG. 18 is a block diagram illustrating a computer that executes a display control program.

  As illustrated in FIG. 18, the computer 600 includes a CPU (Central Processing Unit) 610 that executes various arithmetic processes, an input device 620 that receives input of data from a user, and a monitor 630 that displays various information. The computer 600 includes a medium reading device 640 that reads a program and the like from a recording medium, and a network interface device 650 that exchanges data with other computers via a network. The computer 600 also includes a hard disk device 660 and a RAM (Random Access Memory) 670 that temporarily stores various information. In addition, the computer 600 connects these components to each other via a bus 680.

  The hard disk device 660 stores a display control program that exhibits the same function as the above-described embodiment, that is, an enlarged display program 661. Then, the CPU 610 reads the enlarged display program 661 from the hard disk device 660 and develops it in the RAM 670, so that the enlarged display program 661 functions as an enlarged display process 671.

  The hard disk device 660 includes a setting information storage unit 662, a management information storage unit 663, and an image file storage unit 664. The CPU 610 reads out information stored in the storage units 662 to 664 and stores the information in the RAM 670, and the enlarged display process 671 executes various processes using the data stored in the RAM 670.

  Note that the enlarged display program 661 is not necessarily stored in the hard disk device 660, and the computer 600 may read and execute this program stored in a storage medium such as a CD-ROM. The program is stored in another computer or server connected to the computer 600 via a public line, the Internet, a LAN (Local Area Network), etc., and the computer 600 reads out and executes the program from these. It may be.

  As described above, some of the embodiments of the present invention have been described in detail with reference to the drawings. The present invention can be implemented in other forms that have been modified or improved.

  For example, in the above-described embodiment, the portable terminal device is used as an example of the display device. However, the present invention is not limited to this, and the display device may be a PC, for example.

  In the above-described embodiment, the description has been given using a still image file as an example of the content. However, the present invention is not limited to this, and the content may be a moving image file, a game, music, or the like.

  In the first embodiment, the icon image 3 is enlarged and displayed in units of lines based on the Y coordinate of the pointed coordinate. However, the present invention is not limited to this, and based on the X coordinate of the pointed coordinate, The icon image 3 may be enlarged and displayed in units of columns.

  In the first embodiment, the determination region corresponding to each icon image 3 is set. However, it is not always necessary to provide the determination region, and the icon image 3 included in the predetermined range is enlarged from the pointed coordinates. It may be displayed. As a result, it is possible to reduce the load required to generate layout information and layout change information by the image layout processing unit 404.

  The following supplementary notes are further disclosed with respect to the embodiments including the above examples.

(Supplementary note 1) In a display device that displays a plurality of images arranged two-dimensionally in the X direction and the Y direction,
A display device comprising: an enlargement display unit that enlarges and displays an image positioned within a predetermined range including the pointed position based on the coordinates of the pointed position.

(Supplementary note 2) The supplementary note 1 is characterized in that the enlarged display means enlarges and displays the plurality of images in units of rows or columns based on the X coordinate or Y coordinate of the coordinates of the pointed position. Display device.

(Supplementary Note 3) Management information storage means for storing management information of the plurality of images;
Layout processing means for two-dimensionally arranging the plurality of images in an arrangement order based on management information stored in the management information storage means;
The index display means for displaying an index corresponding to a plurality of images included in the row or column at a position corresponding to each row or each column of the two-dimensional array, further comprising: Display device.

(Supplementary Note 4) The enlargement display unit enlarges a plurality of images located at the X coordinate or Y coordinate of the coordinate of the pointed position to a predetermined size, and applies X direction or Y to the plurality of images. The display device according to appendix 2 or 3, wherein a plurality of images adjacent in a direction are enlarged to a size not exceeding the predetermined size.

(Supplementary note 5) The display device according to supplementary note 4, wherein the enlarged display unit displays the enlarged images in an overlapping manner in the order of size.

(Additional remark 6) It further has the list display means which displays the image respectively corresponding to the some content stored in the predetermined folder by the size according to the content number in this folder,
The list display means displays a thumbnail image based on each content when the number of contents in the predetermined folder is equal to or less than a predetermined number, while the number of contents in the predetermined folder is larger than the predetermined number. Displays a frame image corresponding to each content, The display device according to any one of appendices 1 to 5.

(Supplementary note 7) a display unit for displaying a plurality of images two-dimensionally arranged in the X direction and the Y direction;
A touch panel provided on the display unit,
The display device according to any one of appendices 1 to 6, wherein the enlarged display unit detects coordinates of a pressed position on the touch panel as the pointed coordinates.

(Supplementary Note 8) In a display control method for displaying a plurality of images arranged two-dimensionally in the X direction and the Y direction,
A display control method comprising: an enlargement display step for enlarging and displaying the image located around the pointed coordinate based on the X coordinate or the Y coordinate of the pointed coordinate.

(Supplementary note 9) In a display control program for displaying a plurality of images arranged two-dimensionally in the X direction and the Y direction,
A display control program for causing a computer to execute an enlargement display procedure for enlarging and displaying the image located around the pointed coordinate based on the X coordinate or the Y coordinate of the pointed coordinate.

DESCRIPTION OF SYMBOLS 1 Portable terminal device 3 Icon image 4 Index image 11 Wireless part 12 Operation part 13 Touch panel 14 Microphone 15 Speaker 16 LCD
161 Device information display area 162 List display area 163 Detailed information display area 20 Input / output control IF section 30 Storage section 301 Setting information storage section 302 Management information storage section 303 Image file storage section 40 Control section 401 Operation control section 402 Touch panel input detection section 403 Image display control unit 404 Image layout processing unit 405 Image file management unit 406 Image drawing unit 407 LCD output unit

Claims (6)

In a display device that displays a plurality of images arranged two-dimensionally in the X direction and the Y direction,
A display device comprising: an enlargement display unit that enlarges and displays an image positioned within a predetermined range including the pointed position based on the coordinates of the pointed position.   2. The display device according to claim 1, wherein the enlarged display unit enlarges and displays the plurality of images in units of rows or columns based on an X coordinate or a Y coordinate of the coordinates of the pointed position. . Management information storage means for storing management information of the plurality of images;
Layout processing means for two-dimensionally arranging the plurality of images in an arrangement order based on management information stored in the management information storage means;
The index display means for displaying an index corresponding to a plurality of images included in the row or column at a position corresponding to each row or each column of the two-dimensional array. Display device.   The enlarged display means enlarges a plurality of images located at the X coordinate or Y coordinate of the coordinate of the pointed position to a predetermined size and is adjacent to the plurality of images in the X direction or the Y direction. The display device according to claim 2, wherein a plurality of images are enlarged to a size that does not exceed the predetermined size. In a display control method for displaying a plurality of images arranged two-dimensionally in the X direction and the Y direction,
A display control method, comprising: an enlargement display step for enlarging and displaying an image located within a predetermined range including the pointed position based on the coordinates of the pointed position. In a display control program for displaying a plurality of images arranged two-dimensionally in the X direction and the Y direction,
A display control program for causing a computer to execute an enlargement display procedure for enlarging and displaying an image located within a predetermined range including the pointed position based on the coordinates of the pointed position.

Images