JP5824125B2 - Portable terminal device and display control method - Google Patents

Description

  The present invention relates to a mobile terminal device such as a mobile phone or a PDA (Personal Digital Assistant).

  Conventionally, in a mobile terminal device, when a user performs a predetermined input operation using, for example, a touch panel, a data file corresponding to the input operation is read from the memory, and an image representing the content of the data file (hereinafter referred to as “content image”). Is displayed on the display screen. At that time, if the amount of data in the data file is large and the range of the content image is larger than the range of the display surface, the image that fits in the range of the display surface is extracted from the content image, and the extracted partial image is displayed. Displayed on the screen. And if a user performs predetermined | prescribed movement operation with respect to a touchscreen, the position of a content image will move with respect to a display surface according to movement operation. For example, when the content image is operated to move to the left, a portion on the right side of the portion displayed in the content image is displayed on the display surface. When the right end of the content image reaches the right end of the display surface, even if the user tries to move the content image further to the left, there is no image on the right side of the right end of the content image, so the content image moves to the left. Disappear.

  Thus, when the end of the content image reaches the end of the display surface, the content image does not move without responding to the user's movement operation. However, even when the moving operation by the user is not accepted by the touch panel, the content image remains stopped without moving. Therefore, when the content image does not move, the user does not clearly know whether the end of the content image has reached the end of the display surface or whether the moving operation has not been accepted.

  On the other hand, as described above, in the portable terminal device that can move (scroll) the content image with respect to the display surface, for example, if there is an image to be displayed above or below the display surface, The mark may be displayed on the upper part or the lower part (for example, Patent Document 1). In such a portable terminal device, when the mark is displayed on the display surface, it can be seen that there is an image to be displayed outside the display surface, and the end of the content image does not reach the end of the display surface.

JP 2007-264771 A

  However, according to the above configuration, when a mark is displayed on the display surface, the area for displaying the content image is reduced by the display area of the mark. In particular, such a problem appears remarkably in the portable terminal device because the display surface is small.

  The present invention has been made in view of such a problem, and a portable terminal device in which an area for displaying an image on the display surface is ensured and the user can recognize well that the edge of the screen is at the edge of the display surface The purpose is to provide.

  A mobile terminal device according to a first aspect of the present invention includes a display unit that displays a screen including a plurality of information, a reception unit that receives a moving operation for moving a position where the screen is displayed, and the moving operation. And a display control unit that controls the display unit so that the screen moves based on the display unit. Here, when the moving operation is performed such that the screen is moved before the edge of the screen, the display control unit moves the edge of the screen in the direction of the moving operation and moves the screen to the screen. The display unit is controlled such that information displayed in the display area of the display unit among a plurality of pieces of information included is deformed in the moving direction of the screen by the moving operation.

  In the mobile terminal device according to this aspect, the screen may be larger in size than the display area in the display unit.

  In the mobile terminal device according to this aspect, the display control unit displays a part of the screen in the display area, and the screen is displayed before the end of the screen in a state where the screen is displayed to the end. When the moving operation is performed, information displayed in the display area among a plurality of pieces of information included in the screen is moved by the moving operation while an edge of the screen moves in the direction of the moving operation. It may be configured to control the display unit so as to be deformed in the moving direction of the screen.

  In the mobile terminal device according to this aspect, the display control unit stretches the screen, and after restoring the stretched screen to a state before stretching, moves the display position of the screen to a predetermined position. The display unit can be controlled.

  In the mobile terminal device according to this aspect, the screen is the same size as a display area in the display unit, and the display control unit displays the screen in a state where the entire screen is displayed in the display area. When the moving operation is performed such that the information is moved before the end, information displayed in the display area among a plurality of pieces of information included in the screen may be deformed.

  The display control method according to the second aspect of the present invention includes a step of displaying a screen including a plurality of information on a display unit, a step of moving the screen based on a moving operation, and an end of the screen before the end. When the moving operation for moving the screen is performed, the edge of the screen is moved in the direction of the moving operation, and displayed in the display area of the display unit among a plurality of pieces of information included in the screen. Transforming information in a moving direction of the screen by the moving operation.

  ADVANTAGE OF THE INVENTION According to this invention, the area which displays an image on a display surface is ensured, and the portable terminal device which can recognize favorably that the edge of a screen exists in the edge of a display surface can be provided.

  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 external appearance structure of the mobile telephone which concerns on embodiment. It is a block diagram which shows the whole structure of the mobile telephone which concerns on embodiment. It is a figure which shows extracting the partial image in a display area from the content image which concerns on embodiment, and displaying a partial image on a display surface. It is a figure which shows extracting the partial image in a display area from the content image which concerns on embodiment, and displaying a partial image on a display surface. It is a figure which shows the relationship between the content image which concerns on embodiment, and a display area. It is a flowchart which shows the process sequence which alert | reports arrival of the end which concerns on embodiment. It is a flowchart which shows the process sequence which alert | reports arrival of the end which concerns on embodiment. It is a figure for demonstrating the method to alert | report the arrival of the end which concerns on embodiment. It is a figure for demonstrating the method to alert | report the arrival of the end which concerns on embodiment. It is a figure for demonstrating the loop function which concerns on embodiment. It is a figure for demonstrating the method to alert | report the arrival of the end which concerns on embodiment.

  Embodiments of the present invention will be described below with reference to the drawings. FIG. 1 is a diagram showing an external configuration of the mobile phone 1. 1A and 1B are a front view and a side view, respectively.

  The mobile phone 1 has a cabinet 10 including a front surface and a back surface. A touch panel is arranged on the front surface of the cabinet 10. The touch panel includes a display 11 that displays an image and a touch sensor 12 that is superimposed on the display 11.

  The display 11 corresponds to a display unit. The display 11 includes a liquid crystal panel 11a and a panel backlight 11b that illuminates the liquid crystal panel 11a. The liquid crystal panel 11a has a display surface 11c for displaying an image, and the display surface 11c appears outside. A touch sensor 12 is disposed on the display surface 11c. Note that other display elements such as an organic EL may be used instead of the liquid crystal panel 11a.

  The touch sensor 12 is formed in a transparent sheet shape. The display surface 11 c can be seen through the touch sensor 12. The touch sensor 12 includes a first transparent electrode, a second transparent electrode, and a cover arranged in a matrix. The touch sensor 12 detects a position on the display surface 11c touched by the user (hereinafter referred to as “input position”) by detecting a change in capacitance between the first and second transparent electrodes. A position signal corresponding to the input position is output to the CPU 100 described later. Thereby, the touch sensor 12 is corresponded to the reception part which receives the user's input with respect to the 1st display surface 11c. The touch sensor 12 is not limited to the capacitive touch sensor 12, and may be an ultrasonic sensor, a pressure sensitive sensor, a resistive film sensor, a light detection sensor, or the like.

  Note that the user touching the display surface 11c means, for example, that the user touches, slides, or flicks the display surface 11c with a contact member such as a pen or a finger. In addition, actually touching the display surface 11c means touching a region where an image of the display surface 11c is reflected on the surface of the cover covering the touch sensor 12. “Slide” refers to an operation in which a user moves a contact member or a finger while touching the display surface 11c. “Flick” is an operation of moving a contact member or finger for a short distance in a short time while keeping the contact member or finger in contact with the display surface 11c so that the user can quickly release the contact member from the display surface 11c. Say.

  A microphone (hereinafter referred to as “microphone”) 13 and a speaker 14 are disposed on the front surface of the cabinet 10. The user can make a call by capturing the sound from the speaker 14 with his / her ear and emitting the sound to the microphone 13.

  A lens window (not shown) of the camera module 15 (see FIG. 2) is disposed on the back surface of the cabinet 10. An image of the subject is taken into the camera module 15 from the lens window.

  FIG. 2 is a block diagram showing the overall configuration of the mobile phone 1.

  The mobile phone 1 according to the present embodiment includes a CPU 100, a memory 200, a video encoder 301, an audio encoder 302, a communication module 303, a backlight drive circuit 304, a video decoder 305, an audio decoder 306, and a clock in addition to the above-described components. 307.

  The camera module 15 has an image sensor such as a CCD, and includes a photographing unit for photographing an image. The camera module 15 digitizes the image signal output from the image sensor, performs various corrections such as gamma correction on the image signal, and outputs the image signal to the video encoder 301. The video encoder 301 performs an encoding process on the imaging signal from the camera module 15 and outputs it to the CPU 100.

  The microphone 13 converts the collected sound into a sound signal and outputs the sound signal to the sound encoder 302. The audio encoder 302 converts an analog audio signal from the microphone 13 into a digital audio signal, encodes the digital audio signal, and outputs the digital audio signal to the CPU 100.

  The communication module 303 converts information from the CPU 100 into a radio signal and transmits it to the base station via the antenna 303a. Further, the wireless signal received via the antenna 303a is converted into information and output to the CPU 100.

  The backlight drive circuit 304 supplies a voltage signal corresponding to the control signal from the CPU 100 to the panel backlight 11b. The panel backlight 11b is turned on by a voltage signal from the backlight driving circuit 304 and illuminates the liquid crystal panel 11a.

  The video decoder 305 converts the video signal from the CPU 100 into an analog or digital video signal that can be displayed on the liquid crystal panel 11a, and outputs it to the liquid crystal panel 11a. The liquid crystal panel 11a displays an image corresponding to the video signal on the display surface 11c.

  The audio decoder 306 performs a decoding process on the audio signal from the CPU 100 and the sound signals of various notification sounds such as ringtones and alarm sounds, and further converts them into analog audio signals and outputs them to the speaker 14. The speaker 14 reproduces sound, notification sound, and the like based on the sound signal and sound signal from the sound decoder 306.

  The clock 307 measures time and outputs a signal corresponding to the measured time to the CPU 100.

  The memory 200 is a storage unit including a ROM and a RAM. The memory 200 stores a control program for giving a control function to the CPU 100. The control program includes a control program for notifying that the end of the content image 400 displayed on the display 11 has reached the end of the display surface 11c of the display 11.

  The memory 200 stores data files. Examples of the data file include information captured by the camera module 15, information captured from the outside via the communication module 303, information input via the touch sensor 12 by a user operation, and the like. For example, a data file storing contact information includes information such as a name, a telephone number, and an e-mail address, and these information are associated with each other.

  The memory 200 stores a position definition table. In the position definition table, the position of the image displayed on the display surface 11c is associated with the content indicated by the image. The image includes, for example, characters and pictures such as icons and buttons. The contents indicated by the image include processing related to files and programs.

  The memory 200 stores operation movement amount specifying information. As will be described later, when the user changes the input position by sliding or flicking, the content image 400 moves relative to the display area 402 as shown in FIG. In the content image 400, a range of an image to be displayed on the display surface 11c is a display area 402 for convenience of explanation. The operation movement amount specifying information is referred to as a distance (hereinafter referred to as “input position displacement distance IL”) in which the input position moves during a predetermined time before the finger or the like is released from the display surface 11c in these slides and flicks. ) To the operation movement amount W of the released content image 400.

  For example, the operation movement amount specifying information is a table in which the displacement distance IL of the input position and the operation movement amount W of the content image 400 are associated with each other. Further, the operation movement amount specifying information may be an arithmetic expression for calculating the operation movement amount W of the content image 400 from the displacement distance IL of the input position.

  The predetermined time can be set as appropriate. For example, the time from the previous control timing to the current control timing (hereinafter simply referred to as “between control timings”) is set as the predetermined time. The operation movement amount W is a distance (hereinafter referred to as “operation movement distance WL”) and a speed (hereinafter referred to as “operation movement distance WL”) in which the content image 400 moves with respect to the display area 402 based on a slide or flick by the user. It represents an amount such as “operation movement speed WS”) and time (hereinafter referred to as “operation movement time WT”).

  In the operation movement amount specifying information, the operation movement speed WS of the content image 400 is increased and the operation movement distance WL is set longer as the displacement distance IL of the input position is larger. Thereby, the faster the finger touched on the display surface 11c by the user is moved, the faster the content image 400 is moved.

  The CPU 100 identifies information input from the user based on the position signal from the touch sensor 12 while referring to the position definition table in the memory 200. The CPU 100 operates the camera module 15, the microphone 13, the communication module 303, the panel backlight 11 b, the liquid crystal panel 11 a, and the speaker 14 by a control program according to the input information. Thereby, various applications such as a call function and an e-mail function are executed.

  As a display control unit, the CPU 100 controls the display 11 based on information input from the user via the touch sensor 12. For example, the CPU 100 outputs a control signal for supplying a voltage to the panel backlight 11b to the backlight drive circuit 304, and turns on the panel backlight 11b. Further, the CPU 100 outputs a video signal to the video decoder 305 to display an image on the display surface 11c of the liquid crystal panel 11a. On the other hand, the CPU 100 turns off the panel backlight 11b by outputting to the backlight drive circuit 304 a control signal that does not supply voltage to the panel backlight 11b. Further, the CPU 100 performs control to erase the image from the display surface 11c of the liquid crystal panel 11a.

  For example, the CPU 100 reads a data file from the memory 200 and generates a content image 400 shown in FIG. 3B using information in the data file. When the content image 400 is larger than the display area 402, the CPU 100 extracts an image portion that is contained in the display area 402 in the content image 400 as the partial image 401. Then, as illustrated in FIG. 3A, the CPU 100 displays the extracted partial image 401 on the display surface 11c. The content image 400 and the partial image 401 that is a part of the content image 400 correspond to the “screen including information” of the present invention. The information includes pictures or characters. Examples of pictures include paintings, diagrams, photographs, and icons. Characters include symbols, symbols, marks, etc. representing words and numbers.

  When the partial image 401 is enlarged and displayed on the display surface 11c, for example, the CPU 100 sets the length Hx of the display area 402 to be shorter than the basic length H1, as shown in FIG. The CPU 100 extracts the partial image 401 in the display area 402 thus reduced, and enlarges and displays the extracted partial image 401 on the display surface 11c. Note that the length Hx and the basic length H1 of the display area 402 are the lengths from the upper end to the lower end of the display area 402. The length of the display area 402 indicates the distance in the vertical direction, and the vertical direction corresponds to the Y-axis direction shown in the drawing.

  At this time, the CPU 100 can change the enlargement ratio of the partial image 401 in accordance with the position of the partial image 401 in the partial image 401. For example, the CPU 100 sets the enlargement factor of the partial image 401 to gradually decrease along the direction indicated by the Y axis (the downward direction in FIG. 4B). As a result, as shown in FIG. 4A, the partial image 401 is displayed smaller as it goes downward, and the partial image 401 is displayed so as to extend downward from the upper end.

  The display control of the partial image 401 on the display surface 11c is performed by mapping control when mapping the image data of the partial image 401 to the image memory for image display. In the image memory, a memory area corresponding to the basic length H1 is set, and an image mapped to this memory area is displayed on the display surface 11c. The image data of the content image 400 shown in FIG. 3B is developed in the memory 200 in a state of being arranged in one direction as shown in FIG. 3B, for example. A predetermined area is cut out from the image data developed in this way, and the cut out image data is mapped to the memory area of the image memory. An image memory is also set in the memory 200.

  In the normal magnification display, the image data of the partial image 401 having the basic length H1 is cut out from the image data of the content image 400, and the cut out image data is mapped to the memory area of the image memory.

  In the case of enlarged display, the image data of the partial image 401 having a length shorter than the basic length H1, for example, the length Hx is cut out from the image data of the content image 400, and the cut out image data is stored in the memory area of the image memory. Mapped to In this case, since the size of the cut out image data is smaller than the size of the memory area of the image memory, the image data of each line in the X-axis direction in FIG. 4B is repeatedly mapped to the memory area. By adjusting the number of repetitions of each line, as shown in FIG. 4A, the partial image 401 is displayed smaller as it goes downward, and the partial image 401 is displayed extending downward from the upper end. The

  As will be described later, the partial image 401 displayed on the display surface 11c is changed by sliding or flicking. This is performed by changing the cutout region of the image data of the partial image 401 with respect to the image data of the content image 400.

  Thus, the display control of the partial image 401 on the display surface 11c is performed by the image data mapping control on the image memory. In the following, in order to simplify the description, display control of the partial image 401 on the display surface 11c will be described using the content image 400, the partial image 401, and the display area 402 instead of image data.

  The CPU 100 performs control for moving the partial image 401 displayed on the display surface 11c in accordance with information input via the touch sensor 12 from the user.

  Specifically, when a slide or flick is performed, the CPU 100 receives signals from the clock 307 and the touch sensor 12, and specifies an input position for the touch sensor 12 based on these signals. A displacement distance IL of the input position in the axial direction is obtained. The CPU 100 specifies the operation movement distance WL of the content image 400 between the control timings based on the displacement distance IL.

  For example, during a slide or flick, while the user's finger is touching the display surface 11c, the displacement distance IL of the input position is set as the operation movement distance WL of the content image 400 as it is.

  Further, after the user's finger is released from the display surface 11c after the slide, or after the finger is released from the display surface 11c in the flick, the CPU 100 releases based on the operation movement amount specifying information in the memory 200. The operation movement distance WL is specified from the displacement distance IL of the previous input position.

  When the input position is displaced in the same direction as the Y-axis direction shown in FIG. 3B, the operation movement direction is set to the same direction as the Y-axis direction. Thereby, if the displacement direction of the input position is the Y-axis direction, the partial image 401 moves in the Y-axis direction with respect to the display area 402.

  The CPU 100 determines the positional relationship between the content image 400 and the display area 402. As illustrated in FIG. 3B, when the width of the content image 400 is equal to the width of the display area 402, the CPU 100 acquires the interval h between the upper end of the content image 400 and the upper end of the display area 402. The width indicates the distance in the horizontal direction, and the horizontal direction corresponds to the X-axis direction shown in the drawing.

  As illustrated in FIG. 5A, the CPU 100 determines that the upper end of the content image 400 and the upper end of the display area 402 coincide with each other when the interval h: 0. As illustrated in FIG. 5B, the CPU 100 determines that the lower end of the content image 400 and the lower end of the display area 402 coincide with each other when the interval h is H2−H1. H2 is the length from the upper end to the lower end of the content image 400.

<Processing procedure of the first embodiment>
6 and 7 are flowcharts showing a processing procedure for displaying an image after the data file is opened. 8 and 9 are diagrams in which the contact list is displayed on the display surface 11c.

  When the user opens the contact information data file, the CPU 100 reads the contact information data file from the memory 200. The CPU 100 uses the information in the data file to generate a contact list content image 400 in which the contact information is listed (S101).

  As shown in FIG. 5A, the CPU 100 sets an initial value “0” for the interval h between the upper end of the content image 400 and the upper end of the display area 402. In addition, the CPU 100 sets the length of the display area 402 to the basic length H1. Then, the CPU 100 extracts the partial image 401 in the display area 402 from the content image 400, and displays the partial image 401 on the display surface 11c as shown in FIG. 8A (S102). Thereby, the images from DATA1 to DATA4 at the top of the contact list are displayed on the display surface 11c.

  When the user touches the display surface 11 c with a finger, the CPU 100 specifies an input position based on a position signal from the touch sensor 12. When the user moves the finger, the CPU 100 determines that the input position has changed (S103: YES).

  As shown in FIG. 8A, when the finger is slid upward while touching the display surface 11c, the CPU 100 obtains a displacement distance IL: Dy1 in the Y-axis direction of the input position between the control timings (S104). .

  Here, if the position signal from the touch sensor 12 is input, the CPU 100 determines that the finger is not released from the display surface 11c (S105: NO).

  The CPU 100 acquires the operation movement distance WL: Dy1 of the content image 400 from the displacement distance IL: Dy1 (S106). Further, the CPU 100 sets the displacement direction of the input position as the moving direction of the content image 400. At this time, since the displacement direction of the input position is opposite to the direction indicated by the Y axis, the moving direction of the content image 400 is also opposite to the direction indicated by the Y axis. Thus, the content image 400 is operated by the user so as to move in the direction opposite to the direction indicated by the Y axis, that is, in the upward direction, by the operation movement distance WL with respect to the display area 402.

  The CPU 100 determines whether or not the content image 400 is about to be moved beyond the end of the display area 402 by the movement operation of the position for displaying the content image 400 by the user (S107). For this reason, the CPU 100 adds the operation movement distance WL: Dy1 to the current interval h: 0 to obtain the interval h: Dy1 after the movement. Next, the CPU 100 determines whether or not the interval h: Dy1 after movement is “0 ≦ Dy1 ≦ H2−H1”. In this case, the distance h: Dy1 after the movement is “0 ≦ Dy1 ≦ H2−H1”. For this reason, even if the content image 400 is moved relative to the display area 402 according to the operation movement distance WL: Dy1, the edge of the content image 400 does not reach the edge of the display area 402. Therefore, the CPU 100 determines that the content image 400 is not about to be moved beyond the end of the display area 402 (S107: NO).

  Therefore, the CPU 100 moves the content image 400 downward relative to the display area 402 by the operation movement distance WL: Dy1, and sets the interval h: Dy1. The CPU 100 extracts the partial image 401 from the content image 400 in the display area 402 after movement, and displays the partial image 401 on the display surface 11c (S108). Accordingly, the content image 400 is displayed on the display surface 11c so as to move upward in response to the user moving his / her finger upward on the display surface 11c.

  While the finger is touching the touch sensor 12 by the user's slide, the CPU 100 repeats the processing from step S103 to step S108 at each control timing. Accordingly, as shown in FIG. 8B, the content image 400 moves upward with respect to the display area 402 according to the slide that moves the finger upward, and is below the lower end of the display surface 11c. The hidden images of DATA5 to 7 are displayed on the display surface 11c.

  On the other hand, as shown in FIG. 8C, the user touches the display surface 11 c with the interval h set to “0” and the upper end of the content image 400 being aligned with the upper end of the display area 402. If the CPU 100 is slid downward, the input position change is detected (S103: YES). The CPU 100 obtains a displacement distance IL: Dy2 between the control timings of the input position (S104).

  Here, since the finger is not released from the display surface 11c, the CPU 100 determines that the release operation is not performed (S105).

  CPU100 acquires operation movement distance WL: Dy2 from displacement distance IL: Dy2 (S107). In this case, since the input position is displaced in the same direction as the direction indicated by the Y-axis, the CPU 100 subtracts the operation movement distance WL: Dy2 from the interval h before movement, and the interval h: 0− after movement. Dy2 is obtained. The CPU 100 determines that the partial image 401 is about to be moved beyond the end of the content image 400 because the interval h after the movement is 0 or less (S107: YES).

  As shown in FIG. 4B, the CPU 100 shortens the operation movement distance WL: Dy2 from the basic length H1, and sets the length Hx: H1-WL of the display area 402. The CPU 100 extracts the partial image 401 in the reduced display area 402 from the content image 400 and displays the partial image 401 on the display surface 11c. Thereby, the partial image 401 is enlarged and displayed by the operation movement distance WL.

  At this time, the CPU 100 sets a ratio for enlarging the partial image 401 to be larger as it is closer to the upper end of the partial image 401. Thereby, the partial image 401 is displayed so that the partial image 401 extends from the upper end of the display screen (S109).

  The CPU 100 determines whether or not the finger has been released from the display surface 11c. If the finger is not released, the CPU 100 determines that there is no release operation (S110: NO). The process of step S103 is executed again. When the user continues to slide the finger downward on the display surface 11c, the input position is displaced (S103: YES). The CPU 100 obtains the displacement distance IL: Dy3 of the input position (S104) and determines that there is no release operation (S105: NO). The CPU 100 acquires the operation movement distance WL: Dy3 from the displacement distance IL (S106), and determines that the partial image 401 is about to be moved beyond the end of the content image 400 (S107: NO). Here, the length Hx: H1-Dy2 of the display area 402 is set, and the size of the display area 402 is reduced. Therefore, the CPU 100 reduces the operation movement distance WL: Dy3 from the reduced length Hx: H1-Dy2 of the display area 402 and sets the length Hx: H1-Dy2-Dy3 of the display area 402. The CPU 100 extracts the partial image 401 in the further reduced display area 402 from the content image 400, and displays the partial image 401 on the display surface 11c. Thereby, the partial image 401 is further enlarged and displayed.

  After the partial image 401 is enlarged, the CPU 100 repeats the processes of S103 to S107 and S109 until the finger is released. Accordingly, each time the finger moves on the display surface 11c, the display area 402 is gradually reduced, so that the partial image 401 is displayed so that the partial image 401 gradually expands.

  On the other hand, when the finger is released from the display surface 11c after the slide, the CPU 100 displays the partial image 401 on the display surface 11c while gradually changing the length Hx of the display area 402 to the basic length H1 (S111). ). Thereby, the partial image 401 is displayed so as to shrink.

Also, as shown in FIG. 9A, when the user slides downward with the finger touching the display surface 11c, the CPU 100 detects a change in the input position (S103: YES), and the input position displacement distance IL: Dyn is obtained (S104). When the user releases the finger from the display surface 11c following the slide, the position signal from the touch sensor 12 is not input, and the CPU 100 determines that the finger is released from the display surface 11c (S105: YES).
The CPU 100 obtains the operation movement speed WS and the operation movement distance WL: yn from the displacement distance IL: Dyn of the input position immediately before the release based on the operation movement amount specifying information (S112). Thus, the content image 400 moves at the operation movement speed WS from the release operation to the operation movement distance WL: yn.

  The CPU 100 subtracts the operation movement distance WL: yn from the interval h: hn before movement to obtain the interval h: hn−yn after movement. The CPU 100 determines whether or not the distance h after the movement is between “0” and “H1−H2” (S113). For example, if the distance h after the movement is between the upper end and the lower end, the CPU 100 determines that the end of the content image 400 is not being displayed in the same manner as described above (S113: NO). The CPU 100 moves the content image 400 by the operation movement distance WL, extracts the partial image 401 in the display area 402 after the movement, and displays the partial image 401 on the display surface 11c (S114). Then, the CPU 100 returns to the process of step S103.

  On the other hand, if the distance h after the movement is between “0” and “H1-H2”, it is determined that the end of the content image 400 is about to be displayed (S113: YES).

  Therefore, the CPU 100 displays the partial image 401 on the display surface 11c while moving the content image 400 to the end of the display area 402 at the operation movement speed WS (S115). As a result, the partial image 401 moves by the interval h: hn, and the upper end of the display area 402 reaches the upper end of the content image 400.

  Even if the upper end of the display area 402 reaches the upper end of the content image 400, the operation movement distance WL remains “yn−hn”. Therefore, as shown in FIG. 9B, the CPU 100 processes the image in order to notify that the end of the content image 400 has reached the end of the display area 402.

  As shown in FIG. 4B, the CPU 100 gradually shortens the length Hx of the display area 402 from the basic length H1 by the operation movement distance WL: yn−hn. The CPU 100 extracts the partial image 401 in the reduced display area 402 from the content image 400 and displays the partial image 401 on the display surface 11c (S116). Thereby, the partial image 401 is displayed so as to be gradually enlarged according to the operation movement distance WL. For this reason, the partial image 401 is displayed on the display surface 11c so as to gradually expand. Further, the ratio of enlarging the partial image 401 is set so as to increase as the area is closer to the upper end of the partial image 401. As a result, the partial image 401 is displayed so as to extend downward from the upper end of the partial image 401.

  After the length Hx of the display area 402 reaches “H1− (yn−hn)” and the partial image 401 is enlarged, the CPU 100 sets the length Hx of the display area 402 from “H1− (yn−hn)”. Gradually change to zero. The CPU 100 displays the partial image 401 on the display surface 11c while returning the size of the display area 402 (S111). Thereby, the partial image 401 is displayed so that the partial image 401 shrinks to the upper end of the display screen. As shown in FIG. 9C, the partial image 401 returns to the original size.

  The partial image 401 can also be moved by the user flicking the display surface 11c downward. In the flick, the time from the touch of the finger to the display surface 11c to the release and the displacement distance IL of the input position are very short compared to the time in the case of sliding and the displacement distance IL of the input position. However, similarly to the processing in the case of the slide described above, the operation movement distance WL is obtained from the displacement distance IL of the input position from the touch of the finger to the release on the display surface 11c, and the content image 400 moves according to the operation movement distance WL. Be made. Further, after the finger is released with respect to the display surface 11c, the operation movement distance WL is obtained from the displacement distance IL of the input position immediately before the release, and the content image 400 is moved according to the operation movement distance WL.

  As described above, according to the present embodiment, when the tip of the content image 400 is displayed, the partial image 401 is displayed so as to expand and contract. Therefore, the user can understand that the end of the content image 400 has reached the end of the display area 402 and the user's input is accepted.

  Furthermore, according to the present embodiment, the position of the end in the partial image 401 can be easily understood by being greatly extended toward the end of the partial image 401.

  In the present embodiment, the amount by which the partial image 401 extends increases as the operation distance for moving the position where the content image 400 is displayed increases. As described above, the amount of expansion of the image displayed on the display surface 11c changes according to the operation amount of the user, so that the user can better understand that the input is accepted.

  Furthermore, the user can easily understand that the notification that the content image 400 has reached the end is completed by returning the size of the enlarged partial image 401 to the original size.

  Further, according to the present embodiment, a mark or the like for notifying that the content image 400 has reached the end is not displayed on the display surface 11c. For this reason, the area for displaying the content image 400 on the display surface 11c is prevented from being narrowed by the mark for notifying the arrival.

<Other embodiments>
Although the embodiments of the present invention have been described above, the present invention is not limited to the above-described embodiments, and various modifications other than those described above can be made to the embodiments of the present invention. .

  For example, after notifying arrival of the end of the content image 400, an image of a loop mark M for making the content image 400 into a loop shape can be displayed as shown in FIG. When the loop mark M is touched by the user's finger, the upper end and the lower end of the content image 400 are connected. As a result, when an operation to move beyond the upper end of the content image 400 is performed, a partial image 401 in which the lower end of the content image 400 continues to the upper end of the content image 400 as shown in FIG. 11c. Thereby, after reaching the upper end of the content image 400, the lower end of the content image 400 can be easily displayed. As shown in FIG. 10C, the loop mark M is also displayed on the display surface 11c when the lower end of the content image 400 reaches the lower end of the display area 402. After the loop mark M is touched, if an operation for moving beyond the upper end of the content image 400 is performed, the upper end of the content image 400 continues to the lower end of the content image 400 as shown in FIG. A partial image 401 is displayed on the display surface 11c.

In addition, a position where the content image 400 is moved after the arrival at the end of the content image 400 is notified can be set in advance. For example, when the operation of expanding and contracting the partial image 401 is repeated continuously, the number of repetitions is counted. When the number of repetitions exceeds the predetermined number, the content image 400 moves to the set position. Note that the user can set the position to be moved in advance. In addition, a position where the partial image 401 is displayed for a predetermined time or more before the content image 400 reaches the end of the display area 402 may be set as a movement destination of the partial image 401.

  In the above embodiment, if the operation movement distance WL remains when the edge of the display area 402 reaches the edge of the content image 400, the display area 402 moves to the edge, and then the operation movement distance WL remaining subsequently follows. Accordingly, the partial image 401 is enlarged. On the other hand, when the end of the display area 402 reaches the end of the content image 400, even if the operation movement distance WL remains, the enlargement of the partial image 401 based on the remaining operation movement distance WL is performed in that operation. It is also possible not to perform. Thus, when the end of the display area 402 reaches the end of the content image 400, the partial image 401 is stopped and displayed once. When the end of the display area 402 coincides with the end of the content image 400, a slide or flick is performed again, and an operation is performed so that the end of the content image 400 is displayed. The partial image 401 is enlarged according to WL.

  Moreover, in the said embodiment, the case where the width | variety of the content image 400 and the width | variety of the display area 402 was equal was illustrated, and the content image 400 was moved only to the Y-axis direction with respect to the display area 402. On the other hand, as shown in FIG. 11A, when the size of the content image 400 is larger than the size of the display area 402 in both the X-axis and Y-axis directions, It can be moved in any direction of the Y axis. As shown in FIG. 9B, the upper end and the left end of the content image 400 coincide with the upper end and the left end of the display area 402, respectively. In this state, when the user slides his / her finger down on the display surface 11c, the partial image 401 is enlarged and displayed in the Y-axis direction shown in FIG. 11C. When the finger is slid rightward on the display surface 11c, the partial image 401 is enlarged and displayed in the X-axis direction shown in the figure, as shown in FIG. Further, when the finger is slid on the display surface 11c in the lower right direction, as shown in FIG. 11E, the partial image 401 is enlarged and displayed in both the X-axis and Y-axis directions shown in the figure. . Then, when the finger is released from the display surface 11c, the enlarged image returns to the original size as shown in FIG. Thereby, the user is notified of the end of the content image 400 in the Y-axis and X-axis directions.

  Moreover, in the said embodiment, although the whole partial image 401 was expanded, a part of partial image 401 may be expanded. For example, it is possible to enlarge from the end of the partial image 401 to a position on the display surface 11c touched by the user.

  Furthermore, in the above-described embodiment, the partial image 401 is enlarged so that the enlargement ratio increases as it is closer to the end. On the other hand, the enlargement ratio of the partial image 401 can be made uniform.

  Further, in the above embodiment, when the content image 400 is moved before the end of the content image 400, the partial image 401 is deformed so as to extend. On the other hand, when the content image 400 is moved before the end of the content image 400, the partial image 401 can be deformed so as to shrink. In this case, the length Hx of the display area 402 shown in FIG. 4B is set longer than the basic length H1. For this reason, when the partial image 401 in the display area 402 extended long is extracted, the partial image 401 is reduced and displayed on the display surface 11c. In this way, the partial image 401 shrinks, so that the content image 400 that has not been displayed on the display surface 11c until now is displayed. Then, it can be seen that the end of the content image 400 reaches the end of the display area 402 and the user's input is accepted.

  Further, in the above embodiment, the partial image 401 is displayed so as to shrink to the original size after being stretched. On the other hand, the partial image 401 may be displayed so as to shrink after being expanded until it becomes smaller than the original size, and further to the original size.

  Furthermore, in the above embodiment, the operation movement distance WL for moving the content image 400 is obtained based on the displacement distance IL of the input position. On the other hand, the operation movement distance WL may be obtained based on the speed at which the input position is displaced.

  In the above embodiment, when a moving operation is performed such that the content image 400 is moved before the end of the content image 400, the end of the content image 400 is used as a base point in the moving direction of the content image 400 by the moving operation. The content image 400 is stretched. On the other hand, when such an operation is performed, the content image 400 may extend in the direction of the moving operation while moving the end of the content image 400 in the direction of the moving operation.

  Furthermore, in the above embodiment, when the size of the content image 400 is larger than the size of the display region 402, the display region 402 moves in the content image 400. When the end of the display area 402 reaches the end of the content image 400, the partial image 401 is enlarged and displayed. On the other hand, when the size of the content image 400 is the same as the size of the display area 402, the same processing as described above can be executed. In this case, since the edge of the content image 400 and the edge of the display area 402 coincide with each other, if the user moves the display area 402, the display area 402 does not move in the content image 400, An image 401 is enlarged and displayed.

  Furthermore, in the above embodiment, the mobile phone 1 is used, but a mobile terminal device such as a PDA or PHS can also be used.

  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.

11 Display 12 Touch sensor 100 CPU

Claims (6)

A display unit for displaying a screen including a plurality of pieces of information;
A reception unit that receives a moving operation for moving a position for displaying the screen;
A display control unit that controls the display unit so that the screen moves based on the moving operation,
When the moving operation is performed such that the display controller moves the screen before the edge of the screen, the display control unit includes a plurality of pieces included in the screen while moving the edge of the screen in the direction of the moving operation. Controlling the display unit so that information displayed in the display area of the display unit is deformed in the moving direction of the screen by the moving operation.
The portable terminal device characterized by the above-mentioned. The mobile terminal device according to claim 1,
The screen is larger in size than the display area in the display unit,
The portable terminal device characterized by the above-mentioned. The mobile terminal device according to claim 1 or 2,
The display control unit displays a part of the screen in the display area, and performs the moving operation to move the screen before the end of the screen when the screen is displayed to the end. The information is displayed in the display area among a plurality of pieces of information included in the screen while the edge of the screen moves in the direction of the movement operation. To control the display unit,
The portable terminal device characterized by the above-mentioned. In the portable terminal device according to any one of claims 1 to 3,
The display control unit stretches the screen and controls the display unit to move the position for displaying the screen to a predetermined position after restoring the stretched screen to the state before stretching.
The portable terminal device characterized by the above-mentioned. The mobile terminal device according to claim 1,
The screen is the same size as the display area in the display unit,
In the state where the entire screen is displayed in the display area, the display control unit is configured to include a plurality of pieces of information included in the screen when the moving operation is performed to move the screen before the end. Transforming the information displayed in the display area,
The portable terminal device characterized by the above-mentioned. Displaying a screen including a plurality of information on the display unit;
Moving the screen based on a move operation;
When the movement operation is performed such that the screen is moved before the edge of the screen, the display among the plurality of pieces of information included in the screen is performed while moving the edge of the screen in the direction of the movement operation. Transforming the information displayed in the display area of the part in the moving direction of the screen by the moving operation,
A display control method characterized by the above.

Images