JP2010134063A - Image display - Google Patents

Abstract

<P>PROBLEM TO BE SOLVED: To provide an image display that can be dynamically changed, for example, the size change or rotation of a display image, background, and a character font through a touching panel operation. <P>SOLUTION: The image display 1 includes: a storage section 15 storing an image unit list that manages image data, a template, and an image unit for displaying at least one or more image data by laying out on one screen; a display section 14; an operating section 13 that detects an operation performed by a user, including a touch operation on a screen of the display section 14; and a control section 17 that reads the image unit list from the storage section 15, reads image data and template stored in the storage section 15 for each image unit to lay out them, displays it on the display section 14, alters the layout of the image data in the image unit according to an operation detected by the operating section 13 to store the layout into the storage section 14, and controls the display of it on the display section 14. <P>COPYRIGHT: (C)2010,JPO&INPIT

Description

  The present invention relates to an image display device.

With the recent spread of digital cameras, demands and opportunities for individuals to view digital images are increasing. In response to this, new image appreciation methods unique to digital images are spreading in addition to conventional image appreciation methods for outputting images on paper media and enjoying them. As an example of this, a system called a slide show that sequentially displays a plurality of photos stored in advance by a user on a monitor has already been commercialized and is generally recognized. In addition, as a patent invention related to this system, an image display device that reproduces a plurality of images has been proposed (see, for example, Patent Document 1), and an image display device that edits images and additional information during image reproduction is also proposed. (For example, refer to Patent Document 2).
JP 7-77958 A JP 2007-96574 A

  However, in the conventional technology, an interactive operation such as resizing or rotating a specific image can be performed on a digital camera having a rear liquid crystal having a touch panel function by operating the rear liquid crystal during presentation presentation and dynamically selecting an image. There is a problem that it is not possible to dynamically change a template such as a background or a character font displayed on a display unit in an image display device that can display or display a plurality of images.

  The present invention has been made in view of such problems, and in a state where a digital image is displayed on a display unit such as a rear liquid crystal, the touch panel of the rear liquid crystal is dynamically operated to change the size and rotation of the display image. An object of the present invention is to provide an image display device capable of interactive operations such as changing the background and character font.

  In order to solve the above problems, an image display device according to the present invention lays out image data, at least one template used for layout of the image data, and at least one image data on one screen. From a storage unit that stores an image unit list for managing image units to be displayed, a display unit, an operation unit that detects a user operation including a touch operation on the screen of the display unit, and a storage unit The image unit list is read out, the image data and the template stored in the storage unit are read out for each image unit, the layout is performed and displayed on the display unit, and the image in the image unit according to the operation detected by the operation unit. A control unit that changes the data layout, stores the data in the storage unit, and controls display on the display unit.

  In such an image display device, the operation unit detects a touch operation of any one of a background change instruction, a font change instruction, a display size change instruction, a rotation angle change instruction, or a display image change instruction. Based on the touch operation detected by the operation unit, the background, character font, image data display size or rotation angle displayed on the display unit is changed, or the image data displayed on the display unit is stored in the storage unit. Preferably, the image data is changed to other image data and displayed on the display unit, and the changed image unit information is stored in the storage unit as an image unit list.

  In such an image display device, the operation unit detects a touch operation for deleting the image unit, and the control unit stores data of the image unit based on the touch operation for deletion of the image unit detected by the operation unit. It is preferably configured to be deleted from the image unit list.

  In addition, such an image display device further includes an external device connection unit that outputs a display image to a second display unit provided outside, and the control unit is the same as the display image displayed on the display unit. It is preferable that the display image is output to the external device connection unit and the same screen as the display unit is displayed on the second display unit.

  Furthermore, such an image display device includes an optical system and an imaging device that detects an image formed by the optical system, and an imaging unit that stores the image detected by the imaging device as image data in a storage unit. Furthermore, it is preferable to have.

  When the image display device according to the present invention is configured as described above, a digital image is displayed on a display unit such as a rear liquid crystal, and the touch panel of the rear liquid crystal is dynamically operated to change the size or rotation of the display image, the background, Interactive operations such as changing the character font are possible.

  Hereinafter, preferred embodiments of the present invention will be described with reference to the drawings. First, the configuration of an electronic camera 1 including an image display unit 2 will be described as an example of an image display device according to the present invention with reference to FIG. As shown in FIG. 1, the electronic camera 1 includes an imaging unit 10, a memory 11, an image processing unit 12, and an operation unit 13 in addition to the image display unit 2. The image display unit 2 includes a display unit 14 (first display unit), which is a rear liquid crystal having a touch panel function, a storage unit 15, and an external device connection unit 16 for connection to an external monitor 100 (second display unit). Each part is provided, and the control part 17 which controls each part is provided.

  Although not shown, the imaging unit 10 includes a photographic lens, an imaging device, an A / D conversion unit, and the like, and is configured to operate by a user operation. The operation unit 13 includes a release button and the like, and the operation state of the operation unit 13 is detected by the control unit 17. In the present embodiment, the touch panel function provided on the first display unit 14 is also included in the operation unit 13. Here, the 1st display part 14 is comprised with display apparatuses, such as a liquid crystal monitor (back surface liquid crystal), and displays each image data, a menu screen, etc. The storage unit 15 includes a memory card (not shown) and stores image data captured by the imaging unit 10 and its attribute information in association with each other, as well as a template, background color and character font data, and an image unit list. Various data such as a layout list are stored. The external device connection unit 16 is connected to an external monitor 100 such as a television monitor by wire or wireless, and exchanges various data including image data.

  When the user instructs the electronic camera 1 having the above-described configuration to photograph via the operation unit 13, the control unit 17 controls the operation of the imaging unit 10 to capture a subject image and generate image data. To be recorded in the memory 11. Then, the control unit 17 controls the image processing unit 12 to display the image data recorded in the memory 11 on the first display unit 14 and store the image data and its attribute information in association with each other in the storage unit 15. . Here, as the data structure of the image data stored in the storage unit 15, Exif (Exchangeable image file format) standardized by JEIDA is known.

  These image data are stored in the storage unit 15 by being automatically grouped for each type of person, landscape, etc., or for each shooting date and time, according to designation by the user or the function of the electronic camera 1. The storage unit 15 stores an image unit list for displaying a slide show on the display unit 14 and the external monitor 100 based on these image data. In the image unit list, image data included in a slide show to be displayed, an image arrangement direction (image direction), an image comment, a layout number, and the like are stored for each image unit. The layout number indicates the number of the layout list in which the layout method of each image unit is stored. Such an image unit corresponds to one slide in a slide show, and one image unit can include a plurality of pieces of image data, and each image unit can have a layout list. The layout list is a list in which layout methods such as the background color and font of the display screen, the display size of the displayed image data, the rotation angle, and the display order are stored. These lists are stored in the storage unit 15 so as to be editable by the user.

  The image unit list has a data structure 50 shown in FIG. 5, and includes a unit number area 51 in which the management number of the image unit is stored, a layout list number area 52 in which the layout list number is stored, and a management number of the image data. Is stored in the image number area 53, the image file name area 54 in which the file name of the image data is stored, and the image direction of the image data ("horizontal" is stored for landscape orientation, and "vertical" is stored for portrait orientation). Are stored in an image direction area 55 for storing the image, an image comment area 56 for storing comments on the image data, and the like. FIG. 5 shows a case where 1 to n image units are reproduced.

  The layout list has a data structure 60 shown in FIG. 6, and includes a layout number area 61 in which a layout management number is stored, a background color area 62 in which a slide background color is stored, and an image comment display. A font area 63 in which character fonts are stored, an image number area 64 in which image numbers are stored in association with the image number area 53 of the image unit, and a prescribed size of image data are stored (to be a reference for display on the screen) Specified size area 65 in which “Large” or “Small” is stored in size, a rotation angle area 66 in which a rotation angle is stored when an image is rotated and displayed in a desired direction, and image data is enlarged / reduced The enlargement / reduction ratio area 67 in which the enlargement / reduction ratio (1/2 times, 2 times, etc. is stored) with respect to the specified size when the image is displayed is stored, and the display order of the image data is stored And it is configured from a display order area 68 that. FIG. 6 shows a case where there is a layout method of 1 to m patterns. In each pattern, the layout of 10 images is stored, and up to 10 image data can be registered in each image unit. In the above storage area, a character string stored in the storage area is not limited to a character string, and may be configured to be expressed and stored as a numerical value or a symbol.

(Run slideshow)
Then, using the electronic camera 1 shown in FIG. 1, the image data recorded in the recording unit 15 is simultaneously displayed as a slide show on the first display unit 14 and the external monitor 100 as the second display unit. The operation of the image display unit 2 when dynamically changing the background, changing the font, changing the display size, changing the rotation angle, changing the display image, deleting the image unit, etc. will be described with reference to the flowcharts shown in FIGS. . For example, the slideshow start operation is performed by the imaging unit 10, and after the digital image is registered in the storage unit 15, the user operates the touch panel or the release button of the operation unit 13. It is executed at the detected timing.

  This slide show start instruction, background change instruction, font change instruction, display size change instruction, rotation angle change instruction, display image change instruction touch operation, etc., which will be described later, can be performed by touching or releasing the menu screen displayed on the touch panel. This is performed by the user operating the operation unit 13 such as pressing a button. These interactive operations are constantly monitored by the control unit 17, and the control unit 17 is configured to determine the type and state of the detected interactive operation and execute the instructed operation. . As described above, the electronic camera 1 according to the present embodiment is configured to be able to accept an interactive operation by the user during the execution of the slide show, and to execute the following processing according to the operation.

  When the above-described slide show start instruction is given, as shown in FIG. 2, first, in the image preparation process (step S10), the control unit 17 follows the image unit list prepared in advance and stored in the storage unit 15. For each unit number in the image unit list, preparation for display of the image data set in the image unit of the unit number is made. As described above, the image unit list corresponds to one slide in a slide show, and each image unit can have a layout list. For each image unit, the control unit 17 reads all the image data from the recording unit 15 based on the image file name set in the image unit, and acquires the image direction and the image comment of each image data. Also, when the layout list is read based on the layout list number of each image unit and the image data is arranged according to the background color, font, display order, etc. stored in the layout list, the specified size and enlargement / reduction ratio are used. Then, the image data is resized and image data is rotated based on the rotation angle to prepare the image before changing the layout. When the preparation of image data to be displayed on one image unit is completed, the process proceeds to the next layout process (step S20).

  In the layout process (step S20), the control unit 17 performs a layout of the plurality of image data prepared in step S10 according to the output size of the external monitor 100 according to the layout list layout method, and displays a display image (hereinafter referred to as “display image”). Display image may be referred to as an image). This layout is performed according to a predetermined template. A plurality of types of templates are prepared for each display number and display design such as two-sheet display and four-sheet display. Further, production information such as music, display time, display method, and the like may be set for each template. In this template, layout is performed by setting image data according to the display order, display size, and rotation angle, setting a background color acquired from the layout list, and setting an image comment according to the character font. When the image layout process is completed, the process proceeds to the next image resizing process (step S30).

  In the image resizing process (step S30), the control unit 17 simultaneously outputs a display image to the display unit 14 constituted by the rear liquid crystal and the external monitor 100 connected via the external device connection unit 16. In step S20, the display image (image) laid out in the output size of the external monitor 100 is prepared to be resized to the output size of the rear liquid crystal serving as the display unit 14.

  Next, in the display update process (step S40), the control unit 17 converts the image laid out for the external monitor 100 and the image resized to the output size of the rear liquid crystal serving as the display unit 14 into the external device connection unit 16. Are displayed on the external monitor 100 and the display unit (rear liquid crystal) 14 connected to each other. FIG. 7A shows an example of displaying an image on the display unit 14.

  Next, the editing process is executed (step S50). In this process, the control unit 17 determines whether there is a touch operation on the touch panel from the operation unit 13 and there is a layout change instruction. If there is a change instruction, the control unit 17 performs an editing process according to the change instruction. Details of the processing will be described later.

  Next, in the image unit deletion operation determination process (step S60), it is determined whether or not an operation for deleting the image unit being reproduced has been performed from the operation unit 13. If the deletion operation has been performed, the image unit deletion process ( Go to step S80). If the deletion operation has not been performed, the process proceeds to the image display completion determination process (step S70) in the next image unit.

  In the image display completion determination process (step S70) in the image unit, it is determined whether or not the display of all the image data in the image unit is completed. If complete, the reproduction completion determination process (step S90) for all the image units. Go to). On the other hand, when the display of all the image data in the image unit is not completed, the process returns to the layout process (step S20), the layout process is performed on the remaining image data in the image unit, and the subsequent processes are performed. Run sequentially.

  In the image unit deletion process (step S80), a process of deleting the data of the image unit being reproduced from the image unit list is performed. The deleted image unit is not played back as a slide show thereafter, but the image data is not deleted from the storage unit 15. Thereafter, the process proceeds to the reproduction completion determination process for all image units (step S90).

  In the reproduction completion determination process for all image units (step S90), it is determined whether slide reproduction has been completed for the image data of all the image units. If completed, the slide show ends. On the other hand, if not completed, the process returns to the image preparation process (step S10), and a series of processes are repeated until the reproduction of all the image data of all the image units is completed.

  Here, detailed processing of execution of editing processing (step S50) will be described with reference to flowcharts of FIGS. 3 and 4 and schematic diagrams of FIGS. In the following description, for convenience, the background change, the font change, and the image rotation / change are described in series in this order. However, these processes are actually not parallel processes but parallel processes. These processes are dynamically instructed on the operation unit 13, and any one of the processes is performed in accordance with the instruction.

  In the editing process execution (step S50), as shown in FIG. 3, in the background selection operation determination process (step S510), the control unit 17 determines whether or not a background selection operation has been performed via the operation unit 13. This determination is performed, for example, by detecting that the background portion or the character portion of the display unit 14 has been touched, as shown in FIG. As another different determination method, when the user touches an appropriate icon on the touch panel, a menu screen as shown in FIG. 11A is displayed on the display unit 14, and the user selects “background selection”. Alternatively, it may be determined that the background selection operation has been performed by detecting that “font change” has been touched. When detecting the background selection operation, the control unit 17 proceeds to the background color conversion mode transition determination process (step S515). If the background selection operation has not been performed, the process proceeds to image data change processing (step S550).

  In the background color conversion mode transition determination process (step S515), it is determined whether or not to shift to the background color change mode. For example, when a background portion touch operation is detected in step S510, or when a “background selection” touch operation is detected on the menu screen shown in FIG. 11A, the transition to the background color change mode is performed. It determines with having been selected, and progresses to a background color change process (step S520). On the other hand, when these touch operations are not performed, it is determined that the background color is not changed, and the process proceeds to the font change mode determination process (step S530).

  In the background color change process (step S520), the control unit 17 performs a process of changing the background color. The selection of the background color to be changed is performed, for example, as shown in FIG. 11B when the “background color selection menu” is displayed on the display unit 14 and the user touches one of the background colors. When the background color is selected, the control unit 17 displays the image updated to the background color selected by the user on the display unit 14 and the external monitor 100 in the background color update process (step S525). FIG. 7B shows a state where the image after the background color is updated is displayed on the display unit 14. Once the background color has been updated, the process proceeds to a change state saving process (step S570).

  On the other hand, in the font change mode determination process (step S530), it is determined whether or not to shift to the font change mode. For example, when a touch operation on a character part (image comment or the like) is detected in step S510, or when “font change” is touched on the selection menu shown in FIG. Is selected, and the flow advances to font change processing (step S535). On the other hand, when these touch operations are not performed, the process proceeds to an image data change process (step S550).

  In the font change process (step S535), a process of changing the font of characters such as image comments displayed on the screen is performed. For example, as shown in FIG. 11C, the font to be changed is displayed when a “font selection menu” is displayed on the display unit 14 and the user touches one of the fonts. When a font is selected, the control unit 17 displays an image in which an image comment or the like is updated to the font selected by the user on the display unit 14 and the external monitor 100 in the font update process (step S535). FIG. 7C shows a state in which the image after the font of the image comment is updated is displayed on the display unit 14. Once the font of the image comment has been updated, the process proceeds to a change state saving process (step S570).

  In the change state saving process (step S570), the background color or font data changed as described above is set in the layout list, and is written into the storage unit 15 and updated. Thereby, the editing process execution (step S50) ends, and the process transitions to the image unit deletion process (step S60).

  Details of the image data change process (step S550) will be described with reference to the flowchart of FIG. First, the control unit 17 determines whether an image selection operation has been performed via the operation unit 13. This determination is performed, for example, by detecting that any image data portion displayed on the display unit 14 is touched, as shown in FIG. As another different determination method, when the user touches an appropriate icon on the touch panel, a menu screen as shown in FIG. 11A is displayed on the display unit 14, and the user selects “rotate”, It may be determined that an image selection operation has been performed by detecting that “Resize” or “Image replacement” has been touched. When detecting this image selection operation, the control unit 17 proceeds to an image rotation mode transition determination process (step S552). If no image selection operation has been performed, the image data change process (step S550) is terminated.

  In the image rotation mode transition determination process (step S552), it is determined whether or not to shift to the image rotation mode. For example, by detecting that the user has touched “rotate” on the menu screen shown in FIG. 11A, it is determined that the transition to the image rotation mode has been selected, and the process proceeds to the image rotation process (step S553). . If “rotate” is not touched, the process proceeds to the image resizing mode determination process (step S555).

  In the image rotation process (step S553), a process of changing the rotation angle of the image data is performed. For example, as shown in FIG. 8A, when the user touches an image whose rotation angle is to be changed on the display unit 14, rectangles are displayed at the four corners of the image as shown in FIG. 8B. Then, as shown in FIG. 8C, the user rotates the image by sliding in the desired rotation direction while touching the rectangular area. When this rotation operation is performed, the control unit 17 displays the updated screen on the display unit 14 and the external monitor 100 in the image rotation update process (step S554). FIG. 8D shows a state in which images whose rotation angles are updated for the three images are displayed on the display unit 4. If the image which updated the rotation angle is displayed, it will progress to a change state preservation | save process (step S562) next.

  In the image resizing mode transition determination process (step S555), it is determined whether or not to transition to the image resizing mode. For example, by detecting that the user has touched “Resize” on the menu screen shown in FIG. 11A, it is determined that the transition to the image resize mode has been selected, and the process proceeds to the image resize process (step S556). . If “Resize” is not touched, the process proceeds to the image replacement mode transition determination process (step S558).

  In the image resizing process (step S556), a process of changing the display size of the image data is performed. For example, as shown in FIG. 9A, when the user touches an image whose size is to be changed on the display unit 14, rectangles are displayed at the four corners of the image as shown in FIG. 9B. Next, as shown in FIG. 9C, the user resizes the image by sliding in the enlargement direction or reduction direction while touching the rectangular area. When this image resizing operation is performed, the control unit 17 displays the image updated to the resized layout on the display unit 14 and the external monitor 100 in the image resizing update process (step S557). FIG. 9D shows a state in which the images after the display sizes of the three images are updated are displayed on the display unit 14. When the image with the updated display size is displayed, the process proceeds to the change state saving process (step S562).

  In the image replacement mode transition determination process (step S558), it is determined whether or not to shift to the image replacement mode. For example, by detecting that the user has touched “image replacement” on the menu screen shown in FIG. 11A, it is determined that the transition to the image replacement mode has been selected, and replacement image selection processing (step S559). Proceed to If “image replacement” is not touched, the image data change process (step S550) is terminated.

  In the replacement image selection process (step S559), a process of replacing the image data with another image data is performed. For example, as shown in FIG. 10 (a), when the user touches an image that the user wants to replace on the display unit 14, the control unit 17 stores all the information stored in the storage unit 15 as shown in FIG. 10 (b). A list of the image data is displayed on the display unit 14. The user touches and selects an image to be replaced from these. FIG. 10B shows a state where image 2 is selected. The list of image data is configured such that all the image data in the storage unit 15 can be browsed by touching the page feed button 200 and the page return button 210 and performing page feed and return operations. ing. When the image to be replaced is selected, the control unit 17 performs a replacement process between the image and the original image in the image replacement process (step S560), and displays the display unit 14 in the replacement image update process (step S561). And the external monitor 100 display an image obtained by replacing the images. FIG. 10C shows a state in which the image after the image replacement is displayed on the display unit 14. If the image which replaced the image is displayed, it will progress to a change state preservation | save process (step S562).

  In the change state saving process (step S562), the data such as the display size, the rotation angle, and the file name of the replaced image set as described above are set in the layout list and the image unit list, and written into the storage unit 15 to be updated. . Thereby, the image data changing process (step S550) is completed.

  In the present embodiment, an example in which a plurality of pieces of image data are included in one image unit has been described. However, the present invention is not limited to this, and only one piece of image data is included in one image unit. The present invention can be applied in the same way even when the is included. In the above embodiment, the electronic camera 1 provided with the image display unit 2 according to the present invention has been described as an example. However, the image data stored in the image display unit 2 is not provided without the imaging unit 10. It is also possible to configure as an image display device that performs a slide show display.

It is explanatory drawing which shows the structure of the electronic camera which concerns on this invention. It is a flowchart which shows the process by the image display apparatus at the time of performing a slide show using the said electronic camera. It is a flowchart which shows the detail of the process of an edit process execution. It is a flowchart which shows the detail of an image data change process. It is explanatory drawing for demonstrating the data structure of an image unit list | wrist. It is explanatory drawing for demonstrating the data structure of a layout list. It is a screen figure for demonstrating the outline | summary of a background color change and a font change process, (a) shows the state before the change and the background color change was instruct | indicated, (b) has changed the background color The state shows a state in which the font change is instructed, and (c) shows the state in which the font is changed. FIG. 5 is an explanatory diagram for explaining image rotation processing, where (a) shows a state before the change and an instruction to rotate the image is shown, and (b) shows rectangles at the four corners of the rotating image. (C) shows a state in which the rotation angle of the image has been changed, and (d) shows a state in which the rotation angles of all the images have been changed. FIG. 5 is an explanatory diagram for explaining image resizing processing, where (a) shows a state before change and an instruction to resize the image is shown, and (b) shows rectangles at the four corners of the image to be resized. (C) shows a state where the image is resized, and (d) shows a state where all the images are resized. It is explanatory drawing for demonstrating the replacement | exchange process of an image, (a) shows the state before the change and the image to replace is instruct | indicated, (b) shows the state by which the image list of replacement destination was displayed. , (C) shows a state where the images are replaced. It is explanatory drawing for demonstrating the menu screen displayed on a display part, (a) is an example of the menu screen for selecting various change processes, (b) is an example of the selection menu screen of a background color. (C) is an example of a font selection menu screen.

Explanation of symbols

1 Electronic camera (image display device)
DESCRIPTION OF SYMBOLS 10 Imaging part 13 Operation part 14 Display part 15 Memory | storage part 16 External apparatus connection part 17 Control part 100 External monitor (2nd display part)

Claims (5)

Image data, at least one template used for layout of the image data, and an image unit list for managing image units for laying out and displaying at least one image data on one screen are stored. A storage unit to
A display unit;
An operation unit for detecting an operation by a user including a touch operation on the screen of the display unit;
The image unit list is read out from the storage unit, and the image data and the template stored in the storage unit are read out for each image unit, layout is performed, displayed on the display unit, and the operation unit. An image display apparatus comprising: a control unit that changes a layout of the image data in the image unit in accordance with the detected operation, stores the image data in the storage unit, and controls display on the display unit. The operation unit is
Detecting any touch operation of a background change instruction, a font change instruction, a display size change instruction, a rotation angle change instruction, or a display image change instruction;
The controller is
Based on the touch operation detected by the operation unit, the background, character font, display size of image data, or rotation angle displayed on the display unit is changed, or the display unit displays the display unit. The image data is changed to other image data of the storage unit and displayed on the display unit, and the changed information of the image unit is stored in the storage unit as the image unit list. 2. The image display device according to 1. The operation unit is
Detect touch operation of image unit deletion,
The controller is
3. The image display device according to claim 1, wherein data of the image unit is deleted from the image unit list based on a touch operation for deleting the image unit detected by the operation unit. An external device connection unit that outputs a display image to a second display unit provided outside;
The control unit outputs the same display image as the display image displayed on the display unit to the external device connection unit, and displays the same screen as the display unit on the second display unit. The image display apparatus as described in any one of Claims 1-3 comprised.   5. The image processing device according to claim 1, further comprising: an optical system and an image sensor that detects an image formed by the optical system, and further storing an image detected by the image sensor in the storage unit as the image data. The image display device according to claim 1.

Images