JP2009211244A - Touch panel display control system, touch panel display control method and touch panel display control program - Google Patents

Abstract

<P>PROBLEM TO BE SOLVED: To more quickly reach a destination at a desired scale when controlling display contents of a touch panel based on a track drawn by contact on the touch panel. <P>SOLUTION: When a contact position on the touch panel is within a specific area, the display contents is enlarged or reduced according to the track drawn just thereafter. In a zoom-out mode, size of the reduced image is decided based on the contact position just before a pen or the like leaves the touch panel, and the display contents are reduced to be fit in the decided size. In a zoom-in mode, a frame is displayed, and contents in the frame are enlarged at a scaling factor corresponding to the specific area, i.e., designated scaling factor when the pen or the like leaves the touch panel after the frame is moved. The enlargement can be performed all at once without getting lost. No troublesome procedure is required for the enlargement/reduction or movement, thereby enabling a quick operation. <P>COPYRIGHT: (C)2009,JPO&INPIT

Description

  The present invention relates to a touch panel display control system, a touch panel display control method, and a touch panel display control program, and more particularly, an operation for information that is composed of a large amount of information such as a map and requires a plurality of scales to display the information. The present invention relates to a method and a display control method.

  When a map can be viewed on a mobile device such as a mobile phone or a PDA (Personal Digital Assistant), it is not necessary to carry the bound map, so convenience is improved. Conventionally, communication areas and communication capacities in these mobile devices have not been so sufficient, and in order to view a map on a mobile device, it is necessary to store map information in the device in advance. However, there is a problem in that detailed map information cannot be stored because the storage capacity of mobile devices is limited.

  By the way, with the recent spread of various types of wireless communication and expansion of communication capacity, it is possible to access map information by downloading the map information via the network without storing the map information in the mobile device. It has become like this. Therefore, it has become possible to browse more detailed maps on mobile devices. The map has a plurality of scales (multi-scale). Specifically, a map having about 20 scales can be browsed via the network.

  When accessing such multi-scale information, it is important how to reach a desired position on a desired scale. In general, in multi-scale information, a desired location (a predetermined position in a screen displayed on a desired scale) of a desired scale is reached by combining enlargement / reduction and movement operations. However, for example, when there are as many as 20 scales, it is difficult to easily reach a desired place on a desired scale. That is, changing the scale and changing the position requires updating the display information, and it takes time to update the information when the information is acquired via the network. Since mobile devices have limited communication capacity and poor computing ability, it takes time to render a map. For this reason, it takes a particularly long time to update information, and convenience is reduced.

  Here, consider browsing a map on a mobile device, specifically, browsing a detailed scale map of a specific location. One method is a method of inputting the address, the name of the destination, and the like with characters. This method is effective when an address or the like can be easily input (the number of input characters is small). However, there are problems such as that it is not always easy to input (for example, the address to be input is long, etc.), and when the destination is not famous, even if the name is input, the destination cannot be reached.

  As another method, there is a method of reaching a target scale and location by combining an enlargement operation and a movement operation from a wide-scale scale map. This method is generally performed, and there are various methods for supporting it. For example, by presenting information on a wider scale than the current scale at the corner of the screen, it is possible to make it easier to understand the currently displayed location more quickly (for example, adopted in Google (registered trademark) map). And a method that presents more detailed scale information by enlarging and displaying the area around the cursor position (using image distortion in a fisheye lens, or simply displaying an enlarged view), etc. There is a method for assisting the user's operation by presenting information of a scale different from the current scale.

  There is also an approach that supports enlargement / reduction operations. For example, by simply clicking (or double-clicking), you can easily zoom in / out by magnifying the clicked (or double-clicked) part or assigning the mouse scroll wheel to zooming in / out. It becomes like this. Whichever method is used, it is necessary to repeat the process of enlarging the map, searching for a destination within the scale, and further enlarging the map.

  Here, the problem is that if the map is enlarged too much at a stretch, the destination may not fit within the screen, so that the map can be enlarged little by little. That is, if the enlargement rate by one operation is too large, it is impossible to know where the place displayed on the screen after enlargement is (that is, get lost). In order to avoid getting lost, it is only necessary to repeat the enlargement at a low enlargement ratio, but the procedure increases, and it takes time to update the information each time. This problem is basically caused by the fact that enlargement / reduction and movement are performed independently, and movement to an arbitrary place with a single action (operation) with an arbitrary enlargement ratio (or with a reduction ratio). ) Is difficult to do.

  For example, enlargement at a high magnification such as 10 times and movement to an arbitrary place within the range visible on the display surface cannot be performed simultaneously. For this reason, it is necessary to repeat the enlargement operation again and again at a low magnification of about 2 to 4 times. That is, for example, when double-clicking on a map, a method for displaying an enlarged view centered on the map can specify enlargement and movement in one operation. However, in that case, the enlargement ratio is always constant, and a very large enlargement ratio cannot be set. That is, since the enlargement ratio cannot be set freely, the operator needs to repeat enlargement many times.

  Of course, the same can be realized by switching to the enlargement mode, specifying the enlargement center, and then specifying the enlargement area, such as specifying the enlargement ratio. This is implemented in recent Google (registered trademark) map. Some maps that can be used on mobile devices can move the center of enlargement to the center of the screen and determine the enlargement ratio according to the number of times the enlarge button is pressed. However, these operations require a plurality of actions (mode switching and enlargement area designation), which reduces convenience.

  In addition, when considering a smartphone, you cannot use a mouse that can be used for right-clicking or left-clicking, etc., and there is an input method that allows you to drag the stylus pen or fingertip to the touch panel and click it. It is used. In this case, since the input device has a poor representation capability, it is difficult to simultaneously specify the center position and the enlargement ratio necessary for enlarging the map. In other words, when handling multi-scale information such as map data on a mobile terminal equipped with a touch panel such as a smartphone, it will get lost if it is expanded at once, and it will take time if it is expanded gradually 2 There are two problems.

Here, in iPhone (registered trademark) or the like, it is possible to specify a position and an enlargement ratio by an operation with a fingertip (so-called pinch-in / pinch-out). However, with this operation, it is difficult to specify an exact position (compared to a stylus pen because of an operation with a fingertip), and there is a limit to the enlargement ratio that can be specified (for example, enlargement cannot be performed 16 times). was there.
There are several ways to try to solve this problem. For example, Patent Literature 1 discloses a method that allows specification of an enlargement range (reduction range) and an enlargement rate (reduction rate) to be input with one gesture. This method is a method for recognizing the locus of the cursor, and the designation of the enlargement range / reduction range and the designation of the enlargement ratio / reduction ratio can be continuously performed by the locus of the cursor. Then, when the designation of the range and the designation of the enlargement / reduction ratio are continuously input, enlargement / reduction is executed.

Patent Document 2 describes a technique for designating an enlargement (reduction) range by a locus of a cursor. Specifically, when a range to be enlarged is surrounded by a circle, an enlargement ratio is calculated from the size of the circle and the size of the screen, and an enlarged view with the center of the circle as the center of the display surface is displayed.
Further, in Non-Patent Document 1, a rectangular frame is specified in the screen by dragging the mouse, the frame is enlarged to the entire screen in the case of the enlargement operation, and the entire screen is accommodated in the frame in the case of the reduction operation. A technique for reducing the size is described.
JP-A-10-27257 Japanese Patent Laid-Open No. 2004-280745 Minoru Terada and Hideto Takei, “Proposal of Handwritten Zooming Method Focusing on Symmetry”, [online], [Search January 25, 2008], Internet <URL: http://www.wiss.org/proceedings /2005/WISS2005-fin/demos/Symmetric_Zooming_a_Zooming_Method/demo.pdf>

  With the techniques described in Patent Document 1 and Patent Document 2 described above, the displayed map (the center) cannot be easily moved. This is because the system recognizes the locus of the cursor and cannot accept a movement instruction during the recognition. In other words, whether the current cursor movement is to specify the range or whether to instruct movement within the same scale is the one specified or specified after analyzing the cursor trajectory. You have to wait until you decide not.

  Here, in the case of a mouse used as a pointing device in a personal computer (PC), there are at least two types of movement instruction methods: simple movement and movement while clicking (that is, drag). It is easy to determine whether the cursor movement is a range specification or simple movement. On the other hand, input on a mobile device is performed by touching the screen with a fingertip or stylus, and buttons are not added to the input device, such as a mouse. Cannot have the meaning of

  Therefore, in the methods such as Patent Document 1 and Patent Document 2, after waiting for the system to determine that the cursor movement is not that of the range specification, a simple movement instruction is given or a button or switch is pressed. As a result, the user is forced to perform complicated procedures such as changing modes (two modes: a mode for instructing simple movement and a mode for specifying a range).

In the technique described in Non-Patent Document 1 described above, a processing range is first specified by a frame, and whether to enlarge or reduce is specified by a subsequent drag direction. For this reason, there is a problem in operability when designating enlargement or reduction. In addition, the technique described in Non-Patent Document 1 has a problem that a plurality of types of enlargement rates cannot be specified.
The present invention has been made to solve the above-described problems of the prior art, and its purpose is to provide a touch panel display control system, a touch panel display control method, and a touch panel display that can reach a target location at a desired scale more quickly. It is to provide a control program.

  A touch panel display control system according to claim 1 of the present invention is a touch panel display control system that controls display contents of the touch panel based on a locus drawn by contact on the touch panel, and the touch position on the touch panel is specified. When the contact position is determined to be within the specific area by the specific area determination means for determining whether the area is within the area or not, according to the trajectory drawn immediately after the determination, Display processing means for performing either one of enlargement processing for acquiring information with finer scale information for display contents and displaying the data at the scale or reduction processing for acquiring data with coarser scale information for display at the scale; It is characterized by including. According to such a configuration, it is possible to realize that the destination is reached at a desired scale earlier.

  The touch panel display control system according to a second aspect of the present invention provides the touch panel display control system according to the first aspect, wherein the display processing unit determines that the contact position is within the region for the reduction processing instruction. Is characterized in that the reduction process is performed in accordance with the end position of the locus drawn immediately after the determination. According to such a configuration, the reduction ratio can be changed depending on the drag position, and the reduction operation can be performed only by dragging.

  The touch panel display control system according to a third aspect of the present invention is the touch panel display control system according to the second aspect, wherein the display processing means displays a preview screen by a reduced display according to a contact position in the middle of drawing the locus. According to such a configuration, the reduction ratio can be changed depending on the drag position, and the degree of reduction can be immediately grasped.

  The touch panel display control system according to a fourth aspect of the present invention is the touch panel display control system according to the first aspect, wherein when the contact position is determined to be within the area for the enlargement processing instruction, the display processing means Is characterized by displaying a frame and enlarging the display content in the frame after dragging the displayed frame. According to such a configuration, it is possible to perform an enlargement operation only by dragging, and it is possible to easily specify how much is to be enlarged and what range is to be enlarged. Never become.

  A touch panel display control system according to a fifth aspect of the present invention is the touch panel display control system according to the fourth aspect, wherein a plurality of areas for the enlargement processing instruction are provided corresponding to a plurality of types of enlargement ratios, and the display processing means The frame having a size corresponding to the enlargement ratio selected by (1) is displayed. According to such a configuration, since a plurality of enlargement ratios can be selected, it is possible to enlarge at once or gradually.

  A touch panel display control system according to a sixth aspect of the present invention is the touch panel display control system according to any one of the first to fifth aspects, wherein the display processing means is newly acquired at a timing when the touch state on the touch panel is released. The position and scale of display data to be determined are determined. According to such a configuration, the display data is actually acquired (that is, the map information of a new scale is downloaded) when the stylus pen or finger (hereinafter referred to as “pen etc.”) is released. No unnecessary communication is performed, and no drag is performed before that, so no communication is required, so that no delay occurs.

A touch panel display control system according to a seventh aspect of the present invention provides the touch panel display control system according to any one of the first to sixth aspects, wherein the display processing means is configured to determine that the contact position is not within the specific area. The display content is moved according to a trajectory drawn immediately after the determination.
In this way, when performing a movement process for moving the display content, the user can easily perform enlargement / reduction and movement by dragging after setting the contact position outside the specific area. Since it can be specified, quick operation is possible.

  A touch panel display control method according to an eighth aspect of the present invention is a touch panel display control method for controlling the display content of the touch panel based on a locus drawn by contact on the touch panel, and the touch position on the touch panel is specified. In a specific area determination step for determining whether the area is within the area, and when the contact position is determined to be in the specific area by the specific area determination means, according to the trajectory drawn immediately after the determination, And a display processing step for performing either enlargement processing or reduction processing on the display content. By adopting such a method, it is possible to realize that the destination is reached at a desired scale more quickly.

A touch panel display control program according to claim 9 of the present invention is a touch panel display control program for controlling a display content of the touch panel by a computer based on a locus drawn by contact on the touch panel.
A specific area determination means for determining whether the contact position on the touch panel is within the specific area;
When the contact position is determined to be within the specific region by the specific region determination means, either the enlargement process or the reduction process is performed on the display content in accordance with the locus drawn immediately after the determination. Display processing means,
It is made to function as. By using such a program, it is possible to realize that the destination is reached at a desired scale more quickly.

  According to the present invention, it is possible to reduce the content so that a desired reduction ratio can be achieved simply by dragging, and it is possible to arbitrarily specify and enlarge the range to be enlarged simply by dragging. Accordingly, it is possible to perform an operation for reducing or enlarging at a time without getting lost, and it is not necessary to take a complicated procedure when enlarging, reducing, or moving, and thus a quick operation is possible.

  Here, in this specification, “enlargement processing” refers to acquiring data of information with a finer scale (that is, communication for data acquisition occurs) and displaying the data at that scale. Further, “reduction processing” refers to acquiring data with coarser scale information (that is, communication for data acquisition occurs) and displaying it at that scale. “Reduced display” refers to reducing the display size of the currently read data (that is, communication for data acquisition does not occur).

Embodiments of the present invention will be described below with reference to the drawings. In the drawings referred to in the following description, the same parts as those in the other drawings are denoted by the same reference numerals.
(Embodiment)
FIG. 1 is a block diagram illustrating a configuration example of a touch panel display control system according to an embodiment of the present invention. Referring to the figure, the present system is a system that controls the display content of the touch panel 10 based on a locus drawn by touch on the touch panel 10. When the contact position on the touch panel is determined to be within the specific area, the determination unit 11 determines whether the contact position is within the specific area. The display processing means 12 is configured to perform either enlargement processing or reduction processing on the display content in accordance with the locus drawn immediately after.

  This system is mounted on, for example, a mobile terminal equipped with a touch panel, such as a smartphone, or a PC. When mounted on a mobile terminal, for example, the configuration is as shown in FIG. That is, as shown in FIG. 2, the touch panel 10, the CPU (Central Processing Unit) 20, the communication interface 30, and the memory 40 are connected by the bus 100 so that signals can be exchanged. Then, the CPU 20 executes the program stored in the memory 40, thereby realizing the above-described specific area determination unit 11 and display processing unit 12.

(Example of screen display)
FIG. 3 shows a screen configuration example when the present invention is applied to map data. FIG. 3 shows a display screen. A reduction icon A1 is displayed in the upper right part of the display screen. When the touch position on the touch panel is within the area of the reduction icon A1, the reduction mode is entered.
In addition, rectangular enlarged icons A2, A4, A8, and A16 are displayed in the lower right portion of the display screen. In these four enlarged icons, “× 2”, “× 4”, “× 8”, and “16” are displayed in order from the top in the figure. These numerical values indicate, in order, an enlargement rate of 2 times, an enlargement rate of 4 times, an enlargement rate of 8 times, and an enlargement rate of 16 times. Note that “× 16” may be employed instead of “16”. When the touch position on the touch panel is within the region of any of the enlargement icons A2, A4, A8, and A16, the enlargement mode is entered.

If the touch position on the touch panel is not in the area of the reduced icon A1, and is not in any of the areas of the enlarged icons A2, A4, A8, A16, a movement mode described later is entered.
As described above, when performing the movement process for moving the display content, the user can easily specify enlargement / reduction and movement because the contact position is set to an area outside the specific area and then dragged. Can be operated quickly.

Hereinafter, the reduction process in the reduction mode, the enlargement process in the enlargement mode, and the movement process in the movement mode will be described separately.
(Reduction processing)
In FIG. 3, when a pen or the like touches the touch panel, if the contact position is within the area of the reduction icon A1, the reduction mode is entered. The reduction mode is a mode in which the currently displayed map image is simply reduced.

  In this reduction mode, when the contact position on the touch panel is within the area of the reduction icon A1, which is an area for reduction instruction, the map image is reduced according to the contact position when the drag is completed. In this example, as shown in FIG. 4, the map image is reduced and displayed at a reduction rate corresponding to the contact position P1 being dragged. In this reduced display, the display size of data that has already been read is only reduced (communication for data acquisition does not occur). For this reason, there is an area where nothing is drawn (hatching area B in FIG. 4). In addition, since no new map data is required in this mode, it is possible to draw a reduced preview screen at high speed according to the contact position P1.

  By the way, in the reduction mode, the reduction ratio changes according to the position of the pen tip being dragged, and the size of the displayed image changes. This reduction mode allows the user to adjust how much the user wants to reduce by dragging with a pen or the like while confirming with the eyes. This reduction mode continues while the pen or the like is in contact with the touch panel. Then, when the pen or the like is separated from the touch panel (that is, when the touch state on the touch panel is released), the reduction rate is determined for the first time. When the reduction ratio is determined, reduction processing is performed. That is, map data at that scale is acquired (communication for data acquisition occurs), and once the data has been acquired, the map image may be redrawn.

Hereinafter, an example of the selection region R that becomes the display region after reduction will be described with reference to FIGS.
(Selection area example 1)
In FIG. 5, the center position C of the selection area R that becomes the display area after reduction on the display screen having the vertical width h and the horizontal width w is the screen center position (cx, cy). Then, dragging starts from the reduction icon (see FIG. 3), and the contact position P2 of the pen or the like during the dragging or at the end of the dragging is (px, py). In this case, the horizontal width of the selection region R is | 2 × (px−cx) |, and the vertical width of the selection region R is | 2 × (py−cy) |.
When the processing of this example is performed, the aspect ratio may change before and after the processing. That is, when the vertical / horizontal ratio after the reduction may be changed as compared with that before the reduction, the above processing may be performed.

(Selection area example 2)
In FIG. 6, the center C of the selection area R, which is the display area after reduction, on the display screen having the vertical width h and the horizontal width w is the screen center position (cx, cy). Then, dragging is started from the reduction icon (see FIG. 3), and the contact position P3 (px, py) of the pen or the like after the dragging is finished. in this case,
Width of selection region R = 2 × ratio × w (1)
Vertical width of selection region R = 2 × ratio × h (2)
It is. However, in Formula (1) and Formula (2),
ratio = min (| (px−cx) | / w, | (py−cy) | / h)
It is.
When performing the above process, the aspect ratio does not change before and after the process. Since the selection region R is set according to the definition of “ratio” with reference to the broken line S passing through the contact position P3 (px, py) of the pen or the like after the end of the dragging, the size is kept small while maintaining the aspect ratio before reduction. A selected area R is set.

(Selection area example 3)
In FIG. 7, the center C of the selection area R, which is the display area after reduction, on the display screen having the vertical width h and the horizontal width w is the screen center position (cx, cy). Then, the drag is started from the position of the reduced icon (see FIG. 3), and is a contact position P4 (px, py) of the pen or the like after the drag ends. in this case,
Width of selection region R = 2 × ratio × w (3)
Vertical width of selection region R = 2 × ratio × h (4)
It is. However, in Formula (3) and Formula (4),
ratio = max (| px−cx | / w, | py−cy | / h)
It is.

When performing the above process, the aspect ratio does not change before and after the process. Since the selection region R passing through the contact position P4 (px, py) such as a pen after the end of dragging is set, a large selection region R is set while maintaining the aspect ratio before reduction.
In the selection area example 2, the minimum value of | px−cx | / w and | py−cy | / h is “ratio”, and in the selection area example 3, | px−cx | / w, | py− The maximum value of cy | / h is “ratio”. Not only the minimum value and the maximum value, but an intermediate value between them may be used as “ratio”.

(Enlargement processing)
Returning to FIG. 3, when a pen or the like touches the touch panel in FIG. 3, if the contact position is inside any of the enlargement icons A2, A4, A8, and A16, the enlargement mode is entered. The enlargement mode is a mode for displaying a frame indicating which range is enlarged around the position of the tip of a pen or the like on the currently displayed map image. In the enlargement mode, enlargement processing is performed with an enlargement ratio corresponding to the enlargement icon. This enlargement mode continues while the pen or the like is in contact with the touch panel.

  In this enlargement mode, a frame is displayed when the touch panel is touched. When the pen is moved, the frame moves in the same way (however, the map does not move). When the pen is released, the display content in the frame at that time is enlarged. For example, as shown in FIG. 8, the enlargement process is performed on the display content within the range of the frame WK centered on the position P of the tip of a pen or the like. If the position of the drag destination is changed, the position of the frame also changes accordingly, so that the user can select a part to be enlarged. In other words, in this enlargement mode, the user can adjust with a pen or the like while confirming with his / her eyes which area to enlarge. In addition, since this map mode does not require new map data, it can be drawn at high speed.

  Then, when the pen or the like is separated from the touch panel (that is, when the contact state with the touch panel is released), the center position and the enlargement ratio of the enlargement range are determined for the first time. When they are determined, map data at that scale is acquired, and once the data has been acquired, the map image may be redrawn. At the time of this redrawing, the user knows the enlargement area, so even if he sees the enlarged map, he will not get lost.

(Enlargement rate and frame size)
As described above, the enlargement ratio can be selected according to the type of the enlargement icon. It is desirable that the size of the frame displayed at the time of contact be a size where the enlargement ratio can be intuitively understood. That is, if the display is displayed as a small frame if the enlargement factor is large and a large frame if the enlargement factor is small, the range to be enlarged can be recognized, thereby improving operability.
Thus, for example, a frame having a size corresponding to the enlargement ratio is obtained by dividing the vertical length of the display area by the enlargement ratio, and dividing the length of the display area by the enlargement ratio. What is necessary is just to display the frame which made the length which carried out the horizontal length.

For example, as shown in FIG. 9A, in a touch panel having a display area having a vertical length h and a horizontal length w, the touch position to the touch panel is for designating a magnification ratio of 2 times. In the case of the enlarged icon A2, the frame WK centered on the position C after dragging is ½ of the vertical length h of the display area and ½ of the horizontal length w of the display area. Therefore, this frame has an area that is 1/4 of the area of the display region.
Similarly, as shown in FIG. 9B, when the touch position on the touch panel is an enlargement icon A4 for designating an enlargement ratio of 4 times, the frame WK centered on the position C after dragging is The vertical length h of the display area is 1/4 and the horizontal length w of the display area is 1/4. Therefore, this frame has an area that is 1/16 of the area of the display region.

Also, as shown in FIG. 9C, when the touch position on the touch panel is an enlargement icon A8 for designating an enlargement ratio of 8 times, a frame WK centered on the position C after dragging is It is 1/8 of the vertical length h of the display area and 1/8 of the horizontal length w of the display area. Therefore, this frame has an area of 1/64 of the area of the display region.
Furthermore, as shown in FIG. 9D, when the touch position on the touch panel is an enlargement icon A16 for designating an enlargement ratio of 16 times, a frame WK centered on the position C after dragging is It is 1/16 of the vertical length h of the display area and 1/16 of the horizontal length w of the display area. Therefore, this frame has an area of 1/256 of the area of the display region.

(Example of operation flow)
FIG. 10 is a diagram showing an example of an operation flow of the present system in the reduction process and the enlargement process described above.
In the figure, first, it is determined whether or not there is a touch on the touch panel (step S101). This condition is satisfied even when there is contact with a human finger in addition to contact with a stylus pen. Since it is a well-known technique about determination of the presence or absence of the touch with respect to a touch panel, the description is abbreviate | omitted.
If it is determined that there is a touch on the touch panel (Yes in step S101), it is determined whether the contact position is within a specific area, that is, within the display range of the above-described enlarged icon or reduced icon (step S102). When it is determined that the contact position is within the specific area (Yes in step S102), the above-described enlargement mode or reduction mode is entered (step S104).

Next, in the enlargement mode or the reduction mode, it is determined whether the touch on the touch panel has been released, that is, whether the pen has been removed from the touch panel (that is, whether the touch state on the touch panel has been released) (step S105). When the contact state with respect to the touch panel is released (Yes in step S105), the enlargement range or the reduction range is determined and data to be displayed is acquired (step S106). As a result, the above-described enlargement process or reduction process is performed.
When it is determined in step S102 that the contact position is not within the specific area, that is, within the display range of the above-described enlarged icon or reduced icon (No in step S102), the movement mode is entered and the image corresponding to the drag is entered. Movement (in this example, movement of the map) is performed (step S103).

(Example of operation flow in reduction processing)
FIG. 11 is a diagram showing an example of the operation flow of the system in the above reduction processing. In the figure, when entering the reduction mode, monitoring is performed as to whether the pen or the like has left the touch panel (that is, whether the touch state on the touch panel has been released) (step S105). When the pen or the like is not separated from the touch panel (that is, when the contact state with the touch panel is maintained), reduced display is performed according to the contact position of the pen or the like (No in step S105, S105 ′). When the pen or the like is separated from the touch panel (Yes in step S105), the size (that is, the scale) of the reduced image is determined based on the contact position immediately before leaving the touch panel (step S106a). Next, the display content is reduced so as to be pushed into the determined size (step S106b).

(Example of operation flow in enlargement processing)
FIG. 12 is a diagram showing an example of the operation flow of the system in the above enlargement processing. In the figure, when entering the enlargement mode, a frame indicating a range for performing the enlargement process is displayed (step S104a). Next, monitoring is performed as to whether a movement operation has been performed on the frame (step S104b) or whether a pen or the like has left the touch panel (that is, whether the touch state on the touch panel has been released) (step S105). When the movement operation is performed on the frame (Yes in step S104b), a process of moving the frame on the screen is performed (step S104c).
When the pen or the like is separated from the touch panel (Yes in step S105), the frame on the screen is deleted (step S106a). Thereafter, the enlargement process corresponding to the specific area determined to have been touched in step S102 in FIG. 10, that is, the specified magnification, is performed on the contents in the frame (step S106b).

(Move process)
When the above-described pen or the like touches the touch panel, if the contact position is outside the reduction / enlargement icon area, the mobile mode is entered. The movement mode is a mode in which a movement process is performed on display contents in response to a drag. This movement mode continues while the pen or the like is in contact with the touch panel. Since the display content moving process is a well-known technique, a description thereof will be omitted.

(Touch panel display control program)
In the touch panel display control system described above, the CPU or the like executes a touch panel display control program, thereby realizing specific area determination means and display processing means. That is, the touch panel display control program is a touch panel display control program for controlling the display content of the touch panel by a computer based on a locus drawn by touch on the touch panel, and the touch position on the touch panel is controlled by the computer. When it is determined that the contact position is within the specific area by the specific area determination means (for example, corresponding to step S102 in FIG. 10) for determining whether the contact position is within the specific area. , And functioning as display processing means (for example, corresponding to step S106 in FIG. 10) that performs either the enlargement process or the reduction process for the display content in accordance with the locus drawn immediately after the determination. It is said. By using such a program, it is possible to realize that the destination is reached at a desired scale more quickly.
This program may be installed from the time of shipment to a mobile terminal equipped with a touch panel, such as a smartphone, or may be installed after shipment. After shipment, for example, a program stored in a predetermined server may be installed via a network.

(Summary)
The above has described the case of browsing map information that is multiscale information, but the present invention can also be applied to the case of browsing other multiscale information. In addition, the present invention is not limited to a map, for example, when browsing an image with an ultra-high resolution, browsing a menu screen composed of a large number of items, browsing content that requires a zoom operation, and the like. Can be applied.

  According to the present invention, when it is determined whether the touch position on the touch panel is within the specific area, and the touch position is determined to be within the specific area, the display content is displayed according to the trajectory drawn immediately after the determination. Either enlargement processing or reduction processing is performed. In other words, the content can be reduced so that a desired reduction ratio can be achieved simply by dragging, and the range to be enlarged can be arbitrarily specified by simply dragging. Accordingly, it is possible to perform an operation for reducing or enlarging at a time without getting lost, and it is not necessary to take a complicated procedure when enlarging, reducing, or moving, and thus a quick operation is possible. And it can be realized that the destination is reached at a desired scale earlier.

  INDUSTRIAL APPLICABILITY The present invention can be used for an input method when handling multiscale information in a device such as a smartphone that operates a touch panel with a pen or the like.

It is a block diagram which shows the structural example of the touchscreen display control system by embodiment of this invention. It is a figure which shows the structural example at the time of mounting this system in a mobile terminal. It is a figure which shows the example of a screen structure at the time of applying this invention to map data. It is a figure which shows the example of a reduced display. It is a figure which shows Example 1 of the selection area | region used as the display area after reduction. It is a figure which shows Example 2 of the selection area | region used as the display area after reduction. It is a figure which shows Example 3 of the selection area | region used as the display area after reduction. It is a figure which shows the example of a display of the frame in an expansion process. It is a figure which shows the example of a display of the frame of the magnitude | size corresponding to an expansion rate. It is a figure which shows the example of the operation | movement flow of this system in a reduction process and an expansion process. It is a figure which shows the example of an operation | movement flow of this system in a reduction process. It is a figure which shows the example of an operation | movement flow of this system in an expansion process.

Explanation of symbols

DESCRIPTION OF SYMBOLS 10 Touch panel 11 Specific area determination means 12 Display processing means 20 CPU
30 Communication interface 40 Memory 100 Bus A1 Reduced icon A2, A4, A8, A16 Expanded icon WK Frame

Claims (9)

  A touch panel display control system for controlling display content of the touch panel based on a trajectory drawn by contact on the touch panel, and a specific area determination means for determining whether the touch position on the touch panel is within a specific area; If the contact position is determined to be within the specific area by the specific area determination means, data of finer scale information about the display content is acquired according to the trajectory drawn immediately after the determination. Display processing means for performing either one of enlargement processing for displaying at the scale or data for coarser scale information and reduction processing for display at the scale.   In a case where the specific region determination unit determines that the contact position is within the region for the reduction processing instruction, the display processing unit performs the reduction processing according to the end position of the locus drawn immediately after the determination. The touch panel display control system according to claim 1, wherein:   The touch panel display control system according to claim 2, wherein the display processing unit displays a preview screen based on a reduced display according to a contact position in the middle of drawing the locus.   The display processing means displays a frame when the contact position is determined to be within the area for the enlargement processing instruction, and the display processing means displays the frame and displays the displayed frame in the frame after dragging. The touch panel display control system according to claim 1, wherein an enlargement process is performed on the content.   A plurality of areas for instructing enlargement processing are provided corresponding to a plurality of types of enlargement ratios, and the display processing means displays the frame having a size corresponding to the enlargement ratio selected by the contact position. The touch panel display control system according to claim 4.   The display processing means determines the position and scale of display data to be newly acquired at a timing when the touch state on the touch panel is released. The touch panel display control system according to item.   The display processing means, when it is determined that the contact position is not within the specific area, performs a moving process on the display content according to a trajectory drawn immediately after the determination. The touch panel display control system according to any one of claims 1 to 6.   A touch panel display control method for controlling display content of the touch panel based on a trajectory drawn by contact on the touch panel, wherein a determination step in a specific area for determining whether the touch position on the touch panel is in a specific area; If the contact position is determined to be within the specific area by the specific area determination means, data of finer scale information about the display content is acquired according to the trajectory drawn immediately after the determination. A display processing step of performing either an enlargement process for displaying at the scale or a reduction process for acquiring data of coarser scale information and displaying at the scale. A touch panel display control program for controlling a display content of the touch panel by a computer based on a trajectory drawn by contact on the touch panel, the computer comprising:
A specific area determination means for determining whether the contact position on the touch panel is within the specific area;
When the contact position is determined to be within the specific region by the specific region determination means, data of finer scale information about the display content is acquired according to the locus drawn immediately after the determination. Display processing means for performing either one of enlargement processing to display at the scale or reduction processing to acquire data of coarser scale information and display at the scale;
A touch panel display control program characterized by causing it to function as:

Images