JP2012248034A - Portable terminal device, program, and display control method - Google Patents

Abstract

Provided is a portable terminal device that can easily recognize a portion to be edited in an entire image even during the editing operation.
A cellular phone 1 includes a first touch panel 11 having a first display surface 14, a second touch panel 21 having a second display surface 24, and a second touch sensor 23 that receives an input to the second display surface 24. The CPU 100 that controls the first touch panel 11 and the second touch panel 21 is provided. The CPU 100 displays the first image 401 on the first display surface 14, displays the second image 402 including at least a part of the first image 401 on the second display surface 24, and further displays the second image 402 on the first image 401. One area 701 is displayed, and a second area 702 corresponding to the first area 701 is displayed on the second image 402. When the input for changing the display of the second area 702 is received by the second touch sensor 23, the CPU 100 changes the display of the second area 702 and the first area 701 based on the input.
[Selection] Figure 4

Description

  The present invention relates to a portable terminal device such as a mobile phone, a PDA (Personal Digital Assistant), a tablet PC (Tablet PC), an electronic book terminal, and a portable game machine.

  Conventionally, a display surface for displaying various types of information is provided in the mobile terminal device. In addition to moving images, still images such as photographs, web pages, and text images are displayed on the display surface. In such a portable terminal device, a function for performing predetermined editing on an image displayed on the display surface can be added (see, for example, Patent Document 1). Using such a function, predetermined editing can be performed on an image such as a photograph.

JP 2004-021440 A

  In the portable terminal device, for example, an operation of enlarging a displayed image can be performed during editing. When the image is enlarged, it becomes easier to grasp details. However, when the image is enlarged, the entire image is not displayed on the display surface. For this reason, the user cannot confirm which part of the entire image is the target part of the editing work. In this case, the user must perform an operation for reducing the image, and for this reason, the editing operation needs to be temporarily interrupted.

  The present invention has been made in view of such problems, and provides a mobile terminal device that allows a user to easily recognize which part of an entire image is a target of editing work even during editing work. The purpose is to do.

  A portable terminal device according to a first aspect of the present invention includes a first display unit having a first display surface, a second display unit having a second display surface, and an input receiving unit that receives an input to the second display surface. And a control unit that controls the first display unit and the second display unit. Here, the control unit displays a first image on the first display surface, displays a second image including at least a part of the first image on the second display surface, and further displays the first image. A process of displaying the first area on the image and displaying the second area corresponding to the first area on the second image, and an input for changing the display of the second area by the input receiving unit. If accepted, a process of changing the display of the second area and the first area is executed based on the input.

  In the mobile terminal device according to the present invention, the input for changing the display may include an input for moving a position of the second region.

  In the mobile terminal device according to the present invention, the control unit displays a first frame indicating the boundary of the first region so as to overlap the first image and displays a second frame indicating the boundary of the second region. It can be displayed overlaid on the second image.

  In the mobile terminal device according to the present invention, when the input receiving unit receives an input for changing the shape of the second region, the control unit receives the first region and the second region according to the received input. Can be transformed.

  In the mobile terminal device according to the present invention, when the input receiving unit receives an input for applying a predetermined image effect, the control unit receives at least the second region image according to the received input. Image effects can be applied.

  The mobile terminal device according to the present invention may further include an image registration unit for registering the image of the second area in association with various functions of the mobile terminal device. In this case, the control unit sets the shape and size of the second region according to the function selected in the registration.

  The mobile terminal device according to the present invention may further include another input receiving unit that receives an input to the first display surface. In this case, when the other input receiving unit receives an input for moving the first region, the control unit moves the first region on the first image according to the input. At the same time, the second area is moved on the second image based on the movement of the first area.

  In the portable terminal device according to the present invention, when an area on the second image is designated by an input to the input receiving unit, the control unit, based on the input, The second area may be displayed on the first display surface and the second display surface, respectively.

  A program according to a second aspect of the present invention includes a first display unit having a first display surface, a second display unit having a second display surface, an input receiving unit that receives an input to the second display surface, Displaying a first image on the first display surface, a second image including at least a part of the first image on the second display surface, and further displaying the first image on a computer of a mobile terminal device comprising: A function for displaying the first area on one image and displaying the second area corresponding to the first area on the second image, and an input for changing the display of the second area by the input receiving unit. Is received, the function of changing the display of the second area and the first area based on the input is provided.

  According to a third aspect of the present invention, there is provided a first display unit having a first display surface, a second display unit having a second display surface, an input receiving unit for receiving an input to the second display surface, and the first The present invention relates to a display control method for a portable terminal device, comprising: a control unit that controls a display unit and the second display unit. The display control method according to this aspect displays a first image on the first display surface, displays a second image including at least a part of the first image on the second display surface, and further Displaying a first area on one image and displaying a second area corresponding to the first area on the second image; and an input for changing the display of the second area by the input receiving unit. Is received, the step of changing the display of the second area and the first area based on the input is included.

  According to the present invention, it is possible to provide a portable terminal device that allows a user to easily recognize which part of an entire image is an object of editing work even during editing work.

  The effects and significance of the present invention will become more apparent from the following description of embodiments. However, the following embodiment is merely an example when the present invention is implemented, and the present invention is not limited to what is described in the following embodiment.

It is a figure which shows the structure of the mobile phone of the closed state and open state which concern on embodiment. It is a figure which shows the external appearance structure of the mobile phone of the tilted state which concerns on embodiment. It is a figure explaining a mode that the mobile telephone which concerns on embodiment is deform | transformed from a closed state to an open state. It is a block diagram which shows the whole structure of the mobile telephone which concerns on embodiment. It is a flowchart which shows the image edit process which concerns on an Example. It is a figure which shows the list screen which concerns on an Example, and the selection screen of an editing method. It is a flowchart which shows the process for image cutting which concerns on an Example. It is a figure which shows the initial screen of the image cutting process which concerns on an Example. It is a figure which shows the example of a frame update in the image cutting process which concerns on an Example. It is a figure which shows the example of a frame update in the image cutting process which concerns on an Example. It is a figure which shows the preservation | save operation | movement of the image in the image cutting process which concerns on an Example. It is a figure which shows the example of a frame update in the image cutting process which concerns on an Example. It is a figure which shows the example of a frame update in the image cutting process which concerns on an Example. It is a figure which shows the example of a frame update in the image cutting process which concerns on an Example. It is a figure which shows the change operation of the frame in the image cutting process which concerns on an Example. It is a figure which shows the example of a change of the frame in the cutting process of the image which concerns on an Example. It is a figure which shows the example of the update of the frame in the cutting process of the image which concerns on an Example. It is a figure which shows the example of the update of the frame in the cutting process of the image which concerns on an Example. It is a flowchart which shows the process for the process of the image which concerns on an Example. It is a figure which shows the example of a frame update in the process of the image which concerns on an Example. It is a figure which shows the setting operation of the image effect in the image process which concerns on an Example. It is a figure which shows the example of a change of the frame in the process of the image which concerns on an Example. It is a flowchart which shows the process for setting an image with respect to the screen which concerns on an Example. It is a figure which shows the update operation of the frame in the image setting process which concerns on an Example. It is a figure which shows the example of a frame update in the image setting process which concerns on an Example. It is a figure which shows selection operation of the setting place in the image setting process which concerns on an Example. It is a figure which shows the example of a display in the image setting process which concerns on an Example, and the example of a screen display at the time of mail arrival. It is a figure which shows the change operation of the setting place in the image setting process which concerns on an Example. It is a figure which shows the example in which a frame is displayed based on the input which designates the area | region which concerns on the example of a change. It is a figure which shows the update example of the frame which concerns on the example of a change. It is a figure which shows the example of a display of the frame which concerns on the example of a change. It is a figure which shows the identification method of the area | region which concerns on the example of a change. It is a figure which shows the example of a display of the 1st area | region and 2nd area | region which concern on the example of a change. It is a figure which shows the example of an update of the frame based on operation for the movement of the 1st area | region which concerns on the example of a change.

  Hereinafter, a mobile phone according to an embodiment of the present invention will be described.

<Configuration of mobile phone>
FIGS. 1A and 1B and FIGS. 2A and 2B are diagrams showing the configuration of the mobile phone 1 according to the embodiment. FIG. 1A is a diagram illustrating a configuration of the cellular phone 1 in a closed state. FIG. 1B is a diagram showing the configuration of the mobile phone 1 in the open state. 2A and 2B are diagrams showing the configuration of the mobile phone 1 in the tilted state.

In the following description, the “closed state” is a state in which the first cabinet 10 is superimposed on the front surface of the second cabinet 20 as shown in FIG. In the “open state”, as shown in FIG. 1B, the first cabinet 10 is arranged on the upper side of the second cabinet 20, and the front surface of the first cabinet 10 and the front surface of the second cabinet 20 are flush with each other. This is the state. The “tilt state” is a state in which the first cabinet 10 is tilted forward by a predetermined angle from the open state, as shown in FIGS.

  Referring to FIGS. 1A and 1B, the mobile phone 1 includes a first cabinet 10, a second cabinet 20, and a connecting portion 30 that connects the first and second cabinets 10 and 20. Has been.

  The first cabinet 10 has a flat rectangular parallelepiped shape that is long in the left-right direction. A first touch panel 11 is arranged in the first cabinet 10. The first touch panel 11 includes a first display 12 and a first touch sensor 13.

  The first touch sensor 13 is arranged so as to cover the display area of the first display 12. The first touch sensor 13 is made of a transparent sheet-like member. When a backlight (not shown) provided in the first display 12 is turned on, the first screen displayed in the display area of the first display 12 can be browsed via the first touch sensor 13. That is, the front surface of the first touch sensor 13 is a display surface (hereinafter referred to as “first display surface 14”).

  The first touch sensor 13 detects contact with the first display surface 14 and outputs a position signal corresponding to the contact position. In the following description, “touch” refers to touching the display surface (first display surface 14, second display surface 24) with a contact member such as a finger or a pen. Note that operations that the user touches the display surface, including operations such as “tap”, “long tap”, “slide”, and “flick” described later, are collectively referred to as “touch”.

  “Touch” is performed when the user presses the display surface with the contact member, strokes, or draws a figure or a character on the display surface. “Tap” means that the contact member is touched at a position on the display surface so that the contact member hits the display surface and released within a predetermined time. “Long tap” refers to an operation in which the user keeps touching the same position on the display surface with a contact member for a predetermined time (longer time than the tap) or longer. “Slide” refers to an operation in which the user moves the contact member while being in contact with the display surface. The “flick” is an operation in which the user flips the display surface quickly with the contact member, and refers to an operation of moving the contact member over a predetermined distance within a predetermined time while being in contact with the display surface.

  Three touch keys 15 such as a home key, a launcher key, and a back key are arranged on the right side of the first display surface 14 on the surface of the first cabinet 10. The touch key 15 is, for example, an electrostatic touch key. The touch key 15 detects the contact of the contact member with the touch key 15 and outputs a detection signal.

  The microphone 17 and the speaker 18 are built in the first cabinet 10. The microphone 17 converts the collected sound into a sound signal and outputs it to a sound encoder (described later). The speaker 18 outputs sound based on a signal input from an audio decoder (described later).

  The second cabinet 20 has a flat rectangular parallelepiped shape that is long in the left-right direction. A second touch panel 21 is disposed on the second cabinet 20. The second touch panel 21 includes a second display 22 and a second touch sensor 23. Similar to the first touch panel 11, the front surface of the second touch sensor 23 serves as a display surface (hereinafter referred to as “second display surface 24”), and a second screen is displayed on the second display surface 14. The configurations of the second display 22 and the second touch sensor 23 are the same as those of the first display 12 and the first touch sensor 13.

  Three touch keys 25 such as a home key, a launcher key, and a back key are arranged on the right side of the second display surface 24 on the surface of the second cabinet 20. The touch key 25 is, for example, an electrostatic touch key. The touch key 25 detects the contact of the contact member with the touch key 25 and outputs a detection signal.

  A key 26 is disposed on the lower side surface of the second cabinet 20. The key 26 is a key for increasing and decreasing the volume of the reproduced sound.

  In the closed state, only the first display surface 14 of the first display surface 14 and the second display surface 24 faces the outside. At this time, the second display surface 24 is arranged behind the first cabinet 10 and does not face the outside. In the open state and the tilted state, both the first display surface 14 and the second display surface 24 face the outside.

  In the open state, the distance between the lower boundary of the first display surface 14 and the upper boundary of the second display surface 24 is small (several millimeters). For this reason, the user can recognize the first display surface 14 and the second display surface 24 in the open state as one integrated display surface.

  Referring to FIGS. 2A and 2B, the connecting portion 30 includes a central frame portion 31, a first right frame portion 32, a first left frame portion 33, a second right frame portion 34, and a second left frame portion. 35. The center frame part 31 has a shape extending left and right. The right end of the central frame portion 31 is connected to one end of the first right frame portion 32 and one end of the second right frame portion 34. The left end of the center frame portion 31 is connected to one end of the first left frame portion 33 and one end of the second left frame portion 35.

  The first right frame portion 32 and the first left frame portion 33 each have an axis (not shown) extending in the left-right direction. This shaft is sandwiched between the illustrated groove portions 16. Since these shafts are held by the first cabinet 10 so as to be movable along the groove portion 16, the first cabinet 10 can be rotated around an axis parallel to the horizontal direction and can be slid in the vertical direction. The first right frame portion 32 and the first left frame portion 33 are held.

  The second right frame portion 34 and the second left frame portion 35 hold the second cabinet 20 so as to be rotatable about the left-right direction as an axis. Thus, the 1st and 2nd touch panels 11 and 21 are supported by the connection part 30 via the 1st and 2nd cabinets 10 and 20 so that switching between an open state and a closed state is possible.

  FIGS. 3A to 3F show the process in which the mobile phone 1 is transitioned from the open state (FIG. 3A) to the closed state (FIG. 3F) from the right side of the mobile phone 1. FIG. The user can deform the mobile phone 1 from the closed state to the open state through the tilt state (FIG. 3D) and from the open state to the closed state through the tilt state.

  When the mobile phone 1 is in the closed state (FIG. 3A), when the first cabinet 10 is moved forward (in the direction of the broken arrow), the rear surface of the first cabinet 10 is separated from the second cabinet 20 ( FIG. 3 (b)). When the first cabinet 10 is further rotated forward and rotated downward (broken arrow direction), the first cabinet 10 and the connecting portion 30 are arranged as shown in FIG.

  In the state of FIG. 3C, the first cabinet 10 is further rotated in the direction of the broken line arrow until the lower rear surface of the first cabinet 10 contacts the connecting portion 30, and the connecting portion 30 is further rotated in the clockwise direction (solid line). When rotated in the direction of the arrow, the mobile phone 1 reaches the tilted state shown in FIG.

  When the connecting portion 30 is rotated in the clockwise direction (see the broken line arrow) while the lower side of the rear surface of the first cabinet 10 is kept in contact with the connecting portion 30 in the tilted state, the mobile phone 1 is The state shown in FIG. That is, the first display surface 14 and the second display surface 24 are substantially one surface.

  In the state shown in FIG. 3 (e), a gap (several millimeters) exists between the first cabinet 10 and the second cabinet 20. When the first cabinet 10 is slid downward with respect to the second cabinet 20 (see the one-dot chain line arrow), the mobile phone 1 reaches an open state as shown in FIG. At this time, the lower surface of the first cabinet 10 and the upper surface of the second cabinet 20 are in contact with each other.

  The connecting portion 30 is in the tilted state, that is, when the first right frame portion 32 and the first left frame portion 33 and the second cabinet 20 form a predetermined obtuse angle (for example, hundreds of degrees). It has a structure for locking 30 rotations weakly. Since the rotation is thus weakly locked, the user can use the mobile phone 1 while maintaining the tilted state, and can easily change the tilted state to the open state or the closed state. it can.

  FIG. 4 is a block diagram showing the overall configuration of the mobile phone 1. The cellular phone 1 according to the present embodiment includes a CPU 100, a memory 200, a camera module 301, an audio encoder 302, a key input circuit 303, a communication module 304, a video decoder 305, an audio decoder 306, and an open / close sensor in addition to the above-described components. 307 and an acceleration sensor 308.

  The camera module 301 is built in the second cabinet 20 and has a lens window (not shown) that faces the outside from the back surface of the second cabinet 20. The camera module 301 outputs an imaging signal generated by imaging to the CPU 100.

  The audio encoder 302 converts the analog audio signal from the microphone 17 into a digital audio signal, and outputs the converted digital audio signal to the CPU 100.

  The key input circuit 303 outputs a signal corresponding to the pressed key to the CPU 100 when each of the touch keys 15 and 25 and the key 26 is pressed.

  The communication module 304 includes an antenna (not shown) that transmits and receives radio waves for calls and communications. The communication module 304 converts a signal input from the CPU 100 into a radio signal and transmits it to the base station via the antenna. The communication module 304 converts the radio signal received via the antenna into a signal in a format that can be used by the CPU 100, and outputs the converted signal to the CPU 100.

  The video decoder 305 decodes the image signal from the CPU 100 and outputs the decoded signal to the first display 12 and the second display 22. The first display 12 and the second display 22 generate a drive signal from the signal from the video decoder 305, and send the generated drive signal to a liquid crystal panel (not shown) provided in the first display 12 and the second display 22. Output each. Each liquid crystal panel draws the first screen and the second screen according to the input drive signal. When the backlight is turned on and the screen drawn on the liquid crystal panel is displayed, the user views the displayed first screen and second screen via the first display surface 14 and the second display surface 24. be able to.

  The audio decoder 306 performs decoding processing and D / A conversion on the sound signal from the CPU 100, and outputs the converted signal to the speaker 18.

  The open / close sensor 307 detects an angle of the connecting portion 30 with respect to the second cabinet 20. The open / close sensor 307 includes an angle sensor that detects an angle formed by the second cabinet 20 and the connecting unit 30, and outputs a digital signal corresponding to the detected angle to the CPU 100. Based on the signal from the open / close sensor 307, the CPU 100 determines whether the arrangement state of the first cabinet 10 and the second cabinet 20 (hereinafter referred to as “screen state”) is an open state, a closed state, or a tilt state. Is detected.

  The screen state may be detected by means other than the angle sensor. For example, a magnetic sensor can be utilized for detection of the screen state. In this case, for example, a magnetic sensor is arranged in the second cabinet 20, and a magnet is arranged in the first cabinet 10 or the connecting portion 30. The open / close sensor 307 outputs a signal for the CPU 100 to detect the open / closed state to the CPU 100 based on the magnetic sensor detecting different magnetic forces depending on the screen state.

  The acceleration sensor 308 detects acceleration applied to the mobile phone 1. The acceleration sensor 308 is a three-axis acceleration sensor, and detects acceleration generated in the three directions of the X-axis direction, the Y-axis direction, and the Z-axis direction in FIG. The acceleration sensor 308 outputs an acceleration signal corresponding to the detected acceleration to the CPU 100.

  The memory 200 includes a ROM and a RAM. The memory 200 stores a control program for giving a control function to the CPU 100. Various applications are stored in the memory 200. Executing these applications allows you to view images, edit images such as cropping and processing, e-mail, phone calls, web browsers, camera functions, music players, predetermined messages when receiving mail or receiving voice calls (phone calls), etc. And a notification function for displaying the image and notifying the user. Details of the image editing and notification function will be described later.

  When the CPU 100 executes a control program and various applications, the memory 200 is also used as a working memory. For example, at the time of image editing, the memory 200 stores data for designating the position, size, shape, etc. of the region currently being edited from among the images displayed on the display surface.

  The CPU 100, based on the operation input signals from the key input circuit 303 and the touch sensors 13 and 23, according to the control program, the camera module 301, the microphone 17, the communication module 304, the first and second displays 12, 22, the speaker 18, etc. To work. As a result, the CPU 100 executes various applications.

<Example>
Hereinafter, processing performed by the CPU 100 during image editing will be described. In this embodiment, the image editing process is performed when the screen state is the open state or the tilt state.

  FIG. 5 is a flowchart showing processing at the start of editing. FIG. 6A is a diagram illustrating a display example of a screen at the start of editing. FIG. 6B is a diagram illustrating a display example of an image editing method selection screen.

In step S101, the CPU 100 displays the list screen 501 on the second display surface 24 as shown in FIG. The list screen 501 includes thumbnails TH01 to TH12 of 12 images. When any of the thumbnails TH01 to TH12 is tapped, the CPU 100 highlights the tapped thumbnail and displays a corresponding image (hereinafter referred to as “first image”) 401 on the first display surface 14. . In the example of FIG. 6A, the thumbnail TH09 is highlighted and the corresponding image is displayed on the first display surface 14 as the first image 401. In this display example, the first image 401 includes a person A and a person B, and a background made up of trees, mountains, and the like.

  After displaying the list screen 501 and the first image 401 in this way, the CPU 100 accepts an input for selecting an image to be edited (S102). When any thumbnail on the list screen 501 is double-tapped, the CPU 100 determines that an image corresponding to the double-tapped thumbnail has been selected as an editing target. For example, when the thumbnail TH09 is double-tapped, the CPU 100 determines that the first image 401 displayed on the first display surface 14 is selected as an editing target.

  The operation for selecting the image to be edited is not limited to a double tap operation, and may be another operation. For example, the operation for selecting an image to be edited may be tapping a thumbnail, sliding a thumbnail on the other screen, or flicking.

  When the selection input is received, the CPU 100 displays an image editing method selection screen 502 including three buttons 502 a to 502 c on the second display surface 24 as shown in FIG. The buttons 502a to 502c are buttons for selecting “Cut image”, “Process image”, and “Set image”, respectively.

  After the selection screen is displayed, the CPU 100 receives an input for selecting an editing method for the image to be edited (S103), and determines which of the buttons 502a to 502c has been selected (tapped) (S104). Then, the CPU 100 proceeds to processing S105 to S107 according to the selected button.

  When “Crop Image” is selected, a process for cutting (trimming) the image is executed. When “image processing” is selected, processing for applying a predetermined processing to the image and saving it is executed. When “screen setting” is selected, an image is cut, and a process for setting the cut image to be displayed when a predetermined function is executed is executed. Hereinafter, these three processes will be described in order.

<Crop image>
FIG. 7A is a flowchart showing an image cutting process when the button 502a (cut image) is selected. FIG. 7B is a flowchart showing a process for changing the shape of the cut target area. FIG. 8A to FIG. 18B are diagrams showing display examples of screens during the image cutting process. FIG. 8A shows a state in which the user has selected the button 502a in FIG.

  When the button 502a is selected, the CPU 100 displays the same image (second image) 402 as the first image on the second display surface 24 as shown in FIG. 8B in step S111 of FIG. 7A. Further, a first frame 601 and a second frame 602 are displayed on the first display surface 14 and the second display surface 24, respectively. A first area 701 and a second area 702 surrounded by a first frame 601 and a second frame 602 are set in the first image 401 and the second image 402, respectively. As shown in FIG. 8B, the first frame 601 and the second frame 602 are set at the centers of the first image 401 and the second image 402, respectively, and are rectangular with a predetermined size. The position, size, and shape of the first frame 601 on the first image 401 are the same as the position, size, and shape of the first frame 602 on the second image 402.

The second image 402 is used as an image for editing to adjust the cut-out area (second area). The first image 401 is located at which position on the first image 401 the cut-out area (second area) is. Used to check if it exists. The user can appropriately specify the position, size, and shape of the second frame 602 (second region 702) by inputting to the second display surface 24.

  In the upper left of the first and second display surfaces 14 and 24 in FIG. 8B, the characters “entire screen” and “edit screen” are displayed for notification of the usage of the first and second images 401 and 402, respectively. It is displayed. Such display for notification is canceled when a predetermined operation for adjusting the cut-out area is performed.

  The display for such notification may be configured to be canceled at a timing such as when a predetermined time has elapsed or when an enlargement operation is performed, in addition to the adjustment timing of the cut-out area, or It may be configured to be always displayed or not always displayed.

  In addition, a configuration may be adopted in which buttons or the like for a predetermined operation related to image editing are displayed at predetermined positions on the first or second image 401 or 402. For example, as shown in FIG. 8B (see the button drawn by the broken line at the lower right of the second display surface 24), a button for cutting and saving the image (see S117 described later) is displayed. Can be taken. Such an image such as a button may be always displayed or not always displayed. Alternatively, an image such as a button may be configured to be switched between display and non-display at a predetermined timing.

  In step S <b> 112 of FIG. 7A, the CPU 100 accepts an input specifying the second area 702. When there is a designation input for the second area 702, the CPU 100 updates the position, size, and shape of the second frame 602 (second area 702) according to the designation input (S114). Furthermore, the CPU 100 updates the position, size, and shape of the first frame 601 (first region 701) in accordance with the update of the second frame 602 (second region 702) (S115). The position, size, and shape of the updated first frame 601 on the first image 401 are the same as the position, size, and shape of the updated second frame 602 on the second image 402.

  For example, as shown in FIG. 9A, when the user's finger touches the vicinity of the lower right vertex of the second frame 602 and the slide operation is performed so that the position of this touch moves in the direction of the white arrow. As shown in FIG. 9B, the second frame 602 is updated, and the first frame 601 is updated accordingly. In this case, the CPU 100 reduces the second frame 602 so that the position of the lower right vertex of the second frame 602 matches the end point position of the slide locus (see the region in the broken line frame in FIG. 9A). In response to this, the first frame 601 is reduced. In this case, the position of the upper left vertex of the first frame 601 and the second frame 602 does not change before and after the setting. As a result, on the first display surface 14 and the second display surface 24, the first frame 601 and the second frame 602 that surround the person B in the approximate center are displayed.

  Note that the positions and sizes of the first frame 601 and the second frame 602 are managed by coordinates on a full-size image. In the present embodiment, the first image 401 is a full-size image. The CPU 100 sets the first frame 601 and the second frame 602 so that the first frame 601 and the second frame 602 have the same coordinate position on the full-size image. The deformation of the second frame 602 in FIG. 9A is performed by moving the coordinate position of the lower right vertex of the second frame 602 by a slide operation.

  FIG. 10A is a diagram illustrating an enlargement operation of the second image 402. When the outside of the second area 702 on the second display surface 24 is tapped, the CPU 100 enlarges the second image 402 as shown in FIG. At this time, the second frame 602 is enlarged according to the enlargement of the second image 402. That is, the second frame 602 is positioned in the same area on the full-size image before and after enlargement. The enlarged second image 402 is displayed so that the second frame 602 is at the center of the second display surface 24.

  Each time the CPU 100 is tapped, the second image 402 is enlarged by a predetermined magnification until the magnification of the second image 402 reaches the upper limit magnification. When the magnification reaches the upper limit magnification, the CPU 100 reduces the second image 402 by a predetermined magnification each time it is tapped until the magnification of the second image 402 returns to 100%. When the magnification of the second image 402 returns to 100%, the CPU 100 again enlarges the second image 402 every time it is tapped.

  Note that the first frame 601 (first region 701) does not change during such enlargement and reduction. However, as the enlargement of the second image 402 proceeds, the second frame 602 is also enlarged, so that the second frame 602 may be larger than the second display surface 24. In this case, the size of the second frame 602 is set to the maximum size that can be accommodated on the second display surface 24, and the size of the first frame 601 changes accordingly.

  In addition, in the process of enlarging or reducing the second image, instead of the tap operation or in addition to the tap operation, a pinch-in to the second display surface 24 (with two fingers attached to the display surface, Operation for shortening the distance between touch positions) and pinch out (operation for extending the distance between touch positions after attaching two fingers to the display surface), and key 26 (for example, volume up and down) The operation may be performed based on an operation by pressing the key.

  If the operation of deforming the second frame 602 (sliding operation in the direction of the white arrow) is performed in the display state of FIG. 10B, the determination in step S113 of FIG. 11 (a), the first frame 601 and the second frame 602 are updated (S114, S115).

  Returning to FIG. 7A, after the first frame 601 and the second frame 602 are specified and updated as described above, an input for saving the image in the second area 702 is made ( (S116: YES), the CPU 100 cuts out the image in the second area 702 from the second image 402 and stores it in the memory 200 (S117).

  As shown in FIG. 11A, when the key 26 is pressed, the CPU 100 displays a save confirmation dialog 503 on the first display surface 14 as shown in FIG. 11B. The dialog 503 includes an OK button 503a for selecting to cut and save the image, and a cancel button 503b for canceling the cutting and saving of the image.

  When the OK button 503a is selected (tapped) (S116: YES), the CPU 100 executes image storage (S117) and ends the process. When the cancel button 503b is selected (S116: NO), the CPU 100 returns the display to the state of FIG. 11A and accepts the designation input of the second area 702 (S112).

  Note that the position, size, and shape of the second region 702 are changed by an operation other than the operations shown in FIGS. 9A and 10B.

  For example, as shown in FIG. 12A, when the user touches the second area 702 and slides leftward (see the white arrow), the CPU 100 slides as shown in FIG. 12B. Accordingly, the first frame 601 and the second frame 602 are moved.

  Further, as shown in FIG. 13A, when the user touches the lower side of the second frame 602 and further slides downward (see the white arrow), the CPU 100 slides as shown in FIG. 13B. The first frame 601 and the second frame 602 are deformed along with the movement of the touch position by the operation.

  Note that the full-size image (original image) displayed on the second display surface 24 can be moved. That is, as shown in FIG. 14A, when the user touches the outside of the second region 702 and slides leftward (see the white arrow), the CPU 100 displays the second image 402 together with the second frame 602. Scroll left. When the second frame 602 hits the left boundary of the second display surface 24 by this scrolling, the CPU 100 does not change the position of the second frame 602 along with the scrolling as shown in FIG. Only the second image 402 is moved to the left. As a result, the position of the second frame 602 relative to the second image 402 changes relatively. In response to this, the position of the first frame 601 is changed.

  Next, with reference to FIG. 7B, the selection receiving process for the shape of the second region 702 will be described. The process of FIG. 7B is started in accordance with the start of the process of step S112 of FIG. 7A, and is ended when the save key 26 is pressed.

  When the second area 702 is long tapped (S121: YES), the CPU 100 displays a dialog for selecting the shape of the second area on the first display surface 14 so as to overlap the first image 401 ( S122). Next, the CPU 100 receives an input for selecting a region shape (S123). When the user selects a region shape, the CPU 100 sets the shape of the second frame 602 (second region 702) to the shape selected by the user (S124). As a result, it is determined in step S113 in FIG. 7A that the second area 702 has been designated (S113: YES), and the shape of the second frame 602 displayed on the second display surface 24 is selected. Updated to shape.

  For example, as shown in FIG. 15A, when the second area 702 is long tapped, a dialog 504 shown in FIG. 15B is displayed on the first display surface 14. The dialog 504 includes eight frames 504a serving as shape options and a cancel button 504b for canceling the selection of the frame shape. The user can change the shapes of the first frame 601 and the second frame 602 to the selected shape by selecting (tapping) the frame 504a having a desired shape.

  For example, when the diamond-shaped frame 504a is selected as shown in FIG. 16A, the CPU 100 sets the shape of the second frame 602 so that the shape of the second frame 602 becomes a diamond shape. Then, in the processing of steps S114 and S115 in FIG. 7A, the CPU 100, as shown in FIG. 16B, the first frame 601 and the second frame 601 displayed on the first display surface 14 and the second display surface 24. The frame 602 is changed to a diamond shape.

  Specifically, the CPU 100 changes the shape of the second frame 602 so as to be a rhombus that circumscribes the rectangular second frame 602 (see the broken line frame) before being deformed. Then, the CPU 100 changes the shape of the first frame 601 so that the shape and size correspond to the second region 702 after deformation.

  Thereafter, as shown in FIG. 17A, when the rhombic second frame 602 is touched and slid (see the white arrow), the CPU 100 changes the size of the second frame 602. At this time, the CPU 100 does not change the aspect ratio of the second frame 602. That is, as shown in FIG. 17B, the CPU 100 changes the size of the second frame 602 with the center of the second region 702 as a base point in accordance with the slide operation. In response to this, the size of the first frame 601 also changes. Even when the shape of the second region 702 is a shape other than a rectangle, the size is changed by the slide operation.

When the CPU 100 inputs the operation for saving after the second area 702 having a shape other than the rectangular shape is set as described above (S116: YES in FIG. 7), the CPU 100 stores the second area 702 in the second area 702. The image in the rectangular area that is in contact (see the broken line frame in FIGS. 16B and 17B) is cut out from the second image 402, and the transparent color is specified in the area outside the second area 702 in the cut out image. To do. Then, the CPU 100 stores the processed image in the memory 200 in a predetermined data format. As a result, when the stored image is displayed on the display surface, the image on the second region 702 having a shape other than the rectangle is displayed, and a predetermined background image is displayed on the portion where the transparent color is designated. The Rukoto.

  The dialog 504 includes eight shaped frames 504a including a rectangular shape and a rhombus shape. The user can select a desired shape from these frames 504a. For example, the user can set a heart-shaped or star-shaped second region 702 as shown in FIGS.

<Image processing>
FIG. 19A is a flowchart showing image processing when the button 502b (image processing) shown in FIG. 20A is selected. FIG. 19B is a flowchart for setting the processing content of an image. FIG. 20A to FIG. 22B are diagrams showing a display example of a screen at the time of image processing.

  In the processing flow of FIG. 19A, the same step numbers are assigned to the same processing steps as those in the processing flow of FIG. 7A for convenience. Steps S111 to S116 in FIG. 19A are the same as the processing steps in FIG. Therefore, description of the frame designation / change processing in steps S111 to S116 is omitted here.

  As shown in FIG. 20A, when the button 502b for image processing is tapped, an initial screen shown in FIG. 8B is displayed. The CPU 100 accepts input for deformation and movement of the second frame 602 and input for enlargement, reduction, and scrolling of the second image, as in the case of the image cutting process. Thereby, the images on the first display surface 14 and the second display surface 24 are as shown in FIG. 20B, for example.

  Thereafter, as shown in FIG. 20B, when the outside of the second region 702 is long tapped (S141 in FIG. 7B: YES), the CPU 100 performs the processing method as shown in FIG. A dialog 505 for selection is displayed over the first image 401 (S142).

  The dialog 505 includes four buttons 505a each assigned a predetermined processing method. Each button 505a is a button for performing mosaic processing, processing for converting to a sepia tone image, blurring processing, and monochrome processing on the image on the second region 702, respectively.

  Thereafter, the CPU 100 receives an input for selecting a processing method (S143). When any of the buttons 505a is tapped, the CPU 100 determines that the processing method corresponding to the tapped button 505a has been selected. Then, the CPU 100 performs the selected processing on the images in the first area 701 and the second area 702 (S144).

  For example, as shown in FIG. 21A, when the “Sepia” button 505a is tapped, the CPU 100 performs processing for converting the images in the first area 701 and the second area 702 into a sepia tone image. Then, as shown in FIG. 21B, the first and second images 401 and 402 to which the image effect is applied by such image processing are displayed.

  Thereafter, when an operation for saving is performed (S116: YES), the CPU 100 images the original image (full-size image) that has been subjected to the selected image processing in the area corresponding to the second area 702. Data is stored in the memory 200 (S131).

  In the image processing process, the CPU 100 executes the area shape selection reception process in FIG. 7B as in the case of the image cutting process. The user can select the shape of the second region 702 (see FIG. 15B). As a result, as shown in FIGS. 22A and 22B, for example, the first and second regions 701 and 702 can be deformed into a heart shape or a star shape. The selected image processing is performed. 22A and 22B, first and second images 401 and 402 to which image effects are applied by image processing are displayed on the first and second display surfaces 14 and 24, respectively.

  During the image processing, the first image 401 to which the image effect is applied as described above is displayed on the second display surface 24, and the first image in a state where the image effect is not applied to the first display surface 14. The process may be executed so that 401 is displayed.

<Display screen settings>
The mobile phone 1 has a function of displaying a predetermined image on the display surface when executing a predetermined function (ON / OFF of the mobile phone 1, notification of incoming mail, notification of incoming voice call, standby screen display). For example, when the mobile phone 1 is turned on, a pre-registered image is displayed on the display surface. At the time of screen setting display, the CPU 100 performs processing for cutting an image designated by the user from the original image and setting the cut image as a screen to be displayed when the predetermined function is executed. The default setting destination of the cut image is “standby screen display”.

  FIG. 23A is a flowchart showing the screen setting process when the button 502c (screen setting) shown in FIG. 24A is selected. FIG. 23B is a flowchart showing a screen setting destination selection process. FIG. 24A to FIG. 28B are diagrams showing display examples of screens during the image setting process.

  In the processing flow of FIG. 23A, the same step numbers are assigned to the same processing steps as the processing flow of FIG. 7A for convenience. Steps S111 to S115 in FIG. 23A are the same as the processing steps in FIG. Therefore, the frame designation / change processing in steps S111 to S115 will not be described in detail here.

  Unlike the above-described image cutting process and image processing process, in the screen setting process of FIG. 23A, the shape (aspect ratio) and size of the second region 702 are fixed according to the screen setting destination. In step S113, the CPU 100 accepts an input for moving the second frame 602, but does not accept an input for deformation. The size and aspect ratio of the second area 702 are notified to the user by displaying the second frame 602.

  When screen setting is selected as shown in FIG. 24A, the CPU 100 sets the screen setting destination to the default standby screen (151), and displays the second image 402 on the second display surface 24. . The shape of the standby screen matches the shape of the display surface (14, 24). Therefore, as shown in FIG. 24B, the second area 702 is initially set to the entire area of the second display surface 24, and the second frame 602 is displayed so as to surround the second display surface 24. (S111). Similarly, the first frame 601 is displayed so as to surround the first display surface 14 (S111).

  In the screen setting display, the CPU 100 enlarges and reduces the second image based on an operation with a key 26 (a volume up / down key) in addition to a tap operation on the second display surface 24. For example, when the key 26 for increasing the volume is pressed as shown in FIG. 24B after the second display surface 24 is tapped, the CPU 100 performs the first operation as shown in FIG. The two images 402 are enlarged. The second image 402 is enlarged and reduced so that the second image 402 before being enlarged and reduced is radially enlarged and reduced from the center thereof.

  The size of the second region 702 relative to the original image changes according to the enlargement and reduction of the second image 402. Therefore, the CPU 100 accepts an input for such enlargement and reduction as a designation input for the second area 702 (S113: YES). In this case, the CPU 100 does not change the second frame 602 (S114), and relatively reduces the first frame 601 displayed on the first display surface 14 according to the enlargement and reduction of the second image 402. Enlarge (S115). For example, when the second image 402 is enlarged as shown in FIG. 25A, the first frame 601 is reduced accordingly.

  In the state shown in FIG. 25A, when the second display surface 24 is touched and further slid vertically and horizontally, the second image 402 is scrolled vertically and horizontally. By such scrolling, the position of the second region 702 with respect to the original image changes. In this case, the CPU 100 relatively moves the first frame 601 displayed on the first display surface 14 according to the scroll of the second image 402 (S115).

  Steps S152 and S153 are steps for executing screen settings. In step S154, the end of the screen setting process is determined. The processing of steps S152 to S154 will be described later.

  The user can change the setting destination of the screen setting by tapping the first display surface 14 as shown in FIG.

  When the first display surface 14 is tapped, the CPU 100 determines YES in step S161 of FIG. 23B, and displays a dialog 506 for selecting an image setting destination as shown in FIG. The first image 401 is displayed so as to overlap (S162). The dialog 506 includes four buttons 506a and a cancel button 506b. Each button 506a sets the setting destination of the image on the second area 702 in the second image 402 to a standby screen, a screen for incoming mail, a screen for incoming voice, and a screen for power ON / OFF, respectively. It is a button. The cancel button 506b is a button for deleting the dialog 506.

  After displaying the dialog 506, the CPU 100 accepts an input for selecting a setting destination (S163), and when any of the buttons 506a is tapped, the setting destination is set to a screen corresponding to the tapped button 506a (S164). ). In addition, the CPU 100 sets the shape of the second area 702 so as to have a size and an aspect ratio corresponding to the setting destination (S164). Thus, when the process of step S164 is executed and terminated, the process of FIG. 23B is started again.

  When the setting destination screen is changed in this way, the CPU 100 determines that there is a designation input for the second area 702 in the processing flow of FIG. 23A (S113: YES), and performs the processing of steps S114 and S115. Execute. Thereby, the first frame 601 and the second frame 602 having a size and an aspect ratio corresponding to the new setting destination are displayed on the first and second display surfaces 14, respectively. For example, in FIG. 25B, when the “power on / off” selection button 506a is selected, a first frame 601 and a second frame 602 as shown in FIG. 26A are displayed. In this case, the shape and size of the second frame 602 substantially match the contour of the image displayed when the mobile phone 1 is turned on / off.

At this time, when the user performs an operation for screen setting, the processing in steps S152 to S153 is executed, and the image on the second area 702 in the second image 402 is displayed when the power of the mobile phone 1 is turned on / off. Is set to In step S152, the CPU 100 determines whether an operation for setting a screen (pressing the key 26) has been performed. For example, when the key 26 is pressed in the display state of FIG. 26A (S152: YES), the CPU 100 executes the screen setting of the image on the second area 702.

  Specifically, in step S152, the CPU 100 displays a dialog 507 for screen setting on the first image 401 as shown in FIG. Further, when the button 507 a displayed as “setting” included in the dialog 507 is selected, the CPU 100 displays the image 403 on the second area 702 in the second image as the currently set destination screen (see FIG. In the case of 26 (b), setting is made so that it is displayed on the screen when the power is turned ON / OFF. As a result, the image 403 is displayed on the first display surface 14 when the process for starting the mobile phone 1 (starting in the closed state) is executed.

  As described above, when the button 507a is selected and the screen setting is executed (S154: YES), the CPU 100 ends the processing of FIG. 23A, and accordingly the processing of FIG. 23B and FIG. Also ends.

  In the dialog 506 of FIG. 25 (b), for example, when the button 506a displayed as “mail incoming” is selected, the same processing as described above is performed when mail arrives as shown in FIG. 27 (a). A first frame 601 and a second frame 602 having the size and aspect ratio of the image to be displayed are displayed. Thereafter, when screen setting is executed in the same manner as described above (S152: YES, S153), the image 403 on the second area 702 is set as the screen image at the time of incoming mail. As a result, when a mail is received (in the closed state), an image 403 is displayed on the first display surface 14 as shown in FIG. In FIG. 27B, a dialog 508 for notifying the arrival of mail is displayed on the first display surface 14.

  In the dialog 507 of FIG. 26B, the image of the second area 702 is displayed on a setting destination screen different from the setting destinations set in steps S151 and S164 of FIGS. An icon 507c for setting is included. The user can set the images of the second area 702 on a plurality of setting destination screens using these icons 507c.

  That is, as shown in FIG. 28A, when the second area 702 is touched and slid in the direction of the “mail incoming” icon 507c (see the white arrow), the CPU 100 changes to FIG. As shown in the drawing, a dialog 508 for confirming that the image 403 is set on the screen of the newly designated setting destination (incoming mail) is displayed over the first image 401. The dialog 508 includes a button 508a for executing this setting and a button 508b for canceling this setting. When the button 508a is selected (tapped), the CPU 100 performs screen setting so that the image 403 is displayed when an incoming mail is received.

  As described above, when the setting destination of the image 403 is changed, the shape and size of the image 403 do not match the shape and size of the image display area of the changed setting destination screen. For example, in FIG. 28A, the second area 702 has a size and shape corresponding to the screen when the power is turned ON / OFF, and the size and shape of the second area 702 are displayed on the screen when an incoming mail is received. Does not match the size and size of the displayed image area.

  Therefore, when the setting destination of the image 403 is changed in this way, the image 403 is reduced or enlarged so that the image 403 fits in the image display area of the changed setting destination, and after the reduction or enlargement The image is set on the new setting destination screen. For example, in the case of the example of FIG. 28B, the image 403 is reduced so that it is displayed in the maximum state in the image display area (see the broken line frame) at the time of incoming mail.

As described above, according to the present embodiment, when an input specifying the second region 702 is received, the second frame 602 representing the boundary of the specified second region 702 is displayed over the second image 402. The first frame 601 is displayed so as to overlap the first image at a position corresponding to the second frame 602 of the second image 402. Therefore, the user can easily recognize which part of the entire image (first image 401) is the target of the editing work even during the editing work.

  The user can confirm the position in the entire image while moving the position to be edited, that is, the position of the first area, and at the same time, details of the second area 702 to be edited and the image in the vicinity thereof, The second image 402 can be easily grasped.

  In addition, since the second image 402 can be scale-converted (enlarged or reduced) or scrolled, the user can view the entire image and also the second region 702 that is the target of the work and the vicinity thereof. You can easily grasp the details of the image.

<Others>
As mentioned above, although the Example concerning this invention was described, this invention is not restrict | limited to the said Example at all. In addition to the above, the embodiment of the present invention can be variously modified.

  For example, in the above embodiment, the editing method (see the selection screen 502) is selected before the second area 702 is specified, but the editing method is selected after the second area 702 is specified. There may be. For example, after the second area 702 is designated, an editing method selection screen 502 may be displayed in accordance with a predetermined operation.

  Alternatively, in the above embodiment, when the second image 402 is scaled or scrolled, the second frame 602 is also deformed or moved along with this, but before the user performs an operation on the second frame 602 for the first time, When the second image 402 is scale-converted or scrolled, the second image 402 may be scale-converted or scrolled without deforming or moving the second frame 602.

  8B, when the button 502a is selected in FIG. 8A, the first frame 601 and the second frame 602 are displayed. In FIG. 8A, the button 502a is selected. However, the first frame 601 and the second frame 602 may not be displayed. In this case, for example, a predetermined input for designating the area of the second frame 602 on the second display surface 24 by the user (for example, an input for designating a rectangular area by an operation of sliding in an oblique direction) is made. In this case, the first frame 601 and the second frame 602 may be displayed. In this way, the user can arbitrarily set the first frame 601 and the second frame 602 having a desired size and shape.

  In this case, for example, as shown in FIGS. 29 (a) and 29 (b), the start point and end point position (see white circles and black circles) of the slide (see white arrows) are rectangular (dashed lines). The first and second frames 601 and 602 in FIG. 29B are displayed based on this area. Further, a configuration may be employed in which the second region is set based on a slide operation in which the end point of the trajectory starting from the start point is returned to the start point. In this case, for example, an area surrounded by the slide trajectory is set as the second area, and the second frame can be displayed so as to coincide with the slide trajectory.

In the above embodiment, the image editing method (see FIG. 8A), the shape of the frame (see FIG. 15B), the type of image processing (see FIG. 21A), and the setting destination of the screen setting In FIG. 26B, the configuration selected from predetermined options is adopted, but the options shown in the embodiment are merely examples. Further, in the screen cutting process, the storage destination and setting destination of the cut image may be stored not only in the memory 200 but also in an external memory attached to the mobile phone 1, or from transmission by e-mail or the like. It may be configured to be selectable.

  Further, the adjustment of the first region 701 and the second region 702 may be made to rotate the first region 701 and the second region 702 based on a predetermined operation as shown in FIG. Alternatively, as shown in FIG. 30B, a process for rotating the second image 402 may be executed.

  In the above embodiment, the first region 701 and the second region 702 are specified by the first frame 601 and the second frame 602 that indicate the boundary line between the first region 701 and the second region 702. The first frame 601 and the second frame 602 may be displayed by broken lines as shown in FIG. Further, the thickness of the lines of the first frame 601 and the second frame 602 may be thin as shown in FIG. 31B, and the types of lines may be various types (dotted line, broken line, one-dot chain line, wavy line, two lines). A heavy line, a thick line, a thin line, a colored line, etc.).

  The first frame 601 and the second frame 602 may include elements for realizing effects other than the identification of the first region 701 and the second region 702. For example, as shown in FIGS. 32A and 32B, the first frame 601 and the second frame 602 show the center position of the region (FIG. 32A) and the center region (FIG. 32B). Additional elements can be added.

  Further, the first frame 601 and the second frame 602 may change according to time. For example, with the passage of time, the first frame 601 and the second frame 602 may blink, or the pattern of the frame and the color tone such as color, brightness, and saturation may change.

  Alternatively, as shown in FIG. 32 (c), the first region 701 and the second region 702 are specified by moving the point on the boundary line between the first region 701 and the second region 702 at a predetermined speed (see white arrows). May be. In FIG. 32C, an image representing the locus of the moving point may be displayed as an afterimage (trajectory line with a weakened color tone) for a predetermined time so that the visibility of the locus is improved.

  Further, the first region 701 and the second region 702 do not need to be surrounded by a frame. For example, as shown in FIG. 32 (d), the boundary between the first region 701 and the second region 702 (see the broken line frame). May be indicated by lines (thick lines at the upper right and lower left of the broken line frame). In this case, the user can recognize that the areas formed by extending some of the displayed lines are the first area 701 and the second area 702.

  In FIGS. 32D to 32F, the broken-line frame is illustrated for convenience of explanation of the boundary of the region, and is not displayed on the display surface.

  For example, as shown in FIG. 32 (e), the first area 701 and the second area 702 may be specified by displaying the positions of the vertices of the first area 701 and the second area 702. In this case, the user can recognize that the areas surrounded by the line connecting the vertices in a ring are the first and second areas 701 and 702.

  Further, the first area 701 and the second area 702 may be specified by an image such as an illustration-like picture diagram as shown in FIG. As an example, FIG. 32F is obtained by replacing the image of the hook-shaped line segment of FIG. 32D with an image of an illustration (hand illustration).

Further, the first region 701 and the second region 702 may be specified without adding a frame, a line segment, or the like. For example, as shown in FIG. 33A, by applying different image effects such as a tone effect and a blurring effect inside and outside the first area 701 and the second area 702, the first area 701 and the second area 702 are provided. May be specified (displayed). For example, in FIG. 33A, the saturation of images outside the first region 701 and the second region 702 is displayed with a lower saturation than usual. The user can visually recognize the boundary where the image effect changes, and thereby can identify the first region 701 and the second region 702.

  As shown in FIG. 33B, the display of the first frame 601 and the second frame 602 may be combined with the image effect of FIG. As described above, two or more specific forms of the regions may be combined with each other. Furthermore, the first region 701 and the second region 702 may be specified by different methods.

  In the above embodiment, the first area 701 has moved with the movement of the second area (see FIGS. 12A and 12B), but the first area 701 can be moved directly. May be taken. For example, as shown in FIG. 34A, when the user touches the first area 701 and further slides in the upper right direction (see the white arrow), the CPU 100 slides as shown in FIG. Accordingly, the first area 701 is moved.

  In this case, the CPU 100 changes the second image 402 as shown in FIG. That is, the CPU 100 scrolls the second image 402 with the movement of the first region 701 so that the moving first region 701 is centered on the second image 402. As a result, as shown in FIG. 34B, the first frame 601 is displayed so as to indicate the boundary of the first region 701 after being moved, and the second frame 602 is positioned at a position corresponding to the first frame 601. Is displayed.

  Note that the position of the second frame 602 does not change when the second image 402 is scrolled. Further, as in the example of FIG. 34B, when the first region 701 is moved near the end of the first image 401, a predetermined background image 404 is displayed outside the second image 602 on the second display surface 24. Is displayed.

  Thus, if the first area can be directly moved, the user can conveniently move the first area to a desired position by one slide operation.

  In the above-described embodiment, the second image 402 for editing is displayed only on the second display surface 24. However, the second image 402 is displayed on the first and second display surfaces 14, in response to an operation from the user. 24 may be configured to be enlarged and displayed on both. For example, the second image 402 is enlarged and displayed on both the first and second display surfaces 14 and 24 in response to an operation on a button or the like displayed on the display surfaces (14, 24). Furthermore, the display on the display surface (14, 24) is returned to the state before the enlarged display in response to an operation on the button or the like displayed on the display surface (14, 24). In this way, since two images for editing are displayed, the user can edit the image in a wider work area.

  Further, the first and second images 401 and 402 may be configured to be interchangeable with each other. That is, in the state where the first image and the second image 401, 402 are displayed on the first and second display surfaces 14, 24, respectively, for example, an operation on a button or the like displayed on the display surface (14, 24) The second image 402 may be displayed on the first display surface 14, and the first image 401 may be displayed on the second display surface 24. As the display is switched, the second frame 602 is displayed so as to overlap with the corresponding position of the first image 401, and the first frame 601 is displayed so as to overlap with the corresponding position of the second image 402. By the input to the first display surface, processing for designating the second area, cropping or processing the image is executed. The user can display an editing screen (second display surface) on a desired display surface (14, 24) and perform an operation for image editing. Note that, for example, a configuration may be adopted in which buttons for switching screens are displayed based on touching two screens simultaneously.

  Furthermore, in the above-described embodiment, an example in which the present invention is applied to the mobile phone 1 has been described. However, the present invention can also be applied to other mobile terminal devices such as PDAs, tablet PCs, electronic book terminals, and portable game machines. .

  In addition, the embodiment of the present invention can be variously modified as appropriate within the scope of the technical idea shown in the claims. For example, some or all of the above embodiments can be combined.

1 Mobile phone (mobile terminal device)
11 1st touch panel (1st display part)
13 1st touch sensor (other input reception part)
14 1st display surface 21 2nd touch panel (2nd display part)
23 2nd touch sensor (input reception part)
24 2nd display surface 100 CPU (control part)
401 1st image 402 2nd image 601 1st frame 602 2nd frame 701 1st area | region 702 2nd area | region (2nd area | region, area | region)

Claims (10)

A first display unit having a first display surface;
A second display section having a second display surface;
An input receiving unit for receiving an input to the second display surface;
A control unit for controlling the first display unit and the second display unit,
The controller is
A first image is displayed on the first display surface, a second image including at least a part of the first image is displayed on the second display surface, and a first region is displayed on the first image. And displaying a second area corresponding to the first area on the second image;
When an input for changing the display of the second area is received by the input receiving unit, a process of changing the display of the second area and the first area based on the input is executed.
The portable terminal device characterized by the above-mentioned. The mobile terminal device according to claim 1,
The input for changing the display includes an input for moving the position of the second region.
The portable terminal device characterized by the above-mentioned. The mobile terminal device according to claim 1 or 2,
The control unit displays a first frame indicating the boundary of the first region so as to overlap the first image, and displays a second frame indicating the boundary of the second region so as to overlap the second image.
The portable terminal device characterized by the above-mentioned. In the portable terminal device according to any one of claims 1 to 3,
When the input receiving unit receives an input to change the shape of the second region, the control unit deforms the first region and the second region in accordance with the received input.
The portable terminal device characterized by the above-mentioned. In the portable terminal device according to any one of claims 1 to 4,
When the input receiving unit receives an input for applying a predetermined image effect, the control unit applies the image effect to at least the image of the second region according to the received input.
The portable terminal device characterized by the above-mentioned. In the portable terminal device according to any one of claims 1 to 5,
An image registration unit for registering the image of the second area in association with various functions of the mobile terminal device;
The control unit sets the shape and size of the second region according to the function selected in the registration.
The portable terminal device characterized by the above-mentioned. The mobile terminal device according to any one of claims 1 to 6,
And further comprising another input receiving unit that receives an input to the first display surface,
When the other input receiving unit receives an input for moving the first region, the control unit moves the first region on the first image according to the input, and Moving the second region on the second image based on the movement of the first region;
The portable terminal device characterized by the above-mentioned. In the portable terminal device according to any one of claims 1 to 7,
When an area on the second image is designated by an input to the input receiving unit, the control unit displays the first area and the second area on the first display based on the input, respectively. Display on the surface and the second display surface;
The portable terminal device characterized by the above-mentioned. A computer of a portable terminal device comprising: a first display unit having a first display surface; a second display unit having a second display surface; and an input receiving unit that receives an input to the second display surface.
A first image is displayed on the first display surface, a second image including at least a part of the first image is displayed on the second display surface, and a first region is displayed on the first image. And displaying a second area corresponding to the first area on the second image;
A function of changing the display of the second area and the first area based on the input when an input for changing the display of the second area is received by the input receiving unit;
A program that grants. A first display unit having a first display surface, a second display unit having a second display surface, an input receiving unit for receiving an input to the second display surface, the first display unit, and the second display unit, In a display control method of a mobile terminal device comprising a control unit for controlling
A first image is displayed on the first display surface, a second image including at least a part of the first image is displayed on the second display surface, and a first region is displayed on the first image. And displaying a second region corresponding to the first region on the second image;
When an input for changing the display of the second area is received by the input receiving unit, the display of the second area and the first area is changed based on the input. A characteristic display control method.

Images