CN103716452B - Display control apparatus and method and image display - Google Patents

Abstract

A display control device and method and an image display device are disclosed. The display control device includes a first controller and a second controller. The first controller performs control to divide a display area of the display into a plurality of divided areas arranged in a predetermined direction and to display an image of a determined attribute in the divided areas. The display includes a specifying unit that specifies a position in the display area and an operation on an image displayed in the display area. In response to designation of a position in at least one divided region or at least one boundary region between the divided regions and detection of designation of a predetermined operation on the displayed image thereafter, the second controller executes the detection of the target region (divided region or bordered region). Adjacent divided areas) and the image displayed in the target area are enlarged, or the size reduction control is performed to reduce the size of the target area and the image displayed in the target area.

Description

Display control device and method, and image display device

technical field

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

Background technique

Japanese Unexamined Patent Application Publication No. 2001-134382 discloses a graphics processing device including a touch panel, a unit for determining whether one point or two points have been specified on the touch panel, and processing with the first graphics when one point is specified. mode, and a unit that executes graphics processing in a second graphics processing mode when two points are specified.

Furthermore, Japanese Unexamined Patent Application Publication No. 2008-9759 discloses a touch panel device including a proximity object detector for detecting partial For an object approaching in the area, the display controller enlarges and displays the local area approached by the object when the approaching object detector detects the object approaching the local area.

Further, Japanese Unexamined Patent Application Publication No. 2008-243128 discloses a touch panel device including an operation unit that displays an operation screen including a plurality of operation buttons and designates a selected operation button by using the touch panel . The operation buttons are classified into a plurality of groups. On the operation screen, one or more buttons belonging to any one of these groups are indicated in a first size, and one or more buttons belonging to other groups are indicated in a second size smaller than the first size. One button size change area is indicated for each group including operation buttons indicated in the second size. The operation unit designates a selected button size change area, and displays the changed operation screen so that the operation buttons belonging to the group corresponding to the selected button size change area are indicated in the first size and displayed in the second size. Indicates the operation button indicated in the first size when the selected button size change area is selected.

Contents of the invention

An object of the present invention is to provide a display control device and method and an image display device capable of enlarging or reducing the size of an image display area and an image displayed in the area in response to an intuitive operation.

According to a first aspect of the present invention, a display control device is provided, including a first controller and a second controller. The first controller performs control to divide a display area of the display into a plurality of divided areas arranged in a predetermined direction and to display an image whose attribute has been determined in each divided area. The display area is used to display images. The display includes a specifying unit that specifies a position in the display area and an operation on an image displayed in the display area. Each divided area displays an image whose attribute is any one of the determined attributes. In response to at least one of designation of a position in at least one divided area and designation of a position in at least one boundary area representing a boundary between divided areas by the designation unit, and thereafter the displayed image The second controller executes the zoom-in control of zooming in on the size of the target area and the image displayed in the target area or the size of the target area and the image displayed in the target area The size of the image to be reduced is the size reduction control. The target area is at least one of a divided area in which a position is specified and a divided area adjacent to a border area in which a position is specified.

According to the second aspect of the present invention, the case where the second controller performs enlargement control is a case where designation of at least two positions in at least one divided area and designation of two positions in at least one border area are performed. at least one of the designations of the positions, followed by designation of an operation of moving the two designated positions so that they move away from each other in the predetermined direction. The case where the second controller performs size reduction control is a case where at least one of designation of at least two positions in at least one divided area and designation of two positions in at least one border area is performed designation, followed by designation of an operation to move the designated two positions so that they are closer to each other in the predetermined direction.

According to the third aspect of the present invention, in response to designation of at least two positions in at least one divided area, and thereafter, resetting of the at least two positions within a predetermined time after the designation of the at least two positions specified, the second controller regards the divided area including the specified position as the target area.

According to a fourth aspect of the present invention, in response to specification of positions in at least two divided areas sandwiching at least one divided area among the plurality of divided areas and specification of a predetermined operation performed thereafter, the The second controller regards the divided area in which the position is specified and the divided area sandwiched between the divided areas in which the position is specified as the target area.

According to a fifth aspect of the present invention, in response to designation of at least two positions in at least two boundary areas and thereafter designation of an operation to move the at least two positions in the predetermined direction, the second The second controller regards the divided area sandwiched between the boundary areas in which the position is specified as the target area.

According to the sixth aspect of the present invention, when the second controller executes zoom-in control for zooming in on the target area and an image displayed in the target area, the second controller executes to follow the Size reduction control in which the size of the divided area different from the target area and the image displayed in the divided area different from the target area are reduced by increasing the reduction rate with the increase of the enlargement ratio in the enlargement control.

According to the seventh aspect of the present invention, each of the divided areas includes an image display area displaying an image and an attribute display area displaying attributes of the image displayed in the image display area. In response to designation of a position in the attribute display area, the second controller excludes, from targets of the enlargement control or the size reduction control, a divided area including the attribute display area in which the position is designated. outside.

According to an eighth aspect of the present invention, each of the divided areas includes an image display area displaying an image and an attribute display area displaying attributes of the image displayed in the image display area. In response to specification of a position in the attribute display area and specification of a predetermined operation thereafter, the second controller regards a divided area including the attribute display area in which the position is specified as a target area.

According to the ninth aspect of the present invention, in response to designation of positions in the attribute display area of at least two divided areas, and thereafter designation of an operation of moving the designated positions so that they are closer to each other in the predetermined direction , the second controller performs the following control: combining a plurality of divided areas including the attribute display area in which the position is designated, thereby obtaining a first combined area; The images displayed in the image display areas of the plurality of divided areas are enlarged; and the enlarged images are displayed in the first combination area.

According to the tenth aspect of the present invention, in response to designation of a position in the attribute display area of the first divided area which is one of the plurality of divided areas, and thereafter moving the designated position to a position different from the The property display area of the second divided area of the first divided area and designation by the operation of stopping the designated position, the second controller executes the following control: dividing the first divided area and the second divided area combining to obtain a second combined area; enlarging the images displayed in the image display areas of the first divided area and the second divided area; and displaying the enlarged image in the second combined area.

According to an eleventh aspect of the present invention, there is provided an image display device, which includes the display control device according to any one of the first to tenth aspects of the present invention and a display controlled by the display control device.

According to a twelfth aspect of the present invention, there is provided a display control method, which includes: performing control to divide a display area for displaying an image in a display into a plurality of divided areas arranged in a predetermined direction, wherein for the multiple determining the attributes of the images to be displayed in each of the divided regions, and displaying the image with the determined attributes in each of the divided regions, the display includes a specifying unit, and the specifying unit determines the position and location in the display region and Specifying an operation on an image displayed in the display area; in response to specifying a position in at least one divided area by the specifying unit and at least one boundary area representing a boundary between divided areas At least one designation of the designation of the position in and the subsequent detection of the designation of a predetermined operation on the displayed image, performing zoom-in control of zooming in on the target area and the image displayed in the target area or on the size of the target area A size reduction control for reducing the image displayed in the target area which is at least one of a divided area in which a position is specified and a divided area adjacent to a boundary area in which a position is specified is performed.

According to the first, eleventh, and twelfth aspects of the present invention, the area where an image is displayed and the size of the image displayed in the area can be adjusted in response to a more intuitive operation compared to the case where the aspects of the present invention are not applied. to zoom in or out.

According to the second aspect of the present invention, only by designating at least two positions and performing an operation after the designation, it is possible to enlarge or reduce the size of an area and an image in response to a more intuitive and simpler operation.

According to the third aspect of the present invention, only by performing continuous specification of the same position, it is possible to enlarge or reduce the size of an area and an image in response to a more intuitive and simpler operation.

According to the fourth aspect of the present invention, it is possible to collectively enlarge or reduce the size of a plurality of regions in response to an intuitive and simple operation.

According to the fifth aspect of the present invention, only by designating at least two positions and moving the designated positions, it is possible to enlarge or reduce the size of the region in response to more intuitive and simpler operations.

According to the sixth aspect of the present invention, all images displayed before designation can be displayed.

According to the seventh aspect of the present invention, regions and images can be excluded from targets of enlargement control or size reduction control in response to simple operations.

According to the eighth aspect of the present invention, only by designating a position and moving the designated position, it is possible to enlarge or reduce the size of an area and an image in response to a more intuitive and simpler operation.

According to the ninth aspect of the present invention, only by designating at least two positions and performing operations after the designation, it is possible to combine regions and enlarge images in response to intuitive and simple operations.

According to the tenth aspect of the present invention, only by designating a position and moving the designated position, it is possible to combine regions and enlarge an image in response to an intuitive and simple operation.

Description of drawings

Exemplary embodiments of the present invention will be described in detail based on the following drawings, in which:

FIG. 1 is a perspective view showing an appearance of a smartphone according to an exemplary embodiment;

FIG. 2 is a block diagram illustrating a configuration of a smartphone according to an exemplary embodiment;

3 is a flowchart showing a processing flow of a display control processing program according to the first exemplary embodiment;

FIG. 4 is a front view showing an exemplary configuration of a menu screen according to the first exemplary embodiment;

5 is a front view showing an exemplary configuration of an image list screen according to the first exemplary embodiment;

6A and 6B are diagrams provided for describing states of operations performed on an image list screen according to the first exemplary embodiment;

FIG. 7 is a diagram provided for describing states of operations performed on an image list screen according to the first exemplary embodiment;

8A and 8B are diagrams provided for describing states of operations performed on an image list screen according to the first exemplary embodiment;

9A and 9B are diagrams provided for describing states of operations performed on an image list screen according to the first exemplary embodiment;

10A and 10B are diagrams provided for describing states of operations performed on an image list screen according to the first exemplary embodiment;

11A and 11B are diagrams provided for describing states of operations performed on an image list screen according to the first exemplary embodiment;

12A and 12B are diagrams provided for describing states of operations performed on an image list screen according to the first exemplary embodiment;

13 is a flowchart showing a processing flow of a display control processing program according to the second exemplary embodiment;

14A and 14B are diagrams provided for describing states of operations performed on an image list screen according to the second exemplary embodiment;

15A and 15B are diagrams provided for describing states of operations performed on an image list screen according to the second exemplary embodiment;

16 is a flowchart showing a processing flow of a display control processing program according to the third exemplary embodiment;

17A and 17B are diagrams provided for describing states of operations performed on an image list screen according to a third exemplary embodiment;

18 is a flowchart showing a processing flow of a display control processing program according to the fourth exemplary embodiment;

19A and 19B are diagrams provided for describing states of operations performed on an image list screen according to the fourth exemplary embodiment;

20 is a flowchart showing a processing flow of a display control processing program according to the fifth exemplary embodiment;

21A and 21B are diagrams provided for describing states of operations performed on an image list screen according to a fifth exemplary embodiment;

22 is a flowchart showing a processing flow of a display control processing program according to the sixth exemplary embodiment;

23A and 23B are diagrams provided for describing states of operations performed on an image list screen according to a sixth exemplary embodiment;

24 is a flowchart showing a processing flow of a display control processing program according to the seventh exemplary embodiment;

25A and 25B are diagrams provided for describing states of operations performed on the image list screen according to the seventh exemplary embodiment; and

26A and 26B are diagrams provided for describing states of operations performed on the image list screen according to the seventh exemplary embodiment.

detailed description

Hereinafter, exemplary embodiments of the present invention will be described in detail with reference to the accompanying drawings. It should be noted that in the following exemplary embodiments, the case where the exemplary embodiments are applied to a smart phone will be described by way of example. However, the exemplary embodiments are not limited to this case, and the exemplary embodiments are applicable to other devices having a touch panel display, such as other mobile phones, personal digital assistants (PDAs), and portable game machines.

A smartphone according to an exemplary embodiment presents a plurality of menu items to a user to prompt the user to select a desired menu item, thereby activating an application program or software corresponding to the selected menu item. However, a smartphone according to an exemplary embodiment is not limited to such a smartphone. That is, in response to an instruction to activate an application or software, the smartphone according to an exemplary embodiment may activate a list display function (to be described later) based on the application or software given in the instruction. Alternatively, the smartphone according to an exemplary embodiment may activate a list display function (to be described later) by using an application or software activated by a web browsing function in response to designation of a Uniform Resource Locator (URL).

first exemplary embodiment

As shown in FIG. 1 , a smartphone 10 according to the first exemplary embodiment includes a plate-like housing 12 . On one face of the casing 12, the smartphone 10 includes a display input unit 14 including a display panel 14A serving as a display and an operation panel 14B configured as a touch panel (specifying unit), the display panel 14A and the operation panel 14B are integrated with each other. The housing 12 also includes a speaker 16 , a microphone 18 , an operation unit 20 and a camera unit 22 . It is to be noted that the shape of the housing 12 is not limited to a plate shape, and the housing 12 may adopt, for example, a configuration including a folding structure or a sliding structure.

As shown in FIG. 2, the smart phone 10 includes the above-mentioned display input unit 14, operation unit 20, and camera unit 22 as main elements, and includes a wireless communication unit 24, a conversation unit 26, a memory 28, an external input/output unit 30, a power supply Unit 36 and controller 38. It should be noted that one main function of the smartphone 10 is a wireless communication function of performing mobile wireless communication with a base station device via a mobile communication network.

The wireless communication unit 24 is configured to perform wireless communication with a base station device included in a mobile communication network in response to an instruction from the controller 38 . Using wireless communication, the wireless communication unit 24 transmits and receives various types of file data including audio data and image data, e-mail data, and the like to and from the external device, and receives network data, streaming data, and the like from the external device .

The display input unit 14 is a so-called touch panel display, and under the control of the controller 38, the display input unit 14 visually conveys information to the user by displaying images (still images and moving images), character information, etc., and detects the user's response to Actions to be taken on the displayed information.

As described above, the display input unit 14 according to the first exemplary embodiment includes the display panel 14A and the operation panel 14B.

Here, the display panel 14A uses a liquid crystal display (LCD), an organic electroluminescence display (OELD), or the like as a display device. The operation panel 14B is a device that is superimposed on the display panel 14A so that an image displayed on the display surface of the display panel 14A can be visually recognized and detects one or more coordinates operated by a user's finger or touch pen. In response to an operation of the device by using a user's finger or a touch pen, the device outputs a detection signal generated in response to the operation to the controller 38 . Next, based on the received detection signal, the controller 38 detects the operation position (coordinates) on the display panel 14A.

Although the size of the display area of the display panel 14A and the size of the display panel 14A may exactly coincide, the two dimensions do not necessarily coincide with each other. The position detection method employed by the operation panel 14B includes a matrix switching method, a resistive film method, a surface acoustic wave method, an infrared method, an electromagnetic induction method, an electrostatic capacitance method, etc., any of which is applicable.

The conversation unit 26 includes the speaker 16 and the microphone 18 described above. The conversation unit 26 converts the user's voice input through the microphone 18 into audio data that can be processed by the controller 38 and outputs the audio data to the controller 38 . The conversation unit 26 also decodes audio data received by the wireless communication unit 24 or the external input/output unit 30 , and outputs sound from the speaker 16 as the decoded audio data. As shown in FIG. 1 , for example, a speaker 16 and a microphone 18 are mounted on the same face as that on which the display input unit 14 is provided.

The operation unit 20 accepts instructions from the user. For example, as shown in FIG. 1 , the operation unit 20 is mounted on the side of the casing 12 of the smartphone 10 . The operation unit 20 is a push button switch that is turned on when pressed by a finger or the like and enters an off state due to spring elasticity or the like when the finger releases the switch.

The memory 28 stores a control program executed by the controller 38, control data, application software, address data for matching names of communication partners with telephone numbers and the like, and transmitted and received electronic mail data. The memory 28 also stores web data downloaded through web browsing, and downloaded content data. Further, the memory 28 temporarily stores streaming data and the like.

Here, the memory 28 according to the first exemplary embodiment includes an internal memory 28A included in the smartphone 10 and an external memory 28B having an external memory slot detachably attached to the smartphone 10 . The internal memory 28A and the external memory 28B constituting the memory 28 are realized using a flash memory type storage medium or the like. Alternatively, the storage medium may be a hard disk type, a multimedia micro card, or a card type memory such as a microSD (registered trademark) memory. Alternatively, the memory may be a storage medium such as Random Access Memory (RAM) or Read Only Memory (ROM).

The external input/output unit 30 functions to interface with external devices connected to the smartphone 10 . The external input/output unit 30 according to the first exemplary embodiment is directly or indirectly connected to another external device in accordance with a predetermined communication standard or the like. The communication standard or the like is, for example, Universal Serial Bus (USB), Institute of Electrical and Electronics Engineers (IEEE) 1394, or a network such as the Internet, wireless local area network (LAN), or Bluetooth (registered trademark) . Alternatively, the communication standard or the like may be Radio Frequency Identification (RFID) or Infrared Data Association (IrDA) (registered trademark). Further, the communication standard or the like may be Ultra Wideband (UWB) (registered trademark) or Zigbee (registered trademark).

Here, the external device connected to the smartphone 10 according to the first exemplary embodiment is, for example, a wired/wireless earphone, a wired/wireless external charger, a wired/wireless data port, a memory card connected via a card slot, and the like. The external device may be a Subscriber Identity Module (SIM) card, a User Identity Module (UIM) card, or an external audio-video device connected via an audio-video input/output (I/O) terminal. Alternatively, the external device may be a wirelessly connected external audio-video device, a wired/wireless connected smartphone, a wired/wireless connected personal computer, a wired/wireless connected PDA, or a headset. The external input/output unit 30 according to the first exemplary embodiment transfers data transmitted from these external devices to elements included in the smartphone 10, and transmits data in the smartphone 10 to the external devices.

The power supply unit 36 is configured to supply power accumulated in a battery (not shown) to each unit of the smartphone 10 in response to an instruction from the controller 38 .

Further, the controller 38 includes a microprocessor. The controller 38 is configured to operate according to the control processing program and control data stored in the memory 28 , and centrally controls the units of the smartphone 10 . In order to perform audio communication or data communication via the wireless communication unit 24, the controller 38 also has a mobile communication control function of controlling each unit of the communication system, and an application processing function.

Here, the application processing function is realized by the controller 38 operating in accordance with application software stored in the memory 28 . The application processing functions include, for example, an infrared communication function controlling the external input/output unit 30 and performing data communication with devices facing the smartphone 10 , an email function sending and receiving emails, and a web browsing function browsing web pages.

In addition, the controller 38 has an image processing function of displaying video on the display input unit 14 based on image data (still image and moving image data) such as reception data or download stream data. Note that the image processing function described here is a function of the controller 38 decoding image data, applying image processing to the decoded image data, and displaying an image on the display input unit 14 .

Further, the controller 38 performs display control of various types of information on the display panel 14A, and operation detection control of detecting operations by the user via the operation unit 20, the operation panel 14B, and the like.

By performing the display control described above, the controller 38 displays an operation unit expressed in software such as an icon or a scroll bar for activating application software, or a window for writing e-mail. It should be noted that the scroll bar described here is an operation unit represented by software for accepting an instruction to move a display portion of an oversized image to a display area suitable for the display panel 14A.

By performing the above-described operation detection control, the controller 38 detects a user operation via the operation unit 20, or accepts an operation on an icon via the operation panel 14B, or a character string input into an item column of a window.

Further, the controller 38 detects a gesture operation performed on the operation panel 14B, and executes a preset function according to the detected gesture operation. It should be noted that the gesture operation described here is not a conventional simple touch operation, but an operation that generates a trajectory by simultaneously specifying multiple locations with a finger or combining these operations to generate a trajectory for at least one of the multiple locations .

The camera unit 22 is a digital camera that captures images using an imaging element such as a complementary metal oxide semiconductor (CMOS) or a charge-coupled device (CCD). Under the control of the controller 38, the camera unit 22 converts image data obtained by capturing an image into image data compressed according to a predetermined standard such as Joint Photographic Experts Group (JPEG). The camera unit 22 also records the converted image data in the memory 28, or outputs the image data to an external device via the external input/output unit 30, the wireless communication unit 24, or the like. In the smartphone 10, the camera unit 22 is mounted on the same surface as that on which the display input unit 14 is mounted. However, the position where the camera unit 22 is installed is not limited to this position. The camera unit 22 may be installed on the back of the display input unit 14, or a plurality of camera units 22 may be installed. When a plurality of camera units 22 are installed, the camera unit 22 to be used to capture an image is switched from one to another and a single camera unit 22 is used to capture an image, or a plurality of camera units 22 are simultaneously used to capture an image.

Here, the camera unit 22 according to the first exemplary embodiment is used for various functions of the smartphone 10 . For example, an image obtained with the camera unit 22 is displayed on the display panel 14A, or an image obtained with the camera unit 22 is used as an operation input on the operation panel 14B.

Further, the camera unit 22 adds audio information (which may be converted from audio information to text information by the controller 38 or the like) or the like obtained by the microphone 18 to still image or moving image data. The camera unit 22 records the audio information added image data in the memory 28 or outputs the audio information added image data to an external device via the external input/output unit 30 or the wireless communication unit 24 .

Incidentally, when image data is stored in at least one of the internal memory 28A and the external memory 28B and an instruction to display a list of image data is given in response to a user operation, the smartphone 10 according to the first exemplary embodiment controls display Panel 14A to display the list. In the first exemplary embodiment, image data obtained by capturing an image with an image capturing unit such as the camera unit 22 is applied as the above-described image data.

In this way, the smartphone 10 according to the first exemplary embodiment displays the image list represented by the above-mentioned image data. However, the smartphone 10 is not limited to this example. Optionally, an image list of icons representing document files, audio files, application programs, etc. stored in memory 28 may be displayed.

Next, referring to FIG. 3 , the operation of the smartphone 10 according to the first exemplary embodiment will be described. 3 is a flowchart showing a processing flow of a display control processing program executed by the controller 38 of the smartphone 10 in response to an execution instruction input via the operation panel 14B or the operation unit 20 . This program is stored in a predetermined area of the internal memory 28A in advance.

In step S101 of FIG. 3 , the controller 38 performs control to display a menu screen on the display panel 14A, the menu screen serving as a starting point of screen transition.

As shown in FIG. 4, the menu screen 42 according to the first exemplary embodiment includes a mail button 44a for accepting an instruction to activate a mail function, and a web button 44b for accepting an instruction to activate a web browsing function. The menu screen 42 also includes a camera button 44c for accepting an instruction to activate the camera function, and an image list button 44d for accepting an instruction to activate the above-mentioned list display function. The menu screen 42 also includes menu buttons such as a conversation button 44e for accepting an instruction to activate a conversation function, and a setting button 44f for accepting an instruction to activate various setting functions.

On the menu screen 42, the user selects one of the menu items by touching the top of the menu button corresponding to the function to be activated. In response thereto, the controller 38 activates the function corresponding to the selected menu button.

In step S103, the process waits for the user to select one of the menu buttons. In step S105, it is determined whether the menu button selected by the user is the image list button 44d. When the determination in step S105 is negative, the process proceeds to step S107, the function corresponding to the selected menu button is executed, and the display control processing program is terminated. In contrast, when the determination in step S105 is affirmative, the process proceeds to step S109.

In step S109, the controller 38 performs control to display on the display panel 14A an image list screen that displays a list of images represented by image data stored in the memory 28 (hereinafter referred to as “images to be displayed”). .

As shown in FIG. 5 , the image list screen 46 according to the first exemplary embodiment is a display area of the display panel 14A, which is divided in a predetermined direction (in the front view of FIG. 5 in the first exemplary embodiment, Vertical direction; hereinafter referred to as "division direction") into a plurality of divided areas 48 divided. Each divided area 48 is further divided into an image display area 48A that displays an image to be displayed 50 and an attribute display area 48B that displays an attribute corresponding to the image to be displayed 50 displayed in the image display area 48A.

The image to be displayed 50 is assigned to the divided area 48 according to a predetermined attribute and displayed in the divided area 48 . Here, the to-be-displayed images 50 assigned according to the attributes are arranged and displayed in a direction intersecting the above-mentioned division direction (the horizontal direction in the front view of FIG. 5 in the first exemplary embodiment; hereinafter referred to as "arrangement direction"). In the divided area 48 .

In the smartphone 10 according to the first exemplary embodiment, an image represented by image data obtained by capturing an image with the camera unit 22 of the smartphone 10, or an image represented by image data stored in the memory 28 is Apply as the image to be displayed 50 . In the smartphone 10 , an image represented by image data obtained by capturing an image and input from an external device via the wireless communication unit 24 , the external input/output unit 30 , etc. is also applied as the image to be displayed 50 . Information representing the photographer is added to each image data representing the image to be displayed 50 applied in the smartphone 10 according to the first exemplary embodiment, and the image data with this added information is stored. In the first exemplary embodiment, photographer is applied as the attribute described above.

In step S111 , the controller 38 enters a standby state until an input operation is performed on one of the operation panel 14B and the operation unit 20 . In step S113, it is determined whether the input operation is an input operation for giving an instruction to terminate the display control processing program. In the smartphone 10 according to the first exemplary embodiment, when the operation unit 20 positioned on the left in the front view of the smartphone 10 is pressed, the processing being executed at that time is terminated. Therefore, the determination of whether the operation unit 20 is depressed enables the determination of whether the input operation is an input operation to give an instruction to terminate the display control processing program.

When the determination in step S113 is negative, the process proceeds to step S115, and it is determined whether the input operation is an input operation to designate two or more positions. At this time, the controller 38 determines that the input operation is an input operation designating two or more positions when two or more positions in at least one divided area 48 are touched via the operation panel 14B.

When the determination in step S115 is negative, the processing proceeds to step S117, processing according to the input operation is performed, and the display control processing program is terminated. The processing according to the input operation is, for example, when one of the images to be displayed 50 is designated by performing an input operation designating a position, the designated image to be displayed 50 is enlarged and the enlarged display is displayed in the entire display area of the display panel 14A. processing of image 50 .

In contrast, when the determination in step S115 is affirmative, the process proceeds to step S119, and the divided area 48 displayed at the position on the operation panel 14B designated on the operation panel 14B (hereinafter referred to as "specified position") is extracted. (hereinafter referred to as "extraction area"). In the first exemplary embodiment, when another divided area 48 is displayed between the plurality of divided areas 48 displayed at designated positions, the other divided area 48 is also used as the extraction area. However, the processing is not limited to this case. That is, even when another divided area 48 is displayed between the divided areas 48 displayed at the designated position, only the divided area 48 displayed at the designated position is used as the extraction area.

In step S121, it is determined whether or not the designated position moves along the dividing direction. At this time, the controller 38 determines that the designated position has moved in the case where the designated position has moved a predetermined distance (for example, 3 mm) or more in the division direction from the initial designated position while performing the process of step S111 .

When the determination in step S121 is negative, the process proceeds to step S131 described later. In contrast, when the determination in step S121 is affirmative, the process proceeds to step S123, and it is determined whether the designated positions are closer to each other in the division direction. At this time, when there are three or more designated positions, it is determined that the designated positions are closer to each other in the case where at least two designated positions are closer to each other in the division direction.

When the determination in step S123 is affirmative, the process proceeds to step S125, the controller 38 performs control to reduce the size of the extraction region in the division direction, and, according to the size reduction of the extraction region, the controller 38 performs control to maintain The size of the image to be displayed 50 displayed in the extraction area is reduced while reducing the aspect ratio, and the image to be displayed 50 whose size is reduced is displayed. At this time, it is preferable to reduce the size of the extraction region at a certain reduction ratio in accordance with the amount of movement of the designated position in the division direction. However, downsizing is not limited to this case. The downsizing can be performed at a predetermined downscaling ratio (for example, 1/2 times). It is also preferable to reduce the size of the image to be displayed 50 at the rate at which the divided area 48 is reduced in size. However, downsizing is not limited to this case. It is only necessary to reduce the size of the image 50 to be displayed to a size that can be displayed inside the divided area 48 .

In contrast, when the determination in step S123 is negative, the process proceeds to step S127, and it is determined whether the designated positions are far away from each other in the division direction. At this time, when there are three or more designated positions, it is determined that the designated positions are far away from each other in the case where at least two designated positions are far away from each other in the dividing direction.

When the determination in step S127 is negative, the process proceeds to step S131 described above. In contrast, when the determination in step S127 is affirmative, the process proceeds to step S129, the controller 38 performs control to enlarge the extraction region in the division direction, and, according to the enlargement of the extraction region, the controller 38 performs control to maintain the aspect ratio At the same time, the to-be-displayed image 50 displayed in the extraction area is enlarged, and the enlarged to-be-displayed image 50 is displayed. At this time, it is preferable to enlarge the extraction region at a certain enlargement ratio in accordance with the amount of movement of the specified position in the division direction. However, the enlargement is not limited to this case. This magnification can be performed at a predetermined magnification ratio (for example, 2 times). It is also preferable to enlarge the image to be displayed 50 at an enlargement ratio at which the divided area 48 is enlarged. However, the enlargement is not limited to this case. It is only necessary to enlarge the image 50 to be displayed to a size that can be displayed in the divided area 48 .

In step S131, it is determined whether the user's touch on the operation panel 14B is released, thereby determining whether the input operation is canceled. When the determination in step S131 is negative, the process returns to the above-mentioned step S121. In contrast, when the determination in step S131 is affirmative, the process returns to the above-mentioned step S111.

In contrast, when the determination in step S113 is affirmative, the process proceeds to step S133, the controller 38 controls the display panel 14A to stop displaying the image list screen 46, and terminates the display control processing program.

For example, as shown in FIG. 6A, it is assumed that two positions in the divided area 48 in which the image to be displayed 50 of the photographer B is displayed are used as designated positions 54, and the two designated positions 54 are moved in a direction in which the two designated positions 54 are separated from each other in the divided direction. Specify position 54. In this case, as shown in FIG. 6B, the controller 38 regards the divided area 48 as an extraction area, enlarges the extraction area according to the movement of the designated position 54, and adjusts the image to be displayed displayed in the extraction area according to the enlargement of the extraction area. 50 for magnification and display.

In the first exemplary embodiment, as shown in FIG. 6B , as the enlargement ratio in the enlargement control increases according to the enlargement of the extraction region, the controller 38 increases the reduction ratio and reduces the divided region 48 which is not the extracted region in the division direction. (hereinafter referred to as "non-extraction area") size. Furthermore, the controller 38 reduces the size of the image to be displayed 50 displayed in the non-extraction area according to the size reduction of the non-extraction area, and displays the image to be displayed 50 whose size is reduced. At this time, the controller 38 preferably reduces the size of the non-extracted area at a certain reduction ratio along the dividing direction, wherein all the divided areas 48 displayed in the display area of the display panel 14A before the process of enlarging the above-mentioned extracted area is performed by The reduction ratio is displayed. Alternatively, the size of the non-extraction area may be reduced at a predetermined reduction ratio.

As shown in FIG. 7, when enlarging the extraction area, the controller 38 may not reduce the size of the non-extraction area and the image to be displayed 50 displayed in the non-extraction area, and display the non-extraction area and the image to be displayed in their original sizes. Image 50 is displayed.

For example, as shown in FIG. 8A , it is assumed that one position in the divided area 48 where the image to be displayed 50 of the photographer B is displayed and one position in the divided area 48 where the image to be displayed 50 of the photographer C is displayed are used as the specified position 54 . It is also assumed that these specified positions 54 move in a direction in which the specified positions 54 are separated from each other in the division direction. In this case, as shown in FIG. 8B , the controller 38 regards the divided area 48 showing the image to be displayed 50 of the photographer B and the divided area 48 showing the image to be displayed 50 of the photographer C as extraction areas, and according to The movement of the designated position 54 enlarges the extraction area along the dividing direction. In addition, the controller 38 enlarges and displays the to-be-displayed image 50 displayed in the extraction area according to the enlargement of the extraction area.

For example, as shown in FIG. 9A , assume that one position in the divided area 48 where the image to be displayed 50 of the photographer B is displayed and one position in the divided area 48 where the image to be displayed 50 of the photographer D is displayed are used as the specified position 54 . It is also assumed that these specified positions 54 move in a direction in which the specified positions 54 are separated from each other in the division direction. In this case, as shown in FIG. 9B , the controller 38 will display the divided areas 48 of the to-be-displayed images 50 of the photographer B and the photographer D and display the to-be-displayed image of the photographer C sandwiched between these divided areas 48 . The divided area 48 of the image 50 is regarded as an extraction area. The controller 38 enlarges the extraction area in the division direction according to the movement of the designated position 54 . In addition, the controller 38 enlarges and displays the to-be-displayed image 50 displayed in the extraction area according to the enlargement of the extraction area.

In the examples so far, the description has been made on the divided area 48 and the example in which the image to be displayed 50 displayed in the divided area 48 is enlarged. However, this example is also applicable to the divided area 48 and the case where the size of the image to be displayed 50 displayed in the divided area 48 is reduced.

That is, for example, as shown in FIG. 10A , it is assumed that one position in the divided area 48 where the image to be displayed 50 of the photographer B is displayed and one position in the divided area 48 where the image to be displayed 50 of the photographer C is displayed are used as the specified positions. 54. It is also assumed that the designated positions 54 move in a direction in which the designated positions 54 are closer to each other in the division direction. In this case, as shown in FIG. 10B , the controller 38 regards the divided area 48 showing the image to be displayed 50 of the photographer B and the divided area 48 showing the image to be displayed 50 of the photographer C as extraction areas. The controller 38 reduces the size of the extraction area along the dividing direction according to the movement of the designated position 54, and performs size reduction and display of the image to be displayed 50 displayed in the extraction area according to the size reduction of the extraction area.

Furthermore, the smartphone 10 can enlarge or reduce the size of all the divided areas 48 displayed in the display area of the display panel 14A. That is, for example, as shown in FIG. 11A , it is assumed that one position in the divided area 48 in which the image to be displayed 50 of the photographer B is displayed and one position in the divided area 48 in which the image to be displayed 50 of the photographer C is displayed are used as specified positions. 54. It is also assumed that these specified positions 54 move in a direction in which the specified positions 54 are separated from each other in the division direction. In this case, as shown in FIG. 11B , the controller 38 regards all the divided areas 48 displayed in the display area as extraction areas. The controller 38 enlarges the extraction area along the dividing direction according to the movement of the designated position 54, and enlarges and displays the to-be-displayed image 50 displayed in the extraction area according to the enlargement of the extraction area.

Further, for example, as shown in FIG. 12A , it is assumed that one position in the divided area 48 where the image to be displayed 50 of the photographer B is displayed and one position in the divided area 48 where the image to be displayed 50 of the photographer C is displayed are used as designation position 54. It is also assumed that these specified positions 54 move in a direction in which the specified positions 54 are closer to each other in the division direction. In this case, as shown in FIG. 12B , the controller 38 regards all divided areas 48 displayed in the display area as extraction areas. The controller 38 reduces the size of the extraction area along the dividing direction according to the movement of the designated position 54, and performs size reduction and display of the image to be displayed 50 displayed in the extraction area according to the size reduction of the extraction area.

When the specified positions 54 are separated from each other by a predetermined threshold (for example, 3 cm) or more in the division direction, the sizes of all division areas 48 displayed in the display area may be enlarged or reduced. It is preferable to determine the threshold value by considering the distance between the fingertips of the user in a state where the user positions a plurality of fingers for specifying the divided area 48 . Alternatively, when the number of divided areas 48 sandwiched between a plurality of designated areas is greater than or equal to a predetermined threshold (for example, 2), the sizes of all divided areas 48 displayed in the display area may be enlarged or reduced.

When a divided area 48 and a boundary area between a plurality of divided areas 48 are specified, the specified divided area 48 and the divided area 48 sandwiched between the specified divided area 48 and the specified boundary area can preferably be used as the extraction area.

second exemplary embodiment

The smartphone 10 according to the above-described first exemplary embodiment performs control to enlarge the extraction area and the size of the image to be displayed 50 displayed in the extraction area when the specified positions 54 are moved away from each other or brought closer to each other via the operation panel 14B. or zoom out. In contrast, when an operation of redesignating the designated position 54 is performed via the operation panel 14B, the smartphone 10 according to the second exemplary embodiment performs control to control the extraction region and the to-be-displayed image 50 displayed in the extraction region. to enlarge or reduce the size.

Since the configuration of the smartphone 10 according to the second exemplary embodiment is the same as or similar to that of the smartphone 10 according to the first exemplary embodiment, description thereof will be omitted here.

Next, referring to FIG. 13 , the operation of the smartphone 10 according to the second exemplary embodiment will be described. 13 is a flowchart showing a processing flow of a display control processing program executed by the controller 38 of the smartphone 10 in response to an execution instruction input via the operation panel 14B or the operation unit 20 according to the second exemplary embodiment. Control handler. This program is stored in a predetermined area of the internal memory 28A in advance.

First, in steps S101 to S117 and step S133, the same processing as that of steps S101 to S117 and step S133 of the first exemplary embodiment is performed.

When the determination in step S115 is affirmative, the process proceeds to step S201.

In step S201 , it is determined whether a predetermined operation is performed at the designated position 54 . In the second exemplary embodiment, an operation of releasing the fingertip from the specified position 54 and then specifying the specified position 54 again within a predetermined time (so-called "double-tap operation") is applied as the predetermined operation. It should be noted that the predetermined operation is not limited to the double-click operation, and the operation of moving the specified position 54 in a predetermined direction, or the operation of specifying the same position for a predetermined period of time (for example, two seconds) or longer (so-called "long press operation") Can be applied as a scheduled action.

When the determination in step S201 is negative, the processing proceeds to step S203, the processing according to the designated position 54 is performed, and the display control processing program is terminated. The processing according to the specified position 54 according to the second exemplary embodiment is, for example, the processing performed with the display control processing program according to the first exemplary embodiment.

In contrast, when the determination in step S201 is affirmative, the process proceeds to step S119, the same process as step S119 of the first exemplary embodiment is performed, and the process proceeds to step S205.

In step S205, it is determined whether the extraction region has been enlarged along the division direction. At this time, when the extraction region has been enlarged by the processing in step S207 described later, the controller 38 determines that the extraction region has been enlarged.

When the determination in step S205 is negative, the process proceeds to step S207, and the controller 38 performs control to enlarge the extraction region at a predetermined enlargement ratio (for example, 2 times) in the division direction. Further, the controller 38 performs control to enlarge and display the to-be-displayed image 50 displayed in the extraction region while maintaining the aspect ratio, and the process returns to step S111. In the second exemplary embodiment, the internal memory 28A stores in advance information indicating a predetermined enlargement ratio. The controller 38 obtains this information from the internal memory 28A, and enlarges the extraction region and the image to be displayed 50 at the enlargement ratio indicated by the obtained information.

In contrast, when the determination in step S205 is affirmative, the process proceeds to step S209, and the controller 38 performs control to reduce the size of the extraction region at a predetermined reduction ratio (for example, 1/2 times) in the division direction. Further, the controller 38 performs control to downsize and display the to-be-displayed image 50 displayed in the extraction region while maintaining the aspect ratio, and the process returns to step S111. In the second exemplary embodiment, the internal memory 28A stores in advance information indicating a predetermined reduction ratio. The controller 38 obtains this information from the internal memory 28A, and reduces the extraction region and the image to be displayed 50 at a reduction ratio indicated by the obtained information.

When there are a plurality of extraction regions, the processing in step S207 or S209 may be performed for all the extraction regions, or the processing in steps S205 to S209 may be performed in each extraction region.

For example, as shown in FIG. 14A , it is assumed that the above-described double-click is performed at two positions in the divided area 48 where the image to be displayed 50 of the photographer B is displayed. In this case, as shown in FIG. 14B , the controller 38 regards the divided area 48 displaying the image to be displayed 50 of the photographer B as an extraction area. Further, the controller 38 enlarges the extraction area at a predetermined enlargement ratio in the division direction, and the controller 38 enlarges and displays the image to be displayed 50 displayed in the extraction area according to the enlargement of the extraction area.

As shown in FIG. 14B , it is assumed that the divided area 48 in which the image to be displayed 50 of the photographer B is displayed is enlarged, and double-clicking is performed at two positions in the divided area 48 . In this case, the controller 38 regards the divided area 48 where the image to be displayed 50 of the photographer B is displayed as an extraction area. In addition, the controller 38 reduces the size of the extracted region at a predetermined reduction ratio along the division direction, and the controller 38 reduces and displays the image to be displayed 50 displayed in the extracted region according to the reduced size of the extracted region.

For example, as shown in FIG. 15A , it is assumed that the divided area 48 displaying the image 50 to be displayed of the photographer B, the divided area 48 displaying the image 50 to be displayed of the photographer C, and the division area 48 displaying the image 50 to be displayed of the photographer D A double click is performed in each of the regions 48 . In this case, as shown in FIG. 15B , the controller 38 will display the divided area 48 of the image to be displayed 50 of the photographer B, the divided area 48 of the image 50 to be displayed of the photographer C, and the divided area 48 of the displayed image 50 of the photographer D. The divided area 48 of the image to be displayed 50 is regarded as an extraction area. Further, the controller 38 enlarges the extraction area at a predetermined enlargement ratio along the dividing direction, and enlarges and displays the image to be displayed 50 displayed in the extraction area according to the enlargement of the extraction area.

Alternatively, assume that a double tap is performed in the divided area 48 where the image to be displayed 50 of the photographer B is displayed and the divided area 48 where the image to be displayed 50 of the photographer D is displayed. In this case, the controller 38 may display the divided area 48 displaying the image to be displayed 50 of the photographer B and the divided area 48 displaying the image 50 to be displayed of the photographer D, and the display between these divided areas 48 . The divided area 48 of the image to be displayed 50 of the photographer C is regarded as an extraction area.

third exemplary embodiment

When the specified positions 54 in the image display area 48A are moved away from each other or brought closer to each other via the operation panel 14B, the smartphone 10 according to the above-described first exemplary embodiment performs control to control the extraction area and the image to be displayed displayed in the extraction area. The size of the image 50 is enlarged or reduced. In contrast, the smartphone 10 according to the third exemplary embodiment performs the above-described enlargement or reduction in size control when the plurality of specified positions 54 in the attribute display area 48B are moved away from each other or brought closer to each other via the operation panel 14B.

Since the configuration of the smartphone 10 according to the third exemplary embodiment is the same as or similar to that of the smartphone 10 according to the first and second exemplary embodiments, description thereof will be omitted here.

Next, referring to FIG. 16 , the operation of the smartphone 10 according to the third exemplary embodiment will be described. 16 is a flowchart showing a processing flow of a display control processing program executed by the controller 38 of the smartphone 10 in response to an execution instruction input via the operation panel 14B or the operation unit 20 . This program is stored in a predetermined area of the internal memory 28A in advance.

First, in steps S101 to S113 and step S133, the same processing as that of steps S101 to S113 and step S133 of the first exemplary embodiment is performed.

In step S301, it is determined whether the input operation is an operation to designate two or more positions in the attribute display area 48B. At this time, when the user touches two or more positions in the attribute display area 48B of any divided area 48 via the operation panel 14B, it is determined that the input operation is to designate two or more positions in the attribute display area 48B. operate.

When the determination in step S301 is negative, the processing proceeds to step S117, and the same processing as in step S117 of the first exemplary embodiment is performed.

In contrast, when the determination in step S301 is affirmative, the process proceeds to step S119. In steps S119 to S133, the same processing as steps S119 to S133 of the first exemplary embodiment is performed.

For example, as shown in FIG. 17A , it is assumed that a position in the attribute display area 48B in which the divided area 48 of the image to be displayed 50 of the photographer B is displayed and the attribute display of the divided area 48 in which the image to be displayed 50 of the photographer C is displayed are designated. A location in area 48B. It is assumed that these specified positions 54 move in a direction in which the specified positions 54 are separated from each other in the division direction. In this case, as shown in FIG. 17B , the controller 38 regards the divided area 48 showing the image to be displayed 50 of the photographer B and the divided area 48 showing the image to be displayed 50 of the photographer C as extraction areas. In addition, the controller 38 enlarges the extraction area in the division direction according to the movement of the designated position 54, and enlarges and displays the image to be displayed 50 displayed in the extraction area according to the enlargement of the extraction area.

Fourth Exemplary Embodiment

When the specified positions 54 in the attribute display area 48B are moved away from each other or brought closer to each other via the operation panel 14B, the smartphone 10 according to the third exemplary embodiment performs control to control the extraction area and the image to be displayed displayed in the extraction area. 50 dimensions to zoom in or out. In contrast, when the specified positions 54 in the attribute display area 48B are brought closer to each other via the operation panel 14B, the smartphone 10 according to the fourth exemplary embodiment combines the extracted areas to obtain one combined area. The smartphone 10 according to the fourth exemplary embodiment performs control to enlarge and display the to-be-displayed images 50 displayed in the respective extraction areas in the combination area.

Since the configuration of the smartphone 10 according to the fourth exemplary embodiment is the same as or similar to that of the smartphone 10 according to the first to third exemplary embodiments, description thereof will be omitted here.

Next, referring to FIG. 18 , the operation of the smartphone 10 according to the fourth exemplary embodiment will be described. 18 is a flowchart showing a processing flow of a display control processing program executed by the controller 38 of the smartphone 10 in response to an execution instruction input via the operation panel 14B or the operation unit 20 . This program is stored in a predetermined area of the internal memory 28A in advance.

First, in steps S101 to S113, the same processing as steps S101 to S113 of the first exemplary embodiment is performed. In step S301, the same processing as step S301 of the third exemplary embodiment is performed, and the processing proceeds to step S119. Further, in steps S119 to S123, the same processing as steps S119 to S123 of the first exemplary embodiment is performed. When the determination in step S123 is negative, the process proceeds to step S131 described later. In contrast, when the determination in step S123 is affirmative, the process proceeds to step S401.

In step S401, the controller 38 combines the extracted areas to obtain one divided area (hereinafter referred to as "combined area") 48C. At this time, the controller 38 obtains the size of the combined area 48C by adding the sizes of the pre-combined extraction areas.

In step S403, the controller 38 performs control to enlarge and display the to-be-displayed image 50 displayed in the extraction area in the combination area 48C. At this time, the controller 38 enlarges each to-be-displayed image 50 according to the size of the combination area 48C.

For example, as shown in FIG. 19A , it is assumed that one position in the attribute display area 48B of the divided area 48 displaying the image to be displayed 50 of the photographer B and the attribute display area of the divided area 48 displaying the image 50 of the photographer C to be displayed are A location in 48B is specified. It is also assumed that these specified positions 54 are closer to each other in the division direction. In this case, as shown in FIG. 19B , the controller 38 combines the divided area 48 showing the image to be displayed 50 of the photographer B and the divided area 48 showing the image to be displayed 50 of the photographer C to obtain one combined area. 48C. At this time, as described above, the combined area 48C is an area whose size is obtained by adding up the divided area 48 in which the image to be displayed 50 of the photographer B is displayed and the divided area 48 in which the image to be displayed 50 of the photographer C is displayed . In addition, the controller 38 enlarges the image to be displayed 50 of the photographer B and the image to be displayed 50 of the photographer C according to the size of the combined area 48C, and displays the enlarged image to be displayed 50 in the combined area 48C.

In step S131, the same processing as step S131 of the first exemplary embodiment is performed.

Note that when a predetermined operation is performed in the combined area 48C via the operation panel 14B, the combined area 48C can be ungrouped, and several divided areas 48 combined into the combined area 48C can be independently displayed. In this case, the controller 38 performs control to display the pre-combined divided areas 48 in the display area of the display panel 14A. The predetermined operation is, for example, the above-mentioned double-click operation or the above-mentioned long-press operation performed in the combination area 48C.

Fifth Exemplary Embodiment

When the specified positions 54 in the attribute display area 48B are brought closer to each other via the operation panel 14B, the smartphone 10 according to the fourth exemplary embodiment performs control to combine the extracted areas to obtain one combined area 48C and display the combined area 48C . In contrast, the smartphone 10 according to the fifth exemplary embodiment performs control so that, when the specified position 54 in the attribute display area 48B is moved to another divided area 48 via the operation panel 14B, the positions before and after the movement are compared. The extracted areas 48 are combined to obtain a combined area 48C, and the combined area 48C is displayed.

Since the configuration of the smartphone 10 according to the fifth exemplary embodiment is the same as or similar to that of the smartphone 10 according to the first to fourth exemplary embodiments, description thereof will be omitted here.

Next, referring to FIG. 20 , the operation of the smartphone 10 according to the fifth exemplary embodiment will be described. 20 is a flowchart showing a processing flow of a display control processing program executed by the controller 38 of the smartphone 10 in response to an execution instruction input via the operation panel 14B or the operation unit 20 . This program is stored in a predetermined area of the internal memory 28A in advance.

First, in steps S101 to S113, S117, and S133, the same processes as those of steps S101 to S113, S117, and S133 of the first exemplary embodiment are performed. When the determination in step S113 is negative, the process proceeds to step S501.

In step S501, it is determined whether the input operation is an operation to designate a point in the attribute display area 48B. At this time, when a position in the attribute display area 48B of any divided area 48 is touched via the operation panel 14B, the controller 38 determines that the input operation is an operation of specifying a point in the attribute display area 48B.

When the determination in step S501 is negative, the process proceeds to step S117, and the same process as step S117 of the first exemplary embodiment is performed. In contrast, when the determination in step S501 is affirmative, the process proceeds to step S503.

In step S503, it is determined whether or not the movement of the specified position 54 in the dividing direction has started. At this time, when the designated position 54 moves a predetermined distance (for example, 3 mm) or more in the dividing direction, the controller 38 determines that the movement of the designated position 54 in the dividing direction starts.

When the determination in step S503 is negative, the process proceeds to step S131. In contrast, when the determination in step S503 is affirmative, the process proceeds to step S505.

In step S505, the controller 38 enters a standby state until the movement of the designated position 54 in the dividing direction stops. In step S507, it is determined whether the stop position of the designated position 54 is in another divided area 48 (different divided area 48) different from the divided area 48 displayed at the designated position 54 (hereinafter referred to as "designated area"). In the fifth exemplary embodiment, when the stop position is in the attribute display area 48B of the different divided area 48 , it is determined that the stopped position of the designated position 54 is in a different divided area 48 different from the designated area. However, the determination method is not limited to this case. Alternatively, when the stop position is in the image display area 48A of the different divided area 48, it may be determined that the stop position is in the different divided area 48 different from the designated area.

When the determination in step S507 is negative, the process proceeds to step S131. In contrast, when the determination in step S507 is affirmative, the process proceeds to step S509.

In step S509 , the controller 38 extracts the divided area 48 displayed at the stop position of the designated position 54 as an extraction area. Alternatively, when another divided area 48 is displayed between the divided area 48 displayed at the specified position 54 and the extraction area, the other divided area 48 may also be used as the extraction area.

In step S511, the controller 38 combines the designated area and the extracted area to obtain one combined area 48C. In step S513 , the controller 38 performs control to enlarge the image to be displayed 50 displayed in the designated area and the extracted area, and to display the enlarged image to be displayed 50 in the combination area 48C.

For example, as shown in FIG. 21A , it is assumed that a point in the attribute display area 48B of the divided area 48 where the image to be displayed 50 of the photographer B is displayed is designated, and the designated position 54 is moved to the area where the image to be displayed 50 of the photographer C is displayed. Attribute display area 48B of divided area 48 . In this case, as shown in FIG. 21B , the controller 38 combines the divided area 48 showing the image to be displayed 50 of the photographer B and the divided area 48 showing the image to be displayed 50 of the photographer C to obtain one combined area. 48C. It is to be noted that the combined area 48C is an area obtained by adding the divided area 48 displaying the image to be displayed 50 of the photographer B and the divided area 48 displaying the image 50 of the photographer C to be displayed. In addition, the controller 38 enlarges the image to be displayed 50 of the photographer B and the image to be displayed 50 of the photographer C according to the size of the combination area 48C, and displays the enlarged image to be displayed 50 in the combination area 48C.

In step S131, the same processing as step S131 of the first exemplary embodiment is performed.

It is to be noted that when a predetermined operation is performed in the combined area 48C via the operation panel 14B, the combined area 48C can be ungrouped, and each divided area 48 combined into the combined area 48C can be displayed independently. In this case, the controller 38 performs control to display the pre-combined divided areas 48 in the display area of the display panel 14A. The predetermined operation is, for example, the above-mentioned double-click operation or the above-mentioned long-press operation performed in the combination area 48C.

Sixth Exemplary Embodiment

When the divided area 48 is designated via the operation panel 14B and a predetermined operation is performed, the smartphone 10 according to the first to fifth exemplary embodiments performs control to enlarge or reduce the size of the extraction area. In contrast, the smartphone 10 according to the sixth exemplary embodiment performs control to enlarge or reduce the size of the divided area adjacent to the bounded area when the boundary area between the divided areas 48 is specified via the operation panel 14B.

Since the configuration of the smartphone 10 according to the sixth exemplary embodiment is the same as or similar to that of the smartphone 10 according to the first to fifth exemplary embodiments, description thereof will be omitted here.

Next, referring to FIG. 22 , the operation of the smartphone 10 according to the sixth exemplary embodiment will be described. 22 is a flowchart showing a processing flow of a display control processing program executed by the controller 38 of the smartphone 10 in response to an execution instruction input via the operation panel 14B or the operation unit 20 . This program is stored in a predetermined area of the internal memory 28A in advance.

First, in steps S101 to S113, and S133, the same processing as steps S101 to S113 and S133 of the first exemplary embodiment is performed. When the determination in step S113 is negative, the process proceeds to step S601.

In step S601 , it is determined whether the input operation is an operation to designate one or more points in the boundary area between the divided areas 48 . At this time, when one or more positions within a predetermined distance (for example, 1 mm) from the boundary line between the divided areas 48 are touched via the operation panel 14B, the controller 38 determines that the input operation is at the boundary between the divided areas 48 An operation specifying one or more points in a region.

When the determination in step S601 is negative, the process proceeds to step S117, and the same process as step S117 of the first exemplary embodiment is performed. In contrast, when the determination in step S601 is affirmative, the process proceeds to step S603.

In step S603, it is determined whether one or more specified positions 54 move along the dividing direction. At this time, the controller 38 determines that the one or more designated positions 54 move along the dividing direction when the one or more designated positions 54 move a predetermined distance (for example, 3 mm) or more in the dividing direction.

When the determination in step S603 is negative, the process proceeds to step S131. In contrast, when the determination in step S603 is affirmative, the process proceeds to step S605.

In step S605, the boundary area closest to the specified position 54 (hereinafter referred to as "specified boundary area") is moved in the dividing direction according to the movement of the specified position 54 in the dividing direction. By moving the specified boundary area, the controller 38 performs control to enlarge or reduce the size of the divided area 48 adjacent to the specified boundary area.

In step S607, the controller 38 performs control to enlarge or reduce the size of the image to be displayed 50 displayed in the divided area 48 adjacent to the specified boundary area according to the enlarged or reduced size of the divided area 48 while maintaining the vertical and horizontal dimensions. Compare.

For example, as shown in FIG. 23A , assume that the boundary area AB between the divided area 48 displaying the image to be displayed 50 of the photographer A and the divided area 48 displaying the image 50 of the photographer B to be displayed is specified via the operation panel 14B. It is also assumed that the boundary area CD between the divided area 48 in which the image to be displayed 50 of the photographer C is displayed and the divided area 48 in which the image to be displayed 50 of the photographer D is displayed is designated via the operation panel 14B. Further, it is assumed that the specified positions 54 move in a direction in which the specified positions 54 are separated from each other in the division direction. In this case, as shown in FIG. 23B , the controller 38 moves the border area AB and the border area CD in a direction in which the border areas AB and CD move away from each other in the division direction according to the movement of the designated position 54 . Accordingly, the controller 38 enlarges the divided area 48 displaying the image to be displayed 50 of the photographer B and the divided area 48 displaying the image 50 of the photographer C existing between the boundary area AB and the boundary area CD. At this time, the image to be displayed 50 of the photographer B is enlarged and displayed according to the enlargement of the divided area 48 where the image to be displayed 50 of the photographer B is displayed. In addition, the image to be displayed 50 of the photographer C is enlarged and displayed according to the enlargement of the divided area 48 where the image to be displayed 50 of the photographer C is displayed.

When there are three or more divided areas 48 between two specified boundary areas, the controller 38 performs control to enlarge or reduce the size of each of the three or more divided areas 48 while maintaining Three or more divided areas 48 are in the same size. When the three or more divided areas 48 have different sizes, the controller 38 performs control to enlarge or reduce the size of each of the three or more divided areas 48 without changing the size of the three or more divided areas 48 . The size ratio of the plurality of divided regions 48 .

In the sixth exemplary embodiment, when there are two or more specified boundary areas, the size of the divided area 48 not sandwiched between the specified boundary areas does not change. However, the sixth exemplary embodiment is not limited to this case. That is, when the divided area 48 sandwiched between the specified boundary areas is enlarged, the size of the divided area 48 not sandwiched between the specified boundary areas can be reduced at a certain reduction ratio that follows the enlargement ratio of the above-mentioned enlargement. increased by the increase. In addition, when the size of the divided area 48 sandwiched between the specified boundary areas is reduced, the divided area 48 not sandwiched between the specified boundary areas can be enlarged at a certain enlargement ratio that follows the reduction ratio of the above-mentioned size reduction. increased by the increase.

In step S131, the same processing as step S131 of the first exemplary embodiment is performed.

In the sixth exemplary embodiment, it is assumed that, after performing control to enlarge or reduce the extraction area and the size of the image to be displayed 50 displayed in the extraction area by moving the boundary area, execution such as The intended action for the double-click described above. In this case, it is preferable to perform control to restore the boundary area to the state before the movement and restore the extraction area and the image to be displayed 50 displayed in the extraction area to the state before the movement.

Seventh Exemplary Embodiment

When the divided area 48 is designated via the operation panel 14B and a predetermined operation is performed, the smartphone 10 according to the first exemplary embodiment performs control to enlarge or reduce the size of the extraction area. In contrast, the smartphone 10 according to the seventh exemplary embodiment performs control to, when a predetermined operation is performed via the operation panel 14B, divide the area 48 which is a control target to be enlarged or reduced in size designated in advance via the operation panel 14B. to enlarge or reduce the size.

Since the configuration of the smartphone 10 according to the seventh exemplary embodiment is the same as or similar to that of the smartphone 10 according to the first to sixth exemplary embodiments, description thereof will be omitted here.

Next, referring to FIG. 24 , the operation of the smartphone 10 according to the seventh exemplary embodiment will be described. 24 is a flowchart showing a processing flow of a display control processing program executed by the controller 38 of the smartphone 10 in response to an execution instruction input via the operation panel 14B or the operation unit 20 . This program is stored in a predetermined area of the internal memory 28A in advance.

First, in steps S101 to S113 and S133, the same processing as steps S101 to S113 and S133 of the first exemplary embodiment is performed. When the determination in step S113 is negative, the process proceeds to step S701.

In step S701 , it is determined whether or not the input operation is an operation to designate the attribute display area 48B of each divided area 48 . At this time, when one or more positions in the attribute display area 48B of any divided area 48 are touched via the operation panel 14B, the controller 38 determines that the input operation is an operation to designate the attribute display area 48B of each divided area 48 .

When the determination in step S701 is negative, the process proceeds to step S115. In contrast, when the determination in step S701 is affirmative, the process proceeds to step S703.

In step S703 , the controller 38 performs control to display a mark indicating that the divided area is the designated divided area 48 at the divided area 48 displayed at the designated position 54 .

For example, as shown in FIG. 25A, when the attribute display area 48B of the divided area 48 of the photographer B is designated, the background color of the attribute display area 48B of the divided area 48 of the photographer B changes to indicate that the divided area 48 is designated. The color of the region targeted by the control.

When the divided area 48 specifying the attribute display area 48B has been designated as the control target, it is preferable to reject the divided area 48 as the control target and change the background color of the attribute display area 48B of the divided area back to the original color.

In step S705, the divided area 48 displayed as a control target is extracted, and the extracted divided area 48 is used as the above-mentioned extracted area.

In step S115, the same processing as step S115 of the first exemplary embodiment is performed. When the determination in step S115 is negative, the process proceeds to step S131. On the contrary, when the determination is positive, the process proceeds to step S121.

In steps S121 to S131, the same processing as steps S121 to S131 of the first exemplary embodiment is performed.

For example, as shown in FIG. 25A , it is assumed that the attribute display area 48B displaying the divided area 48 of the image to be displayed 50 of the photographer B is specified, and similarly the attribute display area 48B of the divided area 48 displaying the image to be displayed 50 of the photographer D is specified. Attribute display area 48B. In this case, the controller 38 regards the divided area 48 displaying the image to be displayed 50 of the photographer B and the divided area 48 displaying the image to be displayed 50 of the photographer D as extraction areas. Furthermore, as shown in FIG. 25B , it is assumed that two positions are designated in the image display area 48A, and the designated positions 54 move in a direction in which the designated positions 54 are separated from each other in the division direction. In this case, the controller 38 enlarges the divided area 48 where the image to be displayed 50 of the photographer B is displayed and the divided area 48 where the image to be displayed 50 of the photographer D is displayed.

In the seventh exemplary embodiment, a divided area serving as a control target is designated, and the divided area 48 serving as a control target is designated as an extraction area. However, the seventh exemplary embodiment is not limited to this case. That is, a divided area 48 not used as a control target can be specified, and the specified divided area 48 not used as a control target can be refused to be a control target.

For example, as shown in FIG. 26A , it is assumed that the attribute display area 48B displaying the divided area 48 of the image to be displayed 50 of the photographer A is specified, and similarly the attribute display area 48B of the divided area 48 displaying the image to be displayed 50 of the photographer C is specified. Attribute display area 48B. In this case, the controller 38 regards the unspecified divided area 48 showing the image to be displayed 50 of the photographer B and the unspecified divided area 48 showing the image to be displayed 50 of the photographer D as extraction areas. Therefore, as shown in FIG. 26B , it is assumed that two positions are designated in the image display area 48A, and the designated positions 54 move in a direction in which the designated positions 54 are separated from each other in the division direction. In this case, the controller 38 enlarges the divided area 48 where the image to be displayed 50 of the photographer B is displayed and the divided area 48 where the image to be displayed 50 of the photographer D is displayed.

In the seventh exemplary embodiment, in the determination of whether the attribute display area 48B is designated in step S701 , when the attribute display area 48B is touched via the operation panel 14B, it is determined that the attribute display area 48B is designated. However, the seventh exemplary embodiment is not limited to this case. That is, as shown in FIG. 26A, when a position in the attribute display area 48B is designated and thereafter an operation of moving the designated position 54 to the end of the display area of the display panel 14A is performed, it can be determined that the attribute display area 48B is designated. . At this time, in order for the user to intuitively recognize the designated attribute display area 48B, as shown in FIG. and can be displayed.

The foregoing description of the exemplary embodiments of the present invention has been presented for purposes of illustration and description. It is not intended to be exhaustive or to limit the invention to the precise forms disclosed. Obviously, many modifications and variations will be apparent to those skilled in the art. The embodiment was chosen and described in order to best explain the principles of the invention and its practical application, thereby enabling others skilled in the art to understand the invention for various embodiments with various modifications as are suited to the particular use contemplated. invention. It is intended that the scope of the invention be defined by the claims appended hereto and their equivalents.

Claims (4)

1. A method of controlling a display control device, comprising: dividing the display area of the display into a plurality of divided areas displaying the plurality of images according to the attributes of the plurality of images by at least one hardware processor; detecting, by the at least one hardware processor, a first designation of a first position in the first divided area; detecting, by said at least one hardware processor, a second designation of a second position in a second divided area while performing detection of said first designation; detecting, by the at least one hardware processor, a first operation on the display area after detecting the second designation, wherein the first operation includes movement of the first location relative to the second location; as well as controlling enlargement or reduction in size of a plurality of images of a target area including the first divided area and the second divided area by the at least one hardware processor in response to detection of the first operation area. 2. The method according to claim 1, wherein said controlling step further comprises: enlarging the size of the plurality of images of the target area in response to detecting the first operation of moving the first position and the second position away from each other in a predetermined direction, and The plurality of images of the target area are reduced in size in response to detecting the first operation bringing the first position and the second position closer to each other in the predetermined direction. 3. The method of claim 1, Wherein, in response to detecting the second designation within a predetermined time after detecting the first designation, the target area includes the first divided area and the second divided area. 4. The method of claim 1, Wherein, the target area includes one divided area sandwiched by the first divided area and the second divided area among the plurality of divided areas.