JP2008191895A - Information processor, image display device, control methods therefor, and program making computer execute the method - Google Patents

Abstract

<P>PROBLEM TO BE SOLVED: To display a plurality of images so that a number of persons can easily view each of the images. <P>SOLUTION: In the information processor which displays at least two or more reduced images drawn in a list image display area in a predetermined order as matrix-like list images and at least one image in a predetermined order drawn in an image display area, when a predetermined lateral left drag operation is received, the list image display area is enlarged or reduced by animation according to the left drag operation to increase or decrease the number of reduced images by each line. When a predetermined vertical left drag operation is received, the list images contained in the list image display area are vertically moved according to the left drag operation to change the list images. <P>COPYRIGHT: (C)2008,JPO&INPIT

Description

  The present invention relates to an information processing apparatus, and more particularly to an information processing apparatus that operates a plurality of display images using a pointing device such as a mouse, an image display apparatus, a control method therefor, and a program that causes a computer to execute the method. .

  Conventionally, information processing apparatuses such as personal computers have been widely used in general households. Since these information processing apparatuses are mainly operated by one person in many cases, an operation receiving unit such as a keyboard and a mouse, an application, and the like are often configured on the assumption of one person's operation.

  In general homes, an information processing device such as a living personal computer (so-called living PC (Personal Computer)) or an Internet TV may be installed in the living room so that the whole family can use it. It is increasing. For this reason, information processing apparatuses such as a living PC and an Internet TV used in a living room of a general home have been proposed.

  In addition, in order to enjoy a video on a large screen in a living room of a general home, an information processing apparatus including a large screen display as a display unit has been proposed.

  For example, in a living room, using these information processing devices, it is conceivable that the entire family can view a photographed image photographed by an imaging device such as a digital still camera. In addition, for example, it is considered that a plurality of information processing apparatuses are connected via a network, and a large number of people view a captured image or the like on the same screen on the display unit of each connected information processing apparatus. It is done. As described above, since a large number of people can view a photographed image or the like on the same screen in a general home or at a plurality of places, a technique for making each image displayed on the display unit easy to see for a large number of people. Has been proposed.

For example, when a display switching operation is performed from the state in which one image is displayed on the display unit to the index image display, the image that has been displayed on the display unit until immediately before or an image close to this image is reduced. An image display device that preferentially displays images is proposed (see, for example, Patent Document 1).
Japanese Patent Laid-Open No. 2001-231005 (FIG. 1)

  According to the above-described prior art, when a display switching operation is performed from full screen display to index image display, a large number of reduced images are displayed after display switching in order to preferentially display a predetermined reduced image. Easy to recognize.

  Here, using an information processing apparatus configured on the assumption that it is mainly operated by one person, for example, in a living room, a plurality of photographed images photographed by an imaging device such as a digital still camera are taken by the whole family. Think about the case of watching in. In this case, for example, it is conceivable that a family representative (for example, a father) sequentially operates images displayed on the display unit by operating a mouse or the like.

  In this way, in the case of viewing with the whole family, when the representative of the family operates, the preference of the operator is given priority, and the preference of the person other than the operator is verbally communicated to the operator. Often reflected in the In such a case, the preference of a person other than the operator is less likely to be reflected in the operation, and the interest in viewing by a person other than the operator may be reduced.

  Therefore, it is considered that if the image displayed on the display unit can be operated according to each individual's preference, it can be enjoyed more enjoyably. In addition, when a large number of people operate the image displayed on the display unit, it is important that the image to be operated is displayed in an easy-to-view manner for the operator and the viewer.

  Therefore, an object of the present invention is to display each of these images so that they can be easily seen by many people when a plurality of images are displayed.

  The present invention has been made in order to solve the above problems, and a first aspect of the present invention is an operation receiving means for receiving an operation input, an image storage means for storing a plurality of images, and a storage in the image storage means. Reduced image storage means for storing reduced images corresponding to a plurality of images being displayed, and at least of the reduced images stored in the reduced image storage means in a display area including at least a list image display area and an image display area Two or more reduced images are drawn as a list image in the list image display area in a predetermined order, and at least one of the images stored in the image storage means is displayed in the image display area in the predetermined order. When the predetermined operation input is received by the drawing means for drawing the image and the operation receiving means, the length of the list image display area in the predetermined direction is changed. Is a program for executing an information processing apparatus and control method, and the method thereof in a computer, characterized by comprising a control means for the drawn in said drawing means to. As a result, at least one of the plurality of images is drawn in the image display area in a predetermined order, and at least two or more reduced images among the reduced images corresponding to the plurality of images are specified as a list image. When the predetermined operation input is accepted, the list image display area is drawn so as to change the length in the predetermined direction.

  In this first aspect, the control means expands the list image display area to the image display area side when the predetermined operation input is received by the operation receiving means, and displays the list image display. The drawing means can be made to draw so as to increase the number of list images included in the region. As a result, when a predetermined operation input is received, the list image display area is enlarged to the image display area side, and the number of list images included in the list image display area is increased. In this case, when the predetermined operation input is received by the operation receiving unit, the control unit is included in the image display area according to the enlargement of the list image display area to the image display area side. The drawing means can draw the image so as to reduce the image. Accordingly, there is an effect that the image included in the image display area is reduced in accordance with the enlargement of the list image display area to the image display area side.

  In the first aspect, the drawing means draws the list image display area and the image display area as adjacent rectangular areas, and the control means displays the image display in the list image display area. When an operation input for moving the edge adjacent to the area to the image display area side is received by the operation receiving means, the edge is moved according to the operation input to enlarge the list image display area. In this way, the drawing means can draw. As a result, the list image display area and the image display area are drawn as adjacent substantially rectangular areas, and an operation input for moving the end of the list image display area adjacent to the image display area to the image display area side is accepted. In such a case, the list image display area is enlarged by moving the end in accordance with the operation input. In this case, the drawing means draws the list images arranged in a matrix in the list image display area, and the control means receives an operation input for moving the end toward the image display area side. When accepted by the accepting means, the rendering means can render the number of list images included in the list image display area in increments of columns or rows according to the operation input. As a result, when a list image is arranged and drawn in a matrix form in the list image display area and an operation input for moving an end portion adjacent to the image display area in the list image display area to the image display area side is received. Has the effect of increasing the number of list images included in the list image display area in units of columns or rows in accordance with the operation input. In this case, the control means enlarges the list image display area by animation when an operation input for moving the end portion to the image display area side by a predetermined distance is received by the operation receiving means. The drawing unit can draw the list image included in the list image display area so as to increase the column image or the row unit. As a result, when an operation input for moving the edge adjacent to the image display area in the list image display area to the image display area side by a predetermined distance is received, the list image display area is enlarged by animation. This brings about the effect that the list images included in the display area are increased in units of columns or rows.

  In the first aspect, the control means may be configured to perform a predetermined movement to the image display area side when an operation input for moving the end portion to the image display area side is received by the operation reception means. When the distance is not reached, the list image display area can be drawn by the drawing means so as to return to the size of the area before the movement. As a result, when an operation input for moving the edge of the list image display area adjacent to the image display area to the image display area side is received, the movement to the image display area side does not reach a predetermined distance. Has an effect of returning the list image display area to the size of the area before the movement.

  In the first aspect, when the predetermined operation input is received by the operation receiving unit, the control unit reduces the list image display area to the side opposite to the image display area, and The drawing means can draw the list image so as to reduce the number of list images included in the list image display area. Thus, when a predetermined operation input is accepted, the list image display area is reduced to the opposite side of the image display area, and the number of list images included in the list image display area is reduced. In this case, when the predetermined operation input is received by the operation receiving unit, the control unit displays an image included in the image display area according to the reduction of the list image display area to the opposite side. The drawing means can be drawn so as to enlarge. This brings about the effect that the image included in the image display area is enlarged in accordance with the reduction to the opposite side of the list image display area.

  In the first aspect, the drawing means draws the list image display area and the image display area as adjacent rectangular areas, and the control means displays the image display in the list image display area. When an operation input for moving an end adjacent to the area to the side opposite to the image display area is received by the operation receiving means, the end is moved in accordance with the operation input, and the list image display area The drawing means can draw the image so as to reduce the size of the image. As a result, the list image display area and the image display area are drawn as adjacent rectangular areas, and an operation input for moving the end of the list image display area adjacent to the image display area to the side opposite to the image display area is performed. When accepted, the list image display area is reduced by moving the end in accordance with the operation input. In this case, the drawing means draws the list image arranged in a matrix in the list image display area, and the control means receives an operation input for moving the end portion to the opposite side. Can be drawn by the drawing means so as to decrease the number of list images included in the list image display area in units of columns or rows in accordance with the operation input. As a result, when an operation input for moving the end adjacent to the image display area in the list image display area to the opposite side is arranged and drawn in the list image display area in a matrix form, This brings about the effect that the number of list images included in the list image display area is reduced in units of columns or rows in accordance with an operation input. In this case, when the operation input for moving the end portion to the opposite side by a predetermined distance is received by the operation receiving means, the control means reduces the list image display area by animation and reduces the list. It is possible to cause the drawing means to draw so that the list images included in the image display area are reduced in units of columns or rows. Accordingly, when an operation input for moving the end adjacent to the image display area in the list image display area to the opposite side by a predetermined distance is received, the list image display area is reduced by animation to reduce the list image display area. The list image included in is reduced in units of columns or rows.

  In the first aspect, when the operation input for moving the end portion to the opposite side is received by the operation receiving unit, the control unit does not reach the predetermined distance when the operation input is received. In this case, the drawing means can draw the list image display area so as to return the area to the size of the area before the movement. Thus, when an operation input for moving the end adjacent to the image display area in the list image display area to the opposite side is received and the movement to the opposite side does not reach the predetermined distance, the list image is displayed. The display area is brought back to the size of the area before the movement.

  In the first aspect, the image processing device further includes reduced image generation means for generating reduced images corresponding to a plurality of images stored in the image storage means, and the reduced image storage means includes the reduced image generation means. The reduced image generated by the above can be stored. Thus, the reduced image corresponding to the plurality of images stored in the image storage unit is generated, and the generated reduced image is stored in the reduced image storage unit.

  In the first aspect, the drawing means draws a cursor that moves in response to an operation input received by the operation receiving means in the display area, and the control means includes a predetermined area included in the display area. When a predetermined drag operation is received by the operation receiving means when the cursor is drawn over the area, the drawing means draws an image relating to the predetermined area in response to the drag operation. Can do. Thus, when a cursor that moves in response to an operation input is drawn in the display area and the cursor is drawn over the predetermined area included in the display area, when a predetermined drag operation is accepted In response to the drag operation, the image related to the predetermined area is drawn.

  In the first aspect, the control unit can cause the drawing unit to draw so as to move an image included in the image display area in accordance with an operation input received by the operation receiving unit. This brings about the effect | action of moving the image contained in an image display area according to operation input.

  Further, in the first aspect, the image processing apparatus can further include display means for displaying an image drawn by the drawing means. This brings about the effect | action of displaying the image drawn by the drawing means.

  According to a second aspect of the present invention, an operation accepting unit that accepts an operation input, an image storage unit that stores a plurality of images, and a reduced image corresponding to the plurality of images stored in the image storage unit. A reduced image storage means, and at least two reduced images of the reduced images stored in the reduced image storage means in a display area including at least a list image display area and an image display area as a list image in a predetermined order The drawing means for drawing in the list image display area and drawing at least one of the images stored in the image storage means in the predetermined order in the image display area; When the operation input is received, the drawing means draws the list image included in the list image display area to move in a predetermined direction. Is a program for executing an information processing apparatus and control method, and the method thereof in a computer, characterized by comprising a control means for causing. As a result, at least one of the plurality of images is drawn in the image display area in a predetermined order, and at least two or more reduced images among the reduced images corresponding to the plurality of images are specified as a list image. When a predetermined operation input is accepted, the list image included in the list image display area is drawn so as to move in a predetermined direction.

  Further, in the second aspect, the drawing means draws the list image display area and the image display area as adjacent rectangular areas, and the control means performs the predetermined operation by the operation receiving means. When the input is accepted, the drawing means draws the list image included in the list image display area so that the list image is moved in a direction perpendicular to the direction connecting the list image display area and the image display area. Can be made. As a result, the list image display area and the image display area are drawn as adjacent rectangular areas, and when a predetermined operation input is received, the list image included in the list image display area is displayed as the list image display area and the list image display area. This brings about the effect of moving in the direction perpendicular to the direction connecting the image display areas. In this case, when the operation input for moving one end portion in the orthogonal direction in the list image display area in the orthogonal direction is received by the operation receiving unit, the control unit is configured to respond to the operation input. The drawing means can draw the list image included in the image display area. Thus, when an operation input for moving one end portion in the orthogonal direction in the list image display area in the orthogonal direction is received, the list image included in the list image display area is moved in accordance with the operation input. Bring. In this case, the drawing means draws the list image arranged in a matrix in the list image display area, and the control means receives an operation input for moving the one end portion by a predetermined distance in the perpendicular direction. When accepted by the operation accepting unit, the list image included in the list image display area is moved by animation so that the drawing unit draws the list image drawn before the operation input is changed. be able to. As a result, when a list image is arranged and drawn in the list image display area in a matrix shape and an operation input for moving one end portion of the list image display area in the orthogonal direction by a predetermined distance is received. The list image included in the list image display area is moved by animation, and the list image drawn before the operation input is all changed.

  Further, in the second aspect, the drawing means draws the list image arranged in a matrix in the list image display area, and the control means performs an operation input for moving the one end portion in the orthogonal direction. Is received by the operation receiving means, and if the movement in the perpendicular direction does not reach a predetermined distance, the list image drawn before the operation input is returned to the list image display area by animation. The drawing means can be drawn. As a result, when a list image is arranged and drawn in a matrix form in the list image display area and an operation input for moving one end portion in the orthogonal direction in the list image display area in the orthogonal direction is received, the list image is displayed in the orthogonal direction. If the movement does not reach the predetermined distance, the list image drawn before the operation input is returned to the list image display area by animation.

  According to a third aspect of the present invention, an operation receiving unit that receives an operation input, an image storage unit that stores a plurality of images, and a reduced image corresponding to the plurality of images stored in the image storage unit. A reduced image storage means, and at least two reduced images of the reduced images stored in the reduced image storage means in a display area including at least a list image display area and an image display area as a list image in a predetermined order The drawing means for drawing in the list image display area and drawing at least one of the images stored in the image storage means in the predetermined order in the image display area; Control means for causing the drawing means to draw so as to change the length of the list image display area in a predetermined direction when an operation input is received A program for executing an image display device and a control method, and the method thereof, characterized by comprising display means for displaying an image drawn by the drawing unit to the computer. As a result, at least one of the plurality of images is drawn in the image display area in a predetermined order, and at least two or more reduced images among the reduced images corresponding to the plurality of images are specified as a list image. When a predetermined operation input is accepted, the list image display area is drawn so as to change the length in the predetermined direction, and the drawn image is displayed. Bring about an effect.

  According to the present invention, when a plurality of images are displayed, it is possible to achieve an excellent effect that these images can be displayed so as to be easily seen by many people.

  Next, embodiments of the present invention will be described in detail with reference to the drawings.

  FIG. 1 is a block diagram illustrating a functional configuration example of an information processing apparatus 100 according to an embodiment of the present invention. The information processing apparatus 100 is a personal computer including a dedicated display unit, for example. This information processing apparatus 100 includes a CPU (Central Processing Unit) 110, a ROM (Read Only Memory) 120, a RAM (Random Access Memory) 130, an HDD (Hard Disk Drive) 140, a display unit 150, and an operation reception. Unit 160 and an audio output unit 170. Each signal is exchanged between the blocks via the bus 180.

  The CPU 110 controls each unit of the information processing apparatus 100 based on various control programs stored in the ROM 120. In addition, the CPU 110 controls each unit of the information processing apparatus 100 based on various information read from the HDD 140, an operation input received by the operation receiving unit 160, and the like.

  The ROM 120 is a read-only memory and stores various control programs and the like.

  The RAM 130 is a memory used for a main memory (main storage device) of the CPU 110, and stores a work area and the like of a program executed on the CPU 110.

  The HDD 140 is a hard disk that stores various application programs and the like. In addition, the HDD 140 stores image data corresponding to images taken by the imaging device, and stores management information and the like of these image data. This management information includes attribute information of each image data, thumbnail images corresponding to each image, and the like.

  The display unit 150 is a display unit that displays various information based on the control of the CPU 110. As the display unit 150, for example, a display such as an LCD (Liquid Crystal Display) can be used.

  The operation receiving unit 160 includes a keyboard and a mouse (pointing device) including various input keys. When an operation input is received from such a mouse or the like, the content of the received operation input is output to the CPU 110. Note that at least a part of the operation receiving unit 160 and the display unit 150 may be integrally configured as a touch panel. Further, the information processing apparatus 100 main body and the mouse may be connected by wire or may be connected wirelessly.

  In the embodiment of the present invention, a case will be described in which operation is performed mainly using a mouse in the operation receiving unit 160. The mouse used in the embodiment of the present invention is, for example, a mouse having at least two left and right buttons and a wheel arranged between the two buttons. In addition, the information processing apparatus 100 can connect a plurality of these mice, and executes various controls according to the operations of the respective mice. In the present embodiment, the case where the operation reception unit 160 includes five mice 161 to 165 will be described.

  On the screen displayed on the display unit 150, a cursor (mouse pointer) that moves in accordance with the movement of each mouse is displayed. The cursor is a mouse pointer used for pointing an instruction or an operation target on the screen displayed on the display unit 150. In the present embodiment, face images designed for each user's image are used as cursors so that a plurality of users can easily identify their own cursors. The cursor will be described with reference to the drawings.

  Here, the operation of the mouse will be described. “Point” means pointing to an object with a cursor. “Left click” means that the left button of the mouse is pressed only once, and “right click” means that the right button of the mouse is pressed only once. “Double click” means that the left button of the mouse is pressed twice in succession. “Middle button click” means pressing the mouse wheel only once. "Left drag" means to move the mouse while holding down the left mouse button, and "Right drag" means to move the mouse while holding down the right mouse button. “Drag” means moving the mouse while holding down the mouse wheel. “Drop” means releasing the button after dragging and moving the object being dragged.

  The audio output unit 170 is a speaker that outputs various audio information based on the control of the CPU 110.

  Note that an information output unit is provided in the information processing apparatus 100 so that image information corresponding to an image displayed on the display unit 150 is output from the information output unit, and is the same as the image displayed on the display unit 150 in other image display devices. An image may be displayed.

  FIG. 2 is a block diagram illustrating a functional configuration example related to drawing control of the information processing apparatus 100 according to the embodiment of the present invention. The information processing apparatus 100 includes an operation reception unit 210, an image storage unit 220, a reduced image generation unit 230, a reduced image storage unit 240, a drawing unit 250, a control unit 260, and a display unit 270.

  The operation receiving unit 210 receives an operation input from the user and outputs the received operation content to the control unit 260. For example, an operation input is accepted in response to an operation of a mouse that is a pointing device. The operation receiving unit 210 corresponds to the operation receiving unit 160 illustrated in FIG.

  The image storage unit 220 is a storage unit that stores various images, and outputs the stored images to the reduced image generation unit 230 and the drawing unit 250. The image storage unit 220 stores each image displayed in, for example, FIGS.

  The reduced image generation unit 230 generates a thumbnail image (reduced image) corresponding to the image stored in the image storage unit 220, and outputs the generated thumbnail image to the reduced image storage unit 240.

  The reduced image storage unit 240 stores the thumbnail images generated by the reduced image generation unit 230, and outputs the stored thumbnail images to the drawing unit 250. The thumbnail image included in the management information of each image data may be stored in advance in the reduced image storage unit 240, and the thumbnail image may be output to the drawing unit 250.

  The drawing unit 250 draws an image stored in the image storage unit 220 and a thumbnail image stored in the reduced image storage unit 240 as a display image to be displayed on the display unit 270. For example, at least two thumbnail images stored in the reduced image storage unit 240 in a display area including at least a list image display area and an image display area are used as a list image in a predetermined order as a list image display area And at least one of the images stored in the image storage unit 220 is drawn in the image display area in a predetermined order. In addition, the drawing unit 250 draws a cursor that moves in response to the operation input received by the operation receiving unit 210 in the display area. Furthermore, the drawing unit 250 draws the list image display area and the image display area as adjacent rectangular areas, and draws the list images arranged in a matrix in the list image display area.

  The control unit 260 controls the drawing unit 250 in accordance with the operation content received from the operation receiving unit 210. For example, when a predetermined operation input is received by the operation receiving unit 210, the control unit 260 performs control for causing the drawing unit 250 to draw so as to change the length of the shelf panel 320 in the left-right direction. Further, when a predetermined operation input is received by the operation receiving unit 210, the control unit 260 enlarges the shelf panel 320 to the slide panel 310 side to increase the number of list images included in the shelf panel 320. Alternatively, control is performed to cause the drawing unit 250 to draw so as to reduce the number of list images included in the shelf panel 320 by reducing the shelf panel 320 to the side opposite to the slide panel 310. In this case, the image included in the slide panel 310 is reduced or enlarged according to the enlargement or reduction of the shelf panel 320. In addition, when a predetermined operation input is received by the operation receiving unit 210, the control unit 260 executes control for causing the drawing unit 250 to draw so that the list image included in the shelf panel 320 is moved in a predetermined direction. .

  The display unit 270 displays the content drawn by the drawing unit 250. The display unit 270 corresponds to the display unit 150 shown in FIG.

  FIG. 3 is a diagram illustrating a display screen 300 that is an example of a display screen displayed on the display unit 150.

  The display screen 300 is a display screen showing a basic screen configuration in the embodiment of the present invention. The display screen 300 is provided with a slide panel (main area) 310, a shelf panel (thumbnail area) 320, and a drawer panel (drawer area) 330. The display screen 300 displays cursors 301 to 305 corresponding to five mice that are actually used among the mice provided in the information processing apparatus 100. In the present embodiment, a case will be described in which five family members of a father, mother, daughter, and son and five customers operate five mice. In this case, each cursor is displayed as an image representing the person who operates it. Specifically, each cursor is an image that represents a father, mother, daughter, son, and a general person, and the hair color of each face image is changed to the color of the first handle portion 336 to the fourth handle portion 339 in the drawer panel 330. Make it correspond. Thereby, the user can easily recognize his / her own cursor and his / her drawer part.

  The slide panel 310 is a main area on the display screen 300, and is an area for displaying each image corresponding to the image data stored in the HDD 140 so as to be movable in the vertical direction. These image data are images corresponding to the respective thumbnail images displayed on the shelf panel 320, and are, for example, a plurality of images stored in a predetermined folder. For example, images 311 to 313, a favorite mark 314, and a stamp 315 are displayed on the slide panel 310. Images 311 to 313 are taken images taken by an imaging device such as a digital still camera, for example. For the image 312, the image 312 is displayed in the middle portion of the slide panel 310 by left-dragging in the vertical direction with the cursor over the image 312 using one of the mice. Can be made. Thus, when the image 312 is displayed in the middle portion of the slide panel 310, the upper portion of the image 311 is displayed below the image 312. Also, with respect to the image 313, the image 313 is moved to the middle portion of the slide panel 310 by left-dragging the image 313 up and down with one of the mice over the image 313. Can be displayed. Thus, when the image 313 is displayed in the middle portion of the slide panel 310, the lower portion of the image 311 is displayed above the image 313.

  The favorite mark 314 is a star-shaped image displayed in the upper left part of the image displayed on the slide panel 310. When the left click is performed with the cursor over the star-shaped image part, the favorite mark 314 And the thumbnail image corresponding to the image displayed under the favorite mark 314 is stored in the favorite drawer 335.

  When the image displayed on the slide panel 310 is an image corresponding to a thumbnail image stored in any one of the first drawer unit 331 to the fourth drawer unit 334, the stamp 315 is displayed on the lower left side of the image. It is displayed in the part. Note that each image displayed on the slide panel 310 can be stored in one or a plurality of drawers among the first drawer 331 to the fourth drawer 334. Accordingly, the number of stamps 315 corresponding to the first to fourth drawers 331 to 334 in which images are stored is displayed. The stamp 315 is colored according to the first handle portion 336 to the fourth handle portion 339 corresponding to the drawer portion in which the image is stored.

  The shelf panel 320 is a thumbnail area in which thumbnail images corresponding to images sequentially displayed on the slide panel 310 are displayed as a list. In the display area of the shelf panel 320, for example, thumbnail images 321 to 325 of a plurality of thumbnail images are displayed as shown in FIG. Further, the shelf panel 320 is provided with a right handle portion 326, an upper handle portion 327, and a lower handle portion 328.

  When the right handle 326 is left dragged with the cursor placed on this part, the right handle 326 moves in the left-right direction according to the dragged distance to enlarge or reduce the area of the shelf panel 320 in the left-right direction. is there. In this case, each image displayed on the slide panel 310 is enlarged or reduced so as to match the enlargement or reduction of the area of the shelf panel 320.

  When the upper handle portion 327 is left-dragged downward with the cursor placed on this portion, the thumbnail image displayed on the shelf panel 320 is slid downward in the vertical direction to move the shelf panel The thumbnail image displayed in 320 is switched. Similarly, when the lower handle portion 328 is left-dragd upward in the vertical direction with the cursor placed on this portion, the thumbnail image displayed on the shelf panel 320 slides upward in the vertical direction. Thus, the thumbnail image displayed on the shelf panel 320 is switched.

  The drawer panel 330 is a drawer area for storing an image displayed on the slide panel 310 or the shelf panel 320 according to the user's preference. The drawer panel 330 is provided with a first drawer portion 331 to a fourth drawer portion 334 and a favorite drawer portion 335, a first handle portion 336 to a fifth handle portion 340, and an overall handle portion 341.

  The first drawer part 331 to the fourth drawer part 334 and the favorite drawer part 335 are areas in which each image displayed on the slide panel 310 or the shelf panel 320 can be taken in and out according to the operation of each mouse.

  When the first handle portion 336 to the fifth handle portion 340 are left dragged with the cursor over the portion, the first handle portion 336 moves to the left and right according to the dragged distance, and the corresponding first drawer portion The regions in the left-right direction of the 331 to the fourth drawer 334 and the favorite drawer 335 are enlarged or reduced.

  When the whole handle portion 341 is left dragged with the cursor placed on this portion, the whole handle portion 341 moves in the left-right direction according to the dragged distance, and the first drawer portion 331 to the fourth drawer portion 334 and the favorite drawer are moved. In the portion 335, the region in the left-right direction of the drawer portion located on the right side of the overall handle portion 341 is enlarged or reduced.

  Here, the thumbnail images displayed on the shelf panel 320 will be described with reference to FIGS. In addition, about each code | symbol of the shelf panel 320 etc. which are shown below, the same code | symbol is attached | subjected and demonstrated to the same thing as what was shown in FIG.

  FIG. 4A is a diagram illustrating a display screen 300 a that is an example of a display screen displayed on the display unit 150. FIG. 4B shows thumbnail images 11 to 20 displayed on the shelf panel 320 after the thumbnail images 1 to 10 on the shelf panel 320 are slid upward. FIG. 5 is a diagram showing the display screen 300b after the area of the shelf panel 320 is enlarged to the right end of the display screen 300a. Note that thumbnail images 1 to 40 are displayed on the shelf panel 320 in the display screen 300b.

  For example, as illustrated in FIG. 4A, it is assumed that thumbnail images 1 to 10 are displayed on the shelf panel 320 when the display screen 300 a is displayed on the display unit 150. In this case, when the cursor is overlaid on the right handle 326 and left dragged to the right in the horizontal direction by a predetermined distance, the right area of the thumbnail images 6 to 10 on the shelf panel 320 is shown in FIG. Thumbnail images 11 to 15 are displayed. When the user further drags left by a predetermined distance, thumbnail images 11 to 20 shown in FIG. 4B are displayed in the area on the right side of the thumbnail images 6 to 10 on the shelf panel 320.

  Further, when the cursor is overlaid on the right handle 326 and left dragged to the right end of the display screen 300a, as shown in FIG. 5, the area of the shelf panel 320 is expanded and almost the entire display screen becomes the shelf panel 320. The thumbnail images 1 to 40 are displayed on the shelf panel 320.

  When the cursor is overlaid on the lower handle portion 328 and left dragged upward by a predetermined distance in the vertical direction, the thumbnail images 1 to 10 are slid upward, and the shelf panel 320 is shown in FIG. ) Are displayed.

  For example, when thumbnail images 1 to 5 are displayed on the shelf panel 320, if the cursor is overlaid on the lower handle portion 328 and left dragged upward by a predetermined distance, thumbnail images 1 to 5 are displayed. Slides upward, and thumbnail images 6 to 10 are displayed on the shelf panel 320. Thus, by using the lower handle 328, the thumbnail images 1 to 40 shown in FIG. 5 can be sequentially displayed on the shelf panel 320 so that the display area is slid to the right. . On the other hand, when the upper handle 327 is used, the thumbnail images 1 to 40 shown in FIG. 5 can be sequentially displayed on the shelf panel 320 so that the display area is slid to the left.

  Next, operations for sliding each image displayed on the slide panel 310 will be described with reference to the drawings.

  FIG. 6 is a diagram illustrating a display screen 350 that is an example of a display screen displayed on the display unit 150. FIG. 7 is a diagram showing a display screen 355 that is an example of a display screen displayed on the display unit 150.

  The display screen 350 is a display screen when the right handle 326 of the shelf panel 320 is slid to the left end and the entire handle 341 of the drawer panel 330 is slid to the right end. Images 351 to 353 are displayed on the slide panel 310 in the display screen 350. In this case, for example, when the left cursor is moved upward in the vertical direction with the mother cursor 303 superimposed on the display portion of the image 353, only the image 353 is moved in the vertical direction until the left drag operation reaches a predetermined distance. Slide up. If the user further drags left by a predetermined distance, the images 351 to 353 slide upward in the vertical direction, and the entire image 353 can be displayed on the slide panel 310. Similarly, when the cursor is overlaid on the display portion of the image 352 and left dragged by a predetermined distance downward in the vertical direction, the images 351 to 353 can be slid downward in the vertical direction.

  Similarly, with reference to FIG. 7, for example, on the display screen 355 shown in FIG. 7A, a predetermined distance on the upper side in the vertical direction with the mother cursor 303 superimposed on the display portion of the image 357. If the user drags only to the left, the images 356 to 358 can be slid upward in the vertical direction. For example, when left dragging in the direction of the arrow 354, images 356, 357, and 359 are displayed on the display screen 355 as shown in FIG.

  Note that the image displayed on the slide panel 310 and the thumbnail image displayed on the shelf panel 320 can slide independently of each other. For this reason, the image displayed on the slide panel 310 on the same screen and the thumbnail image corresponding to this image may not be displayed in synchronization.

  Next, an operation for displaying a thumbnail image corresponding to an image displayed on the slide panel 310 on the shelf panel 320 will be described with reference to the drawings.

  FIG. 8 is a diagram illustrating a display screen 355 that is an example of a display screen displayed on the display unit 150.

  In the display screen 355 shown in FIG. 8, for example, when displaying a thumbnail image corresponding to the image 357 displayed on the slide panel 310 on the shelf panel 320, the mother cursor 303 is overlaid on the display portion of the image 357. In the state, drag left to the left side in the horizontal direction to the shelf panel 320 area and drop in the shelf panel 320 area. For example, left dragging in the direction of the arrow 354a. In this case, during the left drag, a thumbnail image 357s corresponding to the image 357 is displayed together with the mother cursor 303 as shown in FIG. When the thumbnail image 357 s is dragged to the shelf panel 320 area together with the mother cursor 303 and dropped in the shelf panel 320 area, the shelf panel 320 corresponds to the image 357 as shown in FIG. 8B. A thumbnail image in a row including the thumbnail image 357s is displayed. For example, after the thumbnail image 357 s, a thumbnail image 359 s corresponding to the image 359 displayed next to the image 357 on the slide panel 310 is displayed. Thereby, for example, an image displayed on the slide panel 310 and a thumbnail image corresponding to the image can be easily displayed in synchronization with each other.

  Next, operations for displaying an image corresponding to the thumbnail image displayed on the shelf panel 320 on the slide panel 310 will be described with reference to the drawings.

  FIG. 9 is a diagram illustrating a display screen 370 that is an example of a display screen displayed on the display unit 150. Note that the image 374 shown in FIG. 9A is the first image as the order of the images stored in the predetermined folder when the thumbnail images displayed on the shelf panel 320 shown in FIG. Therefore, no image is displayed on the upper side of the slide panel 310.

  When images 374 and 375 are displayed on the display screen 370 shown in FIG. 9, for example, when an image 372 corresponding to the thumbnail image 372 s displayed on the shelf panel 320 is displayed on the slide panel 310, a thumbnail is displayed. With the mother cursor 303 overlaid on the display portion of the image 372 s, left drag to the right side in the horizontal direction to the area of the slide panel 310 and drop in the area of the slide panel 310. For example, left dragging in the direction of the arrow 354b. In this case, while the left drag is being performed, a thumbnail image 372s is displayed together with the mother cursor 303 as shown in FIG. Then, when the thumbnail image 372s together with the mother cursor 303 is left dragged to the area of the slide panel 310 and dropped in the area of the slide panel 310, the slide panel 310 corresponds to the thumbnail image 372s as shown in FIG. 9B. An image 372 to be displayed is displayed. In this case, the images arranged before and after the thumbnail image 372 s are displayed above and below the image 372. For example, an image 371 corresponding to the thumbnail image 371 s arranged in front of the thumbnail image 372 s is displayed on the upper side of the image 372. Thereby, for example, an image displayed on the slide panel 310 and a thumbnail image corresponding to the image can be easily displayed in synchronization with each other.

  FIG. 10 is an example of a display screen displayed on the display unit 150, and is a diagram illustrating a transition related to the association between a mouse and a cursor. FIG. 10A is a diagram showing a part on the drawer panel 330 side in the display screen 300 shown in FIG.

  Each user who uses the information processing apparatus 100 is assigned a drawer unit that is normally used from the first drawer unit 331 to the fourth drawer unit 334 of the drawer panel 330. When each user uses the information processing apparatus 100, the cursor to be operated is displayed on the display unit 150 using any mouse, and the cursor is overlaid on the area of the own drawer unit. Match. Then, each user presses a predetermined key in a state where the cursor is overlaid on the area of the drawer portion of the user. For example, the “R” key on the keyboard of the operation reception unit 160 is pressed. By this pressing, each cursor is changed to a cursor corresponding to each user. That is, the cursor is changed to the cursor corresponding to the drawer.

  Thus, in the embodiment of the present invention, each time the information processing apparatus 100 is used, one mouse is assigned to one user, but there is no need to set a dedicated mouse for each cursor. . This is because, as described above, every time the information processing apparatus 100 is used, it can be used after associating the mouse with the cursor.

  Next, the operation of the information processing apparatus 100 according to the embodiment of the present invention will be described with reference to the drawings.

  FIG. 11 is a flowchart illustrating a drawing control processing procedure performed by the information processing apparatus 100.

  First, the animation flag indicating whether or not each image drawn on the thumbnail image display area of the shelf panel 320 is displayed by animation is turned off. Here, the display by animation is to sequentially display each image showing a change mode in the movement as time passes when the image drawn in the display area is moved according to the operation input. Then, an image to be displayed is acquired from the image storage unit 220 (step S901). Subsequently, the reduced image generation unit 230 generates a thumbnail image corresponding to the acquired image (step S902). The generated thumbnail image is stored in the reduced image storage unit 240. Subsequently, the drawing unit 250 draws the image stored in the image storage unit 220 in the display area of the slide panel 310 and the thumbnail image stored in the reduced image storage unit 240 in the display area of the shelf panel 320. Drawing is performed (step S903). Subsequently, the image drawn by the drawing unit 250 is displayed on the display unit 270 (step S904).

  Subsequently, a process of increasing or decreasing the number of thumbnail images displayed on the shelf panel 320 is executed (step S920). When a predetermined operation is performed with any of the cursors on the right handle 326 of the shelf panel 320, the number of thumbnail images is increased or decreased. Note that the processing procedure in step S920 will be described in more detail with reference to FIG.

  Subsequently, a process for changing the thumbnail image displayed on the shelf panel 320 is executed (step S940). When a predetermined operation is performed with either cursor on the upper handle portion 327 or the lower handle portion 328 of the shelf panel 320, a thumbnail image display change process is executed. Note that the processing procedure in step S940 will be described in more detail with reference to FIG.

  Subsequently, it is determined whether or not the left drag operation is performed on the image displayed in the display area of the slide panel 310 (step S905). When the left drag operation is performed on the image displayed in the display area of the slide panel 310 (step S905), the image on which the left drag operation is performed according to the movement of the mouse on which the left drag operation is performed. The thumbnail image corresponding to is moved together with the cursor (step S908). On the other hand, when the left drag operation is not performed on the image displayed in the display area of the slide panel 310 (step S905), any one of the display portions of the images displayed in the display area of the slide panel 310 is displayed. It is determined whether or not the cursor exists (step S906). If any cursor exists in the display portion of each image displayed in the display area of the slide panel 310 (step S906), it is determined whether or not the left drag operation is started by the mouse corresponding to the cursor. (Step S907). When the left drag operation is started by the mouse (step S907), the thumbnail image corresponding to the image on which the cursor exists is moved together with the cursor according to the movement of the mouse (step S908).

  Subsequently, it is determined whether or not the thumbnail image moved by the left drag operation has been dropped onto the display area of the shelf panel 320 (step S909). When the drop operation to the display area of the shelf panel 320 is performed (step S909), the drawing unit 250 draws a row of thumbnail images including the thumbnail image for which the drop operation has been performed in the display area of the shelf panel 320. (Step S910), the image drawn by the drawing unit 250 is displayed on the display unit 270 (step S904).

  If the drop operation to the display area of the shelf panel 320 is not performed (step S909), the process proceeds to step S919, and an image is drawn according to the operation content such as a mouse or a keyboard.

  If any cursor does not exist in the display portion of each image displayed in the display area of the slide panel 310 (step S906), or if the left drag operation is not started with the mouse (step S907). It is determined whether or not a left drag operation is performed on the image displayed in the display area of the shelf panel 320 (step S911). When the left drag operation is performed on the image displayed in the display area of the shelf panel 320 (step S911), the image on which the left drag operation is performed in accordance with the movement of the mouse on which the left drag operation is performed. The thumbnail image corresponding to is moved together with the cursor (step S914). On the other hand, when the left drag operation is not performed on the image displayed in the display area of the shelf panel 320 (step S911), any one of the display portions of the images displayed in the display area of the shelf panel 320 is displayed. It is determined whether or not the cursor exists (step S912).

  If any cursor is present in the display portion of each image displayed in the display area of the shelf panel 320 (step S912), it is determined whether the left drag operation has been started with the mouse corresponding to the cursor. (Step S913). When the left drag operation is started by the mouse (step S913), the thumbnail image corresponding to the image on which the cursor exists is moved together with the cursor according to the movement of the mouse (step S914).

  Subsequently, it is determined whether or not the thumbnail image that has been moved by the left drag operation has been dropped onto the display area of the slide panel 310 (step S915). When the drop operation to the display area of the slide panel 310 is performed (step S915), the drawing unit 250 draws an image corresponding to the thumbnail image for which the drop operation has been performed in the display area of the slide panel 310 (step S915). In step S916, the image drawn by the drawing unit 250 is displayed on the display unit 270 (step S904).

  When the drop operation to the display area of the slide panel 310 is not performed (step S915), the process proceeds to step S919, and an image is drawn according to the operation content of the mouse, the keyboard, and the like.

  Further, when any cursor does not exist in the display portion of each image displayed in the display area of the shelf panel 320 (step S912), or when the left drag operation is not started with the mouse (step S913), It is determined whether another operation input has been made with a mouse, a keyboard, or the like (step S917). If no other operation input is made by the mouse or keyboard (step S917), the process proceeds to step S920, and the operation input is monitored (step S920, step S940, step S905 to step S917). When another operation input is made with a mouse, keyboard, or the like (step S917), it is determined whether or not the operation content is an end instruction (step S918). If the operation content is an end instruction (step S918), the operation of the drawing control processing procedure is ended.

  On the other hand, when the operation content is not an end instruction (step S918), an image is drawn by the drawing unit 250 according to the operation content (step S919), and the image drawn by the drawing unit 250 is displayed on the display unit 270. (Step S904).

  Thus, the main area and the thumbnail area can be browsed independently. For this reason, particularly when a plurality of people use the information processing apparatus 100 to perform operations or browse, even if the content displayed in the main area is changed to the next content by another person, the progress of the content is displayed. Thumbnails can be browsed without interruption, and classification from a thumbnail area to a drawer can be easily performed.

  In addition to supporting independent movement of the main area and thumbnail area, it is possible to easily align the content position of the main area and thumbnail area by left dragging the displayed content. Flexible operation according to the place can be easily performed.

  Next, a case where the number of thumbnail images displayed on the shelf panel 320 is increased or decreased will be described in more detail with reference to the drawings.

  FIG. 12 is a diagram illustrating a display screen 360 that is an example of a display screen displayed on the display unit 150.

  The display screen 360 is a display screen when the right handle 326 of the shelf panel 320 is moved to the right side and the entire drawer panel 330 is moved to the right side in the display screen 300 shown in FIG. In this case, the display screen 360 includes the images 311 to 313 of the slide panel 310, a plurality of thumbnail images of the shelf panel 320, the right handle portion 326, the upper handle portion 327, the lower handle portion 328, and the entire handle of the drawer panel 330. A part 341, a father cursor 301, a son cursor 302, a mother cursor 303, a daughter cursor 304, a general cursor 305, and the like are displayed.

  When the area of the shelf panel 320 is enlarged to the right, the display area of the slide panel 310 is reduced, and the images 311 to 313 are reduced and displayed accordingly. In this case, reduction processing may be performed so that each image on the slide panel 310 does not become a predetermined size or less. Further, since the thumbnail display area of the shelf panel 320 is enlarged by expanding the area of the shelf panel 320 to the right side, other thumbnail images are displayed on the shelf panel 320 together with the thumbnail images 321 to 325 shown in FIG. The For example, a total of 15 thumbnail images, 5 in the vertical direction and 3 in the horizontal direction, are displayed.

  In the shelf panel 320, for example, the right handle portion 326 can be moved in the left-right direction by left dragging in the left-right direction with the father cursor 301 superimposed on the right handle portion 326 of the shelf panel 320. In this case, when the right handle portion 326 is moved in the left-right direction beyond a predetermined distance, the right handle portion 326 can be moved by animation. Thereby, it is possible to make it easier to see the transition of reduction or enlargement of the thumbnail display area of the shelf panel 320. Further, by moving the right handle 326 to the slide panel 310 side to enlarge the thumbnail display area of the shelf panel 320, the thumbnail images are increased in units of columns while the currently displayed thumbnail image is displayed. Can be. Further, by moving the right handle 326 to the opposite side of the slide panel 310 to reduce the thumbnail display area of the shelf panel 320, the thumbnail images are displayed in units of columns in a state where the currently displayed thumbnail image is displayed. Can be deleted. As a result, the number of thumbnail images displayed on the shelf panel 320 can be increased or decreased in an easy-to-see manner.

  Further, in the shelf panel 320, for example, by dragging the upper handle portion 327 to the lower side in the vertical direction by left-dragging in the vertical direction with the mother cursor 303 superimposed on the upper handle portion 327 of the shelf panel 320, Can be moved. In this case, when the upper handle portion 327 is moved to the lower side in the vertical direction over a predetermined distance, the thumbnail image in the shelf panel 320 can be moved to the lower side by animation. Similarly, for example, by dragging the upper side in the vertical direction with the daughter cursor 304 overlaid on the lower handle portion 328 of the shelf panel 320, the lower handle portion 328 can be moved upward in the vertical direction. it can. In this case, when the lower handle portion 328 is moved upward in a vertical direction over a predetermined distance, the thumbnail image in the shelf panel 320 can be moved upward by animation. Accordingly, as described with reference to FIGS. 4 and 5, it is possible to easily see the transition of the movement of the thumbnail display area of the shelf panel 320. Further, the thumbnail image displayed on the shelf panel 320 can be moved in a state where it is easy to see.

  13 to 15 are diagrams showing a display screen 380 that is an example of a display screen displayed on the display unit 150, and are diagrams showing an example of transition of the shelf panel 320 displayed on the display screen 380.

  A display screen 380 shown in FIG. 13A is a display screen on which ten thumbnail images (5 rows × 2 columns) are displayed on the shelf panel 320. In this display screen 380, for example, as shown in FIG. 13A, when the left cursor is dragged to the right in the left-right direction with the mother cursor 303 superimposed on the right handle 326 of the shelf panel 320, FIG. As shown, the right handle 326 can be moved in the direction of arrow 383. Furthermore, when the right handle portion 326 is moved in the direction of the arrow 383 to a predetermined distance, the right handle portion 326 can be moved in the direction of the arrow 383 by animation. After the movement by this animation, as shown in FIG. 14B, 15 (5 rows × 3 columns) thumbnail images are displayed on the shelf panel 320.

  Further, as shown in FIG. 14A, when the right handle 326 is further moved in the direction of the arrow 383 (shown in FIG. 13), if the left drag is stopped at a position less than a predetermined distance, The right handle 326 can be moved in the direction opposite to the arrow 383 (shown in FIG. 13). After the movement by this animation, as shown in FIG. 14B, 15 (5 rows × 3 columns) thumbnail images are displayed on the shelf panel 320. As a result, changes due to the movement of the right handle 326 can be easily seen. Further, for example, as shown in FIGS. 13A and 14B, the entire thumbnail image can be displayed on the shelf panel 320.

  Further, as shown in FIG. 14B, on a display screen 380 in which 15 (5 rows × 3 columns) thumbnail images are displayed on the shelf panel 320, for example, as shown in FIG. When the left cursor portion 328 is superimposed on the lower handle portion 328 of the shelf panel 320 and left dragged upward, the lower handle portion 328 can be moved in the arrow 384 direction. Further, when the lower handle portion 328 is moved to a predetermined distance in the arrow 384 direction, the lower handle portion 328 and the thumbnail image can be moved in the arrow 384 direction by animation. After the movement by this animation, as shown in FIG. 15B, 15 thumbnail images (5 rows × 3 columns) obtained by sliding the thumbnail images before the movement are displayed on the shelf panel 320.

  As shown in FIG. 15A, in the case where the lower handle 328 is moved in the direction of the arrow 384, if the left drag is stopped at a position less than the predetermined distance, the lower handle 328 is animated. Can be moved in the opposite direction to arrow 384. After the movement by this animation, as shown in FIG. 14B, 15 (5 rows × 3 columns) thumbnail images are displayed on the shelf panel 320. As a result, changes due to the movement of the thumbnail images can be easily seen. Further, for example, as shown in FIGS. 14B and 15B, the entire image of each thumbnail image can be displayed on the shelf panel 320.

  Next, the operation when changing the number of thumbnail images displayed on the shelf panel 320 will be described in detail with reference to the drawings.

  FIG. 16 is a diagram illustrating a part of a display screen 390 that is an example of a display screen displayed on the display unit 150, and the width of the display area when the number of thumbnail images displayed on the shelf panel 320 is changed. It is a figure which shows the relationship between 400, threshold value (low) 401, and threshold value (high) 402. In each display screen described below, the horizontal direction is the x direction and the vertical direction is the y direction.

  The width 400 of the display area of the shelf panel 320 is the length between the left end of the display area of the shelf panel 320 and the right end of the display area of the shelf panel 320. The display area of the shelf panel 320 includes the right handle 326, and the right end of the display area of the shelf panel 320 is the right end of the right handle 326. The relationship between the width of the display area, the threshold value (high), and the threshold value (low) will be described in more detail with reference to FIG.

  FIG. 17 is a flowchart illustrating a processing procedure for changing the number of thumbnail images displayed by the information processing apparatus 100 (processing procedure in step S920 shown in FIG. 11).

  First, it is determined whether or not there is a cursor that is dragging any one of the right handle portion 326, the upper handle portion 327, and the lower handle portion 328 (step S921). For example, FIG. 16 shows a case where the right handle 326 is dragged to the right in the x direction by the father cursor 301.

  If there is a cursor that is dragging any one of the right handle 326, the upper handle 327, and the lower handle 328 (step S921), the right handle 326 is left dragged in the x direction by the cursor. It is determined whether or not it has been performed (step S922). For example, FIG. 16 shows a case where the left drag operation is performed in the x direction (right side) on the display screen 390 by the father cursor 301 existing on the right handle portion 326.

  For example, when the right handle 326 is left dragged in the x direction by the cursor (step S922), the right handle 326 is moved according to the left drag operation (step S923). That is, the width of the thumbnail image display area of the shelf panel 320 is changed. Even when the right handle 326 is left dragged in the x direction by a plurality of cursors (step S922), the left drag operation is performed with these cursors superimposed on the right handle 326. If the condition is satisfied, the operation of each cursor that satisfies the condition is reflected (step S923).

  Subsequently, it is determined whether or not the width of the thumbnail image display area of the shelf panel 320 is equal to or greater than a predetermined threshold (high) (step S924). For example, it is determined whether or not the width 400 of the display area on the display screen 390 is equal to or greater than the threshold 402 (high) 402.

  When the width of the thumbnail image display area of the shelf panel 320 exceeds a predetermined threshold (high) (step S924), a setting is made to add a row of thumbnail images to the thumbnail image display area (step S925). ). For example, as shown in FIG. 16, in the display screen 390 in which ten (5 rows × 2 columns) thumbnail images are displayed on the shelf panel 320, the width 400 of the display area is equal to or greater than the threshold 402. In this case (step S924), 15 thumbnail images (5 rows × 3 columns) are set to be displayed in the thumbnail image display area of the shelf panel 320 (step S925). When the setting is made to add a row of thumbnail images to the thumbnail image display area in this way (step S925), among the thumbnail images stored in the reduced image storage unit 240, the shelf panel is displayed. Thumbnail images in units of one line arranged next to the thumbnail images displayed in the thumbnail image display area 320 are read and displayed. For example, as shown in FIG. 4A, when the thumbnail images 1 to 10 are displayed on the shelf panel 320, the thumbnail images 11 to 15 arranged next to the thumbnail images 6 to 10 are read. Displayed. Subsequently, an animation flag for executing an animation for displaying 15 (5 rows × 3 columns) thumbnail images in the thumbnail image display area of the shelf panel 320 is turned on (step S928), and the number of thumbnail images displayed is changed. End the operation.

  On the other hand, when the width of the thumbnail image display area of the shelf panel 320 is not equal to or larger than the predetermined threshold (high) (step S924), the width of the thumbnail image display area of the shelf panel 320 is equal to or smaller than the predetermined threshold (low). It is determined whether or not (step S926).

  When the width of the thumbnail image display area of the shelf panel 320 is equal to or smaller than a predetermined threshold (low) (step S926), a setting is made to delete the thumbnail images in the rightmost column from the thumbnail image display area ( Step S927). For example, when 15 (5 rows × 2 columns) thumbnail images are displayed on the shelf panel 320 shown in FIG. 16, if the width 400 of the display area is equal to or less than the threshold (low) 401 (step S926) Ten thumbnail images (5 rows × 2 columns) are set to be displayed in the thumbnail image display area of the shelf panel 320 (step S927). Subsequently, an animation flag for executing an animation for displaying ten (5 rows × 2 columns) thumbnail images in the thumbnail image display area of the shelf panel 320 is turned on (step S928), and the number of thumbnail images displayed is changed. End the operation.

  If there is no cursor dragging any of the right handle part 326, the upper handle part 327, and the lower handle part 328 (step S921), it is determined whether or not the animation flag is turned on. (Step S929). If the animation flag is not turned on (step S929), the operation of changing the number of thumbnail images displayed is terminated.

  When the animation flag is ON (step S929), the right side is reached to the target position which is the position for displaying the number of thumbnail images set in step S925 or step S927 in the thumbnail image display area of the shelf panel 320. A process of moving the handle part 326 by animation is executed (step S930). Subsequently, it is determined whether or not the right handle portion 326 has reached the target position by animation (step S931). That is, it is determined whether the thumbnail image display area of the shelf panel 320 is an appropriate area for displaying the number of thumbnail images set in step S925 or step S927. If the right handle 326 has not reached the target position (step S931), the operation of changing the number of thumbnail image displays is terminated while the animation flag is ON. On the other hand, if the right handle 326 has reached the target position (step S931), the animation flag is turned off (step S932), and the operation of changing the thumbnail image display number is terminated.

  When the operation of changing the number of thumbnail image displays is finished, even when there is no cursor dragging any of the right handle 326, the upper handle 327, and the lower handle 328 (step S921). ) When the animation flag is ON, the processing procedure in steps S930 and S931 is executed, so that the thumbnail image display area of the shelf panel 320 becomes an appropriate area by animation.

  When the right handle 326 is left dragged in the x direction with the cursor (step S922), the width of the thumbnail image display area of the shelf panel 320 does not exceed a predetermined threshold (high) (step S924). In addition, when the user stops the left drag operation in a state where it does not fall below the predetermined threshold (low) (step S926), the position before the left drag operation is performed in step S919 shown in FIG. The right handle portion 326 can be returned by animation. When there is a cursor that is dragging any of the right handle 326, the upper handle 327, and the lower handle 328 (step S921), the right handle 326 is left dragged in the x direction by the cursor. If not operated (step S922), the upper handle 327 or the lower handle 328 is left dragged in the y direction by the cursor. In this case, the operation of changing the number of thumbnail image displays is terminated without executing the animation process. As described above, when any of the right handle part 326, the upper handle part 327, and the lower handle part 328 is dragged, the animation process is executed in order to prioritize the process according to the drag operation by the operator. Not.

  Next, the operation when switching the thumbnail images displayed on the shelf panel 320 will be described in detail with reference to the drawings.

  FIG. 18 is a diagram illustrating a part of a display screen 391 that is an example of a display screen displayed on the display unit 150, and the y-coordinate 410 of the display area when the thumbnail image displayed on the shelf panel 320 is switched. FIG. 6 is a diagram illustrating a relationship between a threshold value (high) 411 and a threshold value (low) 412.

  The y coordinate 410 of the display area of the shelf panel 320 is the center position of the length between the upper end and the lower end of the display area of the shelf panel 320. The display area of the shelf panel 320 includes the upper handle portion 327 and the lower handle portion 328. The upper end of the display area of the shelf panel 320 is the upper end of the upper handle portion 327, and the lower end of the display area of the shelf panel 320 is lower. The lower end of the side handle portion 328 is used. The relationship between the y coordinate of the display area and the threshold value (high) and threshold value (low) will be described in more detail with reference to FIG.

  FIG. 19 is a flowchart showing a processing procedure of thumbnail image display switching processing by the information processing apparatus 100 (processing procedure of step S940 shown in FIG. 11).

  First, it is determined whether or not there is a cursor that is dragging any one of the right handle portion 326, the upper handle portion 327, and the lower handle portion 328 (step S941). For example, FIG. 18 shows a case where the lower handle portion 328 is dragged upward in the y direction by the father cursor 301.

  If there is a cursor that is dragging any of the right handle portion 326, the upper handle portion 327, and the lower handle portion 328 (step S941), the upper handle portion 327 or the lower handle portion 328 is moved by the cursor. It is determined whether or not a left drag operation is performed in the y direction (step S942).

  For example, when the upper handle portion 327 or the lower handle portion 328 is further left dragged in the y direction by the cursor (step S942), the upper handle portion 327 or the lower handle portion according to the left drag operation. Along with 328, the thumbnail image display area of the shelf panel 320 is moved (step S943). That is, each thumbnail image displayed on the shelf panel 320 is moved. Even when the upper handle portion 327 or the lower handle portion 328 is left dragged in the y direction by a plurality of cursors (step S942), these cursors are located on the upper handle portion 327 or the lower handle portion 328. When the condition that the left drag operation is performed in the state of being overlaid on the cursor is satisfied, the operation of each cursor that satisfies the condition is reflected (step S943).

  Subsequently, it is determined whether or not the y coordinate of the thumbnail image display area of the shelf panel 320 is equal to or greater than a predetermined threshold (high) (step S944). For example, a left drag operation is performed using the lower handle portion 328, and it is determined whether or not the y coordinate 410 of the display area on the display screen 391 is equal to or higher than a threshold (high) 411.

  When the y coordinate of the thumbnail image display area of the shelf panel 320 is equal to or greater than a predetermined threshold (high) (step S944), a setting is made to move the next thumbnail image display area to the center of the shelf panel 320. (Step S945). For example, as shown in FIG. 4A, when ten (5 rows × 2 columns) thumbnail images 1 to 10 are displayed on the shelf panel 320, the y coordinate 410 of the display area is a threshold (high). If it is 411 or more (step S944), the thumbnail images 11 to 20 arranged next to the thumbnail images 1 to 10 in the thumbnail image display area of the shelf panel 320 (shown in FIG. 4B). Is set to be displayed (step S945). Subsequently, an animation flag for executing an animation for displaying the next thumbnail image arranged in the thumbnail image display area of the shelf panel 320 is turned on (step S948), and the operation of the thumbnail image display switching process is ended. .

  On the other hand, if the y coordinate of the thumbnail image display area of the shelf panel 320 is not equal to or greater than the predetermined threshold (high) (step S944), the y coordinate of the thumbnail image display area of the shelf panel 320 is the predetermined threshold (low). It is determined whether or not the following has occurred (step S946). For example, it is determined whether or not the left drag operation is performed using the upper handle portion 327 and the y coordinate 410 of the display area on the display screen 391 is equal to or lower than the threshold (low) 412.

  When the y coordinate of the thumbnail image display area of the shelf panel 320 is equal to or less than a predetermined threshold (low) (step S946), a setting is made to move the previous thumbnail image display area to the center of the shelf panel 320. (Step S947). For example, when 10 (5 rows × 2 columns) thumbnail images 11 to 20 shown in FIG. 4B are displayed on the shelf panel 320, the y coordinate 410 of the display area is set to a threshold (low) 412 or less. If this happens (step S946), the thumbnail images 1 to 10 arranged in front of the thumbnail images 11 to 20 shown in FIG. It is set so that (shown in a))) is displayed (step S947). Subsequently, an animation flag for executing an animation for displaying a thumbnail image arranged in the thumbnail image display area of the shelf panel 320 is turned on (step S948), and the operation of the thumbnail image display switching process is ended. .

  If there is no cursor dragging any of the right handle 326, the upper handle 327, and the lower handle 328 (step S941), it is determined whether the animation flag is turned on. (Step S949). If the animation flag is not ON (step S949), the thumbnail image display switching process is terminated.

  When the animation flag is ON (step S949), the thumbnail image set in step S945 or step S947 is to the target position that is the position for displaying in the center of the thumbnail image display area of the shelf panel 320. A process of moving the thumbnail image by animation is executed (step S950). Subsequently, it is determined whether or not the thumbnail image has reached the target position (step S951). That is, it is determined whether or not the thumbnail image set in step S945 or step S947 is appropriately displayed in the thumbnail image display area of the shelf panel 320. If the thumbnail image has not reached the target position by animation (step S951), the operation of the thumbnail image display switching process is terminated while the animation flag is ON. On the other hand, if the thumbnail image has reached the target position (step S951), the animation flag is turned off (step S952), and the operation of the thumbnail image display switching process ends.

  Even when the operation of the thumbnail image display switching process is finished, even when there is no cursor dragging any of the right handle part 326, the upper handle part 327, and the lower handle part 328 (step S941). When the animation flag is ON, the processing procedure in step S950 and step S951 is executed, so that an appropriate thumbnail image is displayed in the thumbnail image display area of the shelf panel 320.

  When the upper handle 327 or the lower handle 328 is left dragged in the y direction by the cursor (step S942), the y coordinate of the thumbnail image display area of the shelf panel 320 is set to a predetermined threshold (high). If the user stops the left drag operation in a state where the above is not performed (step S944) and does not fall below the predetermined threshold (low) (step S946), in step S919 shown in FIG. The upper handle portion 327 and the lower handle portion 328 can be returned to the positions before the drag operation. Further, when there is a cursor that is dragging any one of the right handle portion 326, the upper handle portion 327, and the lower handle portion 328 (step S941), the upper handle portion 327 or the lower handle portion 328 is moved by the cursor. If the left drag operation is not performed in the y direction (step S942), the right handle 326 is left dragged in the x direction by the cursor. In this case, the operation of the thumbnail image display switching process is terminated without executing the animation process. As described above, when any of the right handle part 326, the upper handle part 327, and the lower handle part 328 is dragged, the animation process is executed in order to prioritize the process according to the drag operation by the operator. Not. As described above, the thumbnail image display switching process and the thumbnail image display number changing process are not independent of each other and affect each other. Further, for example, the mother cursor 303 and the daughter cursor 304 can participate in the left drag operation of the right handle portion 326 while the father cursor 301 is left dragging the right handle portion 326 to the right in the x direction. Further, for example, when the father cursor 301 performs a left drag operation on the right handle 326 to the right in the x direction to change the display number of thumbnail images, the mother cursor 303 moves to the upper handle 327 or the lower handle. A thumbnail image display switching operation can be performed by dragging the unit 328. Thus, the operation for changing the number of thumbnail images to be displayed and the operation for switching the display of thumbnail images can be performed simultaneously using a plurality of cursors. Thereby, many people can cooperate and perform display operation.

  As described above, according to the embodiment of the present invention, for example, in a living room in a common space, providing a plurality of interaction software suitable for a place where an unspecified number of people called living gather. Can do.

  In addition, by changing the three display areas, the main area for displaying content, the thumbnail area for displaying thumbnail images of content, and the drawer area for storing content, it can be changed according to the demands and presentation style. Thus, the display area can be freely changed to an appropriate layout.

  Furthermore, the number of thumbnail images displayed can be easily changed by enlarging or reducing the thumbnail area in the left-right direction. In this case, by enlarging or reducing the thumbnail area by animation, it is possible to make the change in enlargement or reduction easy to see. In addition, it is possible to display a thumbnail image added to each column as a set of vertical columns as the thumbnail area is enlarged. On the other hand, the thumbnail images can be displayed so as to be deleted one by one in accordance with the reduction of the thumbnail area. In this way, when the thumbnail area is enlarged or reduced in the left-right direction, it is not necessary to move the display position of the thumbnail image because it is not necessary to move the display position of the thumbnail image. This makes it easier to see the image.

  Furthermore, by switching the display of thumbnail images in vertical columns in the vertical direction, the display of thumbnail images can be connected with seamless animation. Thereby, an operation different from the fine change by scrolling can be performed, and the display can be switched so that it can be easily seen by many people. In particular, when a plurality of information processing apparatuses 100 are operated simultaneously, it is possible to realize an interaction that can easily cope with a change.

  Thus, according to the embodiment of the present invention, when a plurality of images are displayed, each of these images can be displayed so as to be easily seen by many people.

  Note that although the information processing apparatus 100 has been described in the embodiment of the present invention, the embodiment of the present invention is applied to an image display apparatus such as a television that can be operated in a predetermined manner by an operation member such as a pointing device. Can do. An information processing system capable of displaying the same screen on the display units of a plurality of information processing devices connected via a predetermined network, wherein an image on each display unit is operated from each information processing device. The embodiment of the present invention can be applied to an information processing system capable of doing so.

  Further, the embodiment of the present invention shows an example for embodying the present invention, and has a corresponding relationship with the invention specific matter in the claims as shown below, but is not limited thereto. However, various modifications can be made without departing from the scope of the present invention.

  That is, in claims 1 to 21, 23, and 24, the information processing apparatus corresponds to, for example, the information processing apparatus 100. In claim 22, an image display apparatus corresponds to the information processing apparatus 100, for example.

  In claim 1, claim 17, and claim 22, the operation reception unit corresponds to, for example, the operation reception unit 210. The image storage means corresponds to the image storage unit 220, for example.

  In claim 1, claim 14, claim 17, and claim 22, the reduced image storage means corresponds to the reduced image storage unit 240, for example.

  Further, in claim 1, claim 4, claim 5, claim 10, claim 11, claim 15, claim 17, claim 20 to claim 22, the drawing means is, for example, a drawing unit. Corresponds to 250.

  Further, in claims 1 to 13, claim 15, claim 16, and claim 17 to claim 22, the control means corresponds to the control unit 260, for example.

  In the fourteenth aspect, reduced image generation means corresponds to the reduced image generation unit 230, for example.

  In claim 22, display means corresponds to the display unit 270, for example.

  Further, in claim 23 or claim 24, the operation reception procedure corresponds to, for example, step S922 or step S942. The drawing procedure corresponds to, for example, step S903. The control procedure corresponds to, for example, step S923 or step S943.

  The processing procedure described in the embodiment of the present invention may be regarded as a method having a series of these procedures, and a program for causing a computer to execute these series of procedures or a recording medium storing the program May be taken as

It is a block diagram which shows the function structural example of the information processing apparatus 100 in embodiment of this invention. It is a block diagram which shows the function structural example regarding the drawing control of the information processing apparatus 100 in embodiment of this invention. 6 is a diagram showing a display screen 300 which is an example of a display screen displayed on the display unit 150. FIG. 6 is a diagram showing an example of a display screen displayed on the display unit 150. FIG. It is a figure which shows the display screen 300b after expanding the area | region of the shelf panel 320 to the right end of the display screen 300a. 6 is a diagram showing a display screen 350 which is an example of a display screen displayed on the display unit 150. FIG. It is a figure which shows the display screen 355 which is an example of the display screen displayed on the display part 150. FIG. It is a figure which shows the display screen 355 which is an example of the display screen displayed on the display part 150. FIG. 6 is a diagram showing a display screen 370 that is an example of a display screen displayed on the display unit 150. FIG. It is an example of a display screen displayed on the display unit 150, and is a diagram illustrating a transition related to the association between a mouse and a cursor. 6 is a flowchart illustrating a processing procedure of drawing control by the information processing apparatus 100. 6 is a diagram showing a display screen 360 that is an example of a display screen displayed on the display unit 150. FIG. It is a figure which shows the example of the transition of the shelf panel 320 displayed on the display screen 380. FIG. It is a figure which shows the example of the transition of the shelf panel 320 displayed on the display screen 380. FIG. It is a figure which shows the example of the transition of the shelf panel 320 displayed on the display screen 380. FIG. It is a figure which shows the relationship between the width | variety 400 of the display area displayed on the shelf panel 320, the threshold value 401, and the threshold value 402. FIG. 12 is a flowchart illustrating a processing procedure for changing the number of thumbnail images displayed by the information processing apparatus 100 (processing procedure in step S920 shown in FIG. 11). It is a figure which shows the relationship between the y coordinate 410 of the display area displayed on the shelf panel 320, the threshold value 411, and the threshold value 412. FIG. 12 is a flowchart showing a processing procedure of thumbnail image display switching processing by the information processing apparatus 100 (processing procedure of step S940 shown in FIG. 11).

Explanation of symbols

100 Information processing apparatus 110 CPU
120 ROM
130 RAM
140 HDD
DESCRIPTION OF SYMBOLS 150 Display part 160 Operation reception part 170 Audio | voice output part 180 Bus 210 Operation reception part 220 Image storage part 230 Reduced image generation part 240 Reduced image storage part 250 Drawing part 260 Control part 270 Display part 310 Slide panel 320 Shelf panel 330 Drawer panel

Claims (24)

Operation accepting means for accepting operation input;
Image storage means for storing a plurality of images;
Reduced image storage means for storing reduced images corresponding to a plurality of images stored in the image storage means;
At least two or more reduced images among the reduced images stored in the reduced image storage means in the display area including at least the list image display area and the image display area are displayed in the list image display area in a predetermined order as list images. Drawing means for drawing and drawing at least one of the images stored in the image storage means in the image display area in the predetermined order;
Control means for causing the drawing means to draw so as to change the length of the list image display area in a predetermined direction when a predetermined operation input is received by the operation receiving means. Processing equipment.   When the predetermined operation input is received by the operation receiving unit, the control unit expands the list image display area to the image display area side and determines the number of list images included in the list image display area. The information processing apparatus according to claim 1, wherein the information is drawn by the drawing means so as to increase.   The control means reduces the image included in the image display area according to the enlargement of the list image display area toward the image display area when the predetermined operation input is received by the operation receiving means. The information processing apparatus according to claim 2, wherein the drawing means is drawn as described above. The drawing means draws the list image display area and the image display area as adjacent rectangular areas,
The control means, when an operation input for moving an end of the list image display area adjacent to the image display area to the image display area side is received by the operation reception means, The information processing apparatus according to claim 1, wherein the drawing unit draws the list image display area so as to expand the list image display area. The drawing means draws the list images arranged in a matrix in the list image display area,
When an operation input for moving the end portion to the image display area side is received by the operation receiving means, the control means determines the number of list images included in the list image display area according to the operation input. The information processing apparatus according to claim 4, wherein the drawing unit is caused to draw so as to increase in units of columns or rows.   The control means expands the list image display area by animation when the operation input for moving the end portion toward the image display area by a predetermined distance is received by the operation receiving means, and displays the list image display The information processing apparatus according to claim 5, wherein the drawing unit draws the list image included in the region so as to increase the column image or the row unit.   When the operation input for moving the end portion to the image display area side is received by the operation receiving means and the movement to the image display area side does not reach a predetermined distance, the control means 6. The information processing apparatus according to claim 5, wherein the drawing unit draws the image display area so as to return the image display area to the size of the area before the movement.   When the predetermined operation input is received by the operation receiving unit, the control unit reduces the list image display area to the side opposite to the image display area and includes a list image included in the list image display area The information processing apparatus according to claim 1, wherein the drawing means draws so as to reduce the number of the information.   The control means enlarges an image included in the image display area in response to the reduction of the list image display area to the opposite side when the predetermined operation input is accepted by the operation accepting means. The information processing apparatus according to claim 8, wherein the drawing unit draws the information. The drawing means draws the list image display area and the image display area as adjacent rectangular areas,
If the operation input for moving the end of the list image display area adjacent to the image display area to the side opposite to the image display area is received by the operation reception means, the control means The information processing apparatus according to claim 1, wherein the drawing unit is caused to draw so as to reduce the list image display area by moving the end portion accordingly. The drawing means draws the list images arranged in a matrix in the list image display area,
When the operation input for moving the end portion to the opposite side is received by the operation receiving unit, the control unit sets the number of list images included in the list image display area according to the operation input in units of columns. The information processing apparatus according to claim 10, wherein the drawing unit causes the drawing unit to draw so that the number of lines decreases in units of lines.   When the operation input for moving the end portion to the opposite side by a predetermined distance is received by the operation receiving unit, the control unit reduces the list image display area by animation to the list image display area. The information processing apparatus according to claim 11, wherein the drawing unit causes the drawing unit to draw so as to reduce the list image included in units of columns or rows.   When the operation input for moving the end portion to the opposite side is accepted by the operation accepting means, the control means displays the list image display area when the movement to the opposite side does not reach a predetermined distance. The information processing apparatus according to claim 11, wherein the drawing unit is caused to draw so as to return to the size of the area before the movement. Further comprising reduced image generation means for generating reduced images corresponding to a plurality of images stored in the image storage means;
The information processing apparatus according to claim 1, wherein the reduced image storage unit stores the reduced image generated by the reduced image generation unit. The drawing means draws a cursor that moves according to the operation input received by the operation receiving means in the display area,
When the cursor is drawn on the predetermined area included in the display area and the cursor is drawn in a state where the predetermined drag operation is received by the operation receiving means, the control means The information processing apparatus according to claim 1, wherein an image related to a region is drawn by the drawing unit.   The information processing apparatus according to claim 1, wherein the control unit causes the drawing unit to draw so as to move an image included in the image display area in accordance with an operation input received by the operation receiving unit. . Operation accepting means for accepting operation input;
Image storage means for storing a plurality of images;
Reduced image storage means for storing reduced images corresponding to a plurality of images stored in the image storage means;
At least two or more reduced images among the reduced images stored in the reduced image storage means in the display area including at least the list image display area and the image display area are displayed in the list image display area in a predetermined order as list images. Drawing means for drawing and drawing at least one of the images stored in the image storage means in the image display area in the predetermined order;
Control means for causing the drawing means to draw so that a list image included in the list image display area is moved in a predetermined direction when a predetermined operation input is received by the operation receiving means. Information processing apparatus. The drawing means draws the list image display area and the image display area as adjacent rectangular areas,
The control means, when the predetermined operation input is accepted by the operation accepting means, a direction in which a list image included in the list image display area is orthogonal to a direction connecting the list image display area and the image display area The information processing apparatus according to claim 17, wherein the drawing unit draws the image so as to move in a perpendicular direction.   When the operation input for moving one end portion in the orthogonal direction in the list image display region in the orthogonal direction is received by the operation reception unit, the control unit displays the list image display region in accordance with the operation input. The information processing apparatus according to claim 18, wherein the drawing unit is caused to draw so as to move the included list image. The drawing means draws the list images arranged in a matrix in the list image display area,
The control means moves the list image included in the list image display area by animation when an operation input for moving the one end portion by a predetermined distance in the orthogonal direction is received by the operation receiving means. The information processing apparatus according to claim 19, wherein the drawing unit is caused to draw so as to change all the list images drawn before the operation input. The drawing means draws the list images arranged in a matrix in the list image display area,
When the operation input for moving the one end portion in the orthogonal direction is received by the operation receiving unit and the movement in the orthogonal direction does not reach a predetermined distance, the control unit draws before the operation input. The information processing apparatus according to claim 19, wherein the drawing unit causes the drawing unit to draw the list image that has been returned to the list image display area by animation. Operation accepting means for accepting operation input;
Image storage means for storing a plurality of images;
Reduced image storage means for storing reduced images corresponding to a plurality of images stored in the image storage means;
At least two or more reduced images among the reduced images stored in the reduced image storage means in the display area including at least the list image display area and the image display area are displayed in the list image display area in a predetermined order as list images. Drawing means for drawing and drawing at least one of the images stored in the image storage means in the image display area in the predetermined order;
Control means for causing the drawing means to draw so as to change the length of the list image display area in a predetermined direction when a predetermined operation input is received by the operation receiving means;
An image display apparatus comprising: display means for displaying an image drawn by the drawing means. A control method in an information processing apparatus comprising image storage means for storing a plurality of images and reduced image storage means for storing reduced images corresponding to the plurality of images stored in the image storage means,
An operation acceptance procedure for accepting operation inputs,
At least two or more reduced images among the reduced images stored in the reduced image storage means in the display area including at least the list image display area and the image display area are displayed in the list image display area in a predetermined order as list images. A drawing procedure for drawing and drawing at least one of the images stored in the image storage means in the image display area in the predetermined order;
And a control procedure for performing a control so as to change the length of the list image display area in a predetermined direction when a predetermined operation input is received in the operation reception procedure. Control method in the apparatus. An information processing apparatus comprising image storage means for storing a plurality of images and reduced image storage means for storing reduced images corresponding to the plurality of images stored in the image storage means,
An operation acceptance procedure for accepting operation inputs,
At least two or more reduced images among the reduced images stored in the reduced image storage means in the display area including at least the list image display area and the image display area are displayed in the list image display area in a predetermined order as list images. A drawing procedure for drawing and drawing at least one of the images stored in the image storage means in the image display area in the predetermined order;
When a predetermined operation input is received in the operation reception procedure, the computer is caused to execute a control procedure for performing control so as to change the length of the list image display area in a predetermined direction. program.