JP2011164953A - Mobile electronic device and display control method - Google Patents

Abstract

<P>PROBLEM TO BE SOLVED: To provide a mobile electronic device and a display control method for allowing a user to easily change an image displayed on a touch panel. <P>SOLUTION: The mobile electronic device 10 is equipped with: a touch panel 20; a display control unit 40 for generating image data to be displayed on the touch panel 20, and displaying the image data on the touch panel 20; and a peripheral operation unit 30 formed on the outer periphery of the touch panel 20 to accept user touch operation and function as a scroll bar for scrolling the image displayed on the touche panel 20. When the user touches the peripheral operation unit 30 for scrolling, the display control unit 40 generates an image to be displayed on the touch panel 20 so that the screen displayed on the touch panel 20 is scrolled. <P>COPYRIGHT: (C)2011,JPO&INPIT

Description

  The present invention relates to a portable electronic device and a display control method, and more particularly to a portable electronic device and a display control method using a touch panel.

  Many mobile terminal devices such as mobile phones, PHS (Personal Handyphone System), and PDA (Personal Data Assistance, Personal Digital Assistants) input information using a button operation of pressing a button. However, the functions of mobile terminal devices have been diversified in recent years, and many software applications that operate using a GUI (Graphical User Interface) have been developed. Therefore, it is very difficult to make such a software application function using only button operations. In view of such a situation, a portable terminal device that includes a button operation unit and is equipped with both a cursor operation unit used in a GUI has been developed. The cursor operation is an operation of operating a cursor shown on the display screen, that is, a pointing device. However, the portable terminal device equipped with both the button operation unit and the cursor operation unit has a problem that the button operation unit and the cursor operation unit are realized by different input devices, and the user operability is very poor. is there. In addition, in an input interface using a touch panel displaying buttons, it is not possible to obtain a sense of pressing physically uneven buttons. Therefore, when such an input interface is used for an application that identifies information input by pressing a button displayed on the touch panel a plurality of times, the user's operability is felt very poor.

  In order to solve such a problem, Patent Document 1 discloses an electronic device that operates so that the touch panel sinks into a housing by pressing the touch panel. Thereby, while performing cursor operation in a touch panel, when performing button operation, the feeling of pressing a button can be acquired.

  However, the touch panel according to Patent Document 1 can provide a feeling of pressing a button, but cannot recognize the shape of each button. Therefore, the shape of each button cannot be recognized only by the sense of the user's fingertip without looking at the screen of the touch panel. Therefore, in order to solve such a problem, techniques described below are disclosed.

  Patent Document 2 discloses a remote control transmitter that allows a user using a touch panel to obtain a tactile sensation of unevenness by physically forming unevenness on the touch panel. Thereby, the user can recognize the shape of each button by the tactile sensation of the fingertip. Further, Patent Document 2 discloses that an operation image displayed on a touch panel of a remote control transmitter is changed by changing an operation target such as a television, a DVD, or an HDD.

  In relation to the technology for changing the display on the touch panel, Patent Document 3 discloses an electronic device including a shuttle keypad that slides on a housing. The image displayed on the liquid crystal display screen can be changed according to the position where the shuttle keypad on the housing stops.

JP 2009-217814 A JP 2005-136518 A JP 2008-507011 A

  However, when a mobile terminal device is configured using the touch panels according to Patent Documents 2 and 3, there are the following problems. The touch panel according to Patent Document 2 uses a different operation screen for each operation target such as a television, a DVD, or an HDD, but cannot change the configuration of the determined operation screen. In the touch panel according to Patent Document 3, the image displayed on the liquid crystal display screen changes by operating the shuttle keypad, but the configuration of the screen displayed for each position of the shuttle keypad can be changed. Can not. Accordingly, when generating screen data related to the operation screen, it is necessary to generate the screen data so as to fit within the size of the liquid crystal screen of the touch panel. As a result, there is a problem that the number of buttons to be arranged is limited when developing a software application with various functions.

  The present invention has been made to solve such a problem, and an object thereof is to provide a portable electronic device and a display control method capable of easily changing an image displayed on a touch panel by a user operation. And

  A portable electronic device according to a first aspect of the present invention includes a touch panel, a display control unit that generates image data to be displayed on the touch panel, displays the image data on the touch panel, and an outer peripheral edge of the touch panel. A peripheral operation unit that is formed and receives a touch operation by a user and functions as a scroll bar for scrolling the display on the touch panel, and the display control unit is configured to allow the user to touch the peripheral operation unit and perform a scroll operation. Thus, an image to be displayed on the touch panel is generated so that the screen displayed on the touch panel is scrolled.

  The display control method according to the second aspect of the present invention uses the peripheral operation unit that is formed on the outer peripheral edge of the touch panel and functions as a scroll bar that accepts a touch operation by the user and scrolls the display on the touch panel. A display screen control method for controlling a screen displayed on the touch panel, wherein the screen displayed on the touch panel is scrolled when the user touches the peripheral operation unit and performs a scroll operation. Generating image data to be displayed, and displaying the generated image data on the touch panel.

  According to the present invention, it is possible to provide a portable electronic device and a display control method capable of easily changing an image displayed on a touch panel by a user operation.

1 is a configuration diagram of a portable electronic device according to a first embodiment. FIG. 3 is a display diagram of the touch panel according to the first exemplary embodiment. FIG. 10 is an explanatory diagram of a cursor operation according to the first embodiment. FIG. 5 is an explanatory diagram of button operations according to the first embodiment. 1 is a configuration diagram of a touch panel according to a first exemplary embodiment. 1 is a configuration diagram of a portable electronic device according to a first embodiment. 3 is an explanatory diagram of image data according to the first embodiment; FIG. FIG. 3 is a display diagram of the touch panel according to the first exemplary embodiment. FIG. 3 is a display diagram of the touch panel according to the first exemplary embodiment. FIG. 3 is a display diagram of the touch panel according to the first exemplary embodiment. 3 is a flowchart regarding information input according to the first exemplary embodiment; FIG. 6 is a display diagram of a touch panel according to a second exemplary embodiment. FIG. 6 is a configuration diagram of a portable electronic device according to a second exemplary embodiment.

(Embodiment 1)
Embodiments of the present invention will be described below with reference to the drawings. A configuration example of the portable electronic device according to the first exemplary embodiment of the present invention will be described with reference to FIG. The portable electronic device 10 includes a touch panel 20, a peripheral operation unit 30, and a display control unit 40.

  The touch panel 20 is configured by a liquid crystal screen. The touch panel 20 includes a touch sensor that can input information when the user touches it. The touch panel 20 displays a screen prompting the user to input information on the liquid crystal screen. For example, the touch panel 20 displays numeric input keys provided on a general mobile phone on a liquid crystal display screen. When the user touches a numeric input key displayed on the liquid crystal display screen, the touch sensor operates and numeric information is input.

  The peripheral operation unit 30 is formed on the outer peripheral edge of the touch panel 20 and functions as a scroll bar that receives input of information by a user's touch operation and scrolls the display on the touch panel 20. The peripheral operation unit 30 includes a touch sensor like the touch panel 20. The peripheral operation unit 30 operates the image displayed on the touch panel 20 in the direction intended by the user. For example, when the user moves the contact surface upward while touching the surface of the peripheral operation unit 30, the image on the touch panel 20 also moves upward. In this way, when the user touches the peripheral operation unit 30 and performs a scroll operation, the image displayed on the touch panel 20 is scrolled.

  The display control unit 40 generates image data to be displayed on the screen of the touch panel 20 and displays the generated image data on the screen of the touch panel 20. Further, the display control unit 40 acquires user operation information detected by the peripheral operation unit 30. The display control unit 40 generates image data to be displayed on the touch panel 20 according to the acquired operation information, and causes the touch panel 20 to display the image data. That is, when the user operates the peripheral operation unit 30 so as to scroll the image on the touch panel 20 upward, the display control unit 40 generates image information for scrolling the image displayed on the touch panel 20 upward. To do.

  As described above, by operating the peripheral operation unit 30 as in the portable electronic device according to the first embodiment of the present invention, the image displayed on the touch panel 20 is scrolled, and the image intended by the user Can be displayed.

  Subsequently, an arrangement example of the peripheral operation unit and a display example of the touch panel according to the first exemplary embodiment of the present invention will be described with reference to FIG. The peripheral operation unit 30 is disposed around the touch panel 20. The peripheral operation unit 30 is provided with touch sensors in all parts touched by the user. 2 illustrates an example in which the peripheral operation unit 30 is provided all around the touch panel 20, but the peripheral operation unit 30 may be provided only on the right side surface and the upper surface of the touch panel 20. That is, the peripheral operation unit 30 is provided on at least one of the upper surface and the lower surface of the touch panel 20 and at least one of the right side surface and the left side surface, thereby scrolling the screen of the touch panel 20 in the vertical direction and the horizontal direction. Can be made.

  Next, the touch panel 20 includes a cursor operation unit and a button operation unit. The touch panel 20 is divided into button shapes, and a button for displaying a function such as a number or PWR (Power) for turning on / off the power is assigned to each button. A plurality of button areas to which nothing is assigned are used as a cursor operation unit. A groove is formed between one divided button and an adjacent button, and when the user touches the touch panel 20 with a finger, it is possible to obtain a tactile sensation of an uneven button. Thereby, since the tactile sensation in the case of operating the peripheral operation unit 30 formed around the touch panel 20 and the tactile sensation in the case of touching the touch panel 20 can be clearly distinguished, a malfunction by the user can be prevented. it can.

  The pointing device displayed on the information display screen can be operated by moving the finger or touch pen while touching the cursor operation unit of the touch panel 20. Further, by pressing the button operation unit of the touch panel 20, information can be input to the information display screen or the function displayed on the button can be operated. The information display screen is a screen that displays information input using the touch panel 20. For example, dial information or various application screens are displayed on the information display screen.

  Here, a cursor operation using a portable electronic device will be described with reference to FIG. FIG. 3 shows a foldable mobile phone terminal. An information display screen 50, a touch panel 20, and a peripheral operation unit 30 are provided in each casing of the foldable mobile phone terminal. In order to facilitate the description of the cursor operation, the button-shaped uneven display provided on the surface of the touch panel 20 is omitted. By moving the finger so as to trace the surface of the touch panel 20, the pointing device 51 displayed on the information display screen 50 performs the same operation as the movement of the finger. The dotted arrows displayed on the touch panel 20 and the information display screen 50 indicate the trajectory of the user's finger and the pointing device 51 moving.

  Next, a button operation using a portable electronic device will be described with reference to FIG. FIG. 4 also shows a foldable mobile phone terminal as in FIG. 3, and the configuration is the same as in FIG. On the touch panel 20, a button operation unit for inputting numbers 1 to 9 is displayed. For example, 6 is displayed on the information display screen 50 by pressing a button displaying “6”.

  Then, the structural example inside the touch panel 20 concerning Embodiment 1 of this invention is demonstrated using FIG. The touch panel 20 includes a surface part 60, an electrostatic processing part 61, and a terminal part 62.

  The surface part 60 is arrange | positioned on the surface of the touch panel 20, and receives the touch operation by a user. In addition, the surface portion 60 is provided with shallow unevenness in accordance with the button area displayed on the touch panel 20. By providing shallow irregularities on the surface portion 60, the position of the button can be grasped sensuously when the user performs a button operation. In addition, the user can obtain a sense of pressing a button by pressing a convex portion provided on the surface portion 60.

  The electrostatic processing unit 61 is configured by an electrostatic touch pad. The electrostatic processing unit 61 specifies the surface of the touch panel 20, that is, the position of the user's finger or touch pen touched by the surface unit 60. For example, the electrostatic processing unit 61 can specify the position of the user's finger using the X coordinate and the Y coordinate. The specified position of the user's finger or the like is displayed using the pointing device on the information display screen 50. Further, when the user's finger or the like moves so as to trace the surface of the touch panel 20, the electrostatic processing unit 61 can specify the moved locus and operate the pointing device.

  The terminal portion 62 receives the input of information by transmitting the force of pressing the surface portion 60. That is, the terminal unit 62 receives input of information by button operation.

  As described above, by providing the touch panel 20 with the surface portion 60, the user can sensuously grasp the position of the touch button. In addition, by arranging the terminal unit 62 below the electrostatic processing unit 61, the touch panel 20 can perform information input by button operation when the terminal unit 62 receives input of information. In addition, the touch panel 20 can input information by a cursor operation when no information is input to the terminal unit 62 and the electrostatic processing unit 61 specifies the position of the user's finger touched on the surface of the touch panel 20. it can. In addition, the area of the surface part 60 is divided into a cursor operation part and a button operation part. In the area of the cursor operation part, information input from the electrostatic processing part 61 is accepted, and in the area of the button operation part, the terminal part You may control to receive the information input from 62. FIG.

  Then, the detailed structural example of the portable electronic device concerning Embodiment 1 of this invention is demonstrated using FIG. The portable electronic device 10 includes a touch panel 20, a peripheral operation unit 30, a display control unit 40, an information display screen 50, an electrostatic processing unit 61, a terminal unit 62, and an information input receiving unit 70. ing. The touch panel 20, the peripheral operation unit 30, and the display control unit 40 have the same configuration as that in FIG.

  The electrostatic processing unit 61 and the terminal unit 62 output the acquired information to the information input receiving unit 70 when the touch panel 20 is operated by the user. The electrostatic processing unit 61 outputs information related to the position of the touch panel 20 touched by the user's finger. The terminal unit 62 outputs information regarding the position of the pressed button. In addition, the display control unit 40 outputs information related to the arrangement of buttons displayed on the screen of the touch panel 20 and the area of the cursor operation unit to the information input receiving unit 70. The display control unit 40 generates an area for button arrangement and cursor operation according to the application to be activated. Accordingly, a common operation screen can be used in the portable electronic devices 10 of different products regardless of the manufacturer or the like that manufactures the portable electronic device 10.

  When the information input receiving unit 70 acquires information on the position where the user's finger is touched from the electrostatic processing unit 61, the information input receiving unit 70 moves the pointing device displayed on the information display screen 50 based on the acquired information. Further, when the information input receiving unit 70 acquires information about the position of the pressed button from the terminal unit 62, the information input receiving unit 70 is assigned to the pressed button position from the information about the button arrangement acquired from the display control unit 40. The numerical information or function information is specified, and the information is output to the information display screen 50. The information display screen 50 displays information input from the information input receiving unit 70.

  Subsequently, a scrolling operation of an image displayed on the touch panel will be described with reference to FIGS. FIG. 7 shows the image data generated by the display control unit 40. The display control unit 40 generates image data according to the application to be activated. Therefore, when starting different applications, A to Z may be arranged at different positions. A to Z may of course be different characters such as numbers. A region to which A to Z are not assigned corresponds to the cursor operation unit. FIG. 8 shows that the display control unit 40 displays the image data of the area A on the screen of the touch panel 20. In the state shown in FIG. 7, when the user operates to trace the peripheral operation unit 30 upward, as shown in FIG. 8, the display control unit 40 displays the image of the region B on the screen of the touch panel 20. Control the display of data.

  Next, when the peripheral operation unit 30 is operated so as to be traced to the left, the display control unit 40 controls to display the image data of the region C on the screen of the touch panel 20 as illustrated in FIG. 9.

  As described above, by scrolling the screen of the touch panel 20 using the peripheral operation unit 30, all the image data generated in the display control unit 40 can be displayed. That is, even when the display control unit 40 generates image data having a size larger than the image size of the touch panel 20, all the image data can be displayed on the touch panel 20 by using the peripheral operation unit 30.

  Subsequently, a flow of processing of the information input operation according to the first exemplary embodiment of the present invention will be described with reference to FIG. First, input of information from a user is accepted via the touch panel 20 (S11). Next, the information input receiving unit 70 determines whether the information input from the user is input by a button operation (S12). If the information input receiving unit 70 determines in step S12 that the input is by button operation, the information input receiving unit 70 determines whether the input is to the button area (S13). The information input receiving unit 70 determines whether or not the input is to the button area from the information regarding the button arrangement and the area of the cursor operation unit acquired from the display control unit 40. If the information input receiving unit 70 determines in step S13 that the input is to the button area, the information input receiving unit 70 outputs the information input by the button operation to the information display screen 50 (S14). If the information input receiving unit 70 determines in step S12 that the input is not performed by button operation, the information input receiving unit 70 determines whether the input information is information input in the cursor operation area (S15). When the information input reception unit 70 determines that the information is input in the cursor operation area, the information input reception unit 70 outputs the information input by the cursor operation to the information display screen 50. When it is determined in step S13 that the input is not an input to the button area and in step S15, the information input reception unit 70 rejects the reception of the information input and ends the process. (S17).

(Embodiment 2)
Then, the display example of the touch panel concerning Embodiment 2 of this invention is demonstrated using FIG. As illustrated in FIG. 12, the cursor operation unit may be set to overlap the area of the button operation unit. That is, an area to which numbers or the like are assigned may be used as a button operation unit, and the entire touch panel 20 may be used as a cursor operation unit. In this case, the pointing device displayed on the information display screen 50 can be moved by performing an operation so as to trace a portion to which a number or the like is assigned.

  When the user performs an operation on the button operation unit, whether the button operation or the cursor operation is performed can be determined by the pressing force with which the user presses the button operation unit. As described with reference to FIG. 5, when the user presses the touch panel 20 with a certain force or more and the terminal unit 62 is pressed, it is determined that the button is operated. If the user does not press the terminal unit 62 even when the touch panel 20 is operated, the cursor operation is determined from the position of the user's finger or the like specified by the electrostatic processing unit 61. That is, the information input receiving unit 70 can determine that the button operation is performed when information is input from the terminal unit 62, and can be determined as the cursor operation when information is input only from the electrostatic processing unit 61. .

(Embodiment 3)
A configuration example of the portable electronic device according to the third exemplary embodiment of the present invention will be described with reference to FIG. In the portable electronic device 100 described in FIG. 13, the information display screen 50 of the portable electronic device 10 in FIG. 10 is replaced with a communication unit 80. Other configurations in FIG. 13 are the same as those in FIG.

  The communication unit 80 outputs the information input from the information input receiving unit 70 to the external device. The external device is, for example, a personal computer, a video recording device, or a game device. By using the portable electronic device 100 together with a personal computer and transmitting cursor operation information to the personal computer, the portable electronic device 100 can be used as a so-called mouse. Further, by transmitting the numerical information displayed on the portable electronic device 100 to a personal computer, the portable electronic device 100 can be used as a so-called numeric keypad. As described above, the portable electronic device 100 can be used as an interface for inputting information to an external device.

  Note that the present invention is not limited to the above-described embodiment, and can be changed as appropriate without departing from the spirit of the present invention.

DESCRIPTION OF SYMBOLS 10 Portable electronic device 20 Touch panel 30 Peripheral operation part 40 Display control part 50 Information display screen 51 Pointing device 60 Surface part 61 Electrostatic processing part 62 Terminal part 70 Information input reception part 80 Communication part 100 Portable electronic device

Claims (7)

A touch panel;
A display control unit that generates image data to be displayed on the touch panel and displays the image data on the touch panel;
A peripheral operation unit that is formed on an outer peripheral edge of the touch panel, accepts a touch operation by a user, and functions as a scroll bar for scrolling the display of the touch panel;
The display control unit
The portable electronic device which produces | generates the image displayed on the said touch panel so that the screen displayed on the said touch panel may be scrolled, when the said user touches the said peripheral operation part and scrolls. The touch panel
The portable electronic device according to claim 1, wherein irregularities are formed on the surface of the touch panel so that a tactile sensation of a button operation can be obtained when the user presses the surface of the touch panel with a finger. The display control unit
An image including a button operation unit that inputs information when the user presses the surface of the touch panel with a finger, and a cursor operation unit that moves the cursor by moving the surface of the touch panel so as to trace with the finger. The portable electronic device according to claim 1 or 2, which generates data. The display control unit
The portable electronic device according to claim 3, wherein the portable electronic device generates image data for arranging the button operation unit and the cursor operation unit at positions determined according to an application to be activated.   The portable electronic device according to claim 3 or 4, wherein the touch panel is switched between an operation by the button operation unit and an operation by the cursor operation unit in accordance with a pressing force to be pressed. A communication unit that transmits information input using the touch panel to an external device;
The portable electronic device according to claim 1, wherein the input information is displayed on an external device. A display screen control method for controlling a screen displayed on the touch panel using a peripheral operation unit that is formed on an outer peripheral edge of the touch panel and functions as a scroll bar that receives a touch operation by a user and scrolls the display on the touch panel. And
Generating image data to be displayed on the touch panel so that a screen displayed on the touch panel is scrolled by the user touching the peripheral operation unit and performing a scroll operation;
Displaying the generated image data on the touch panel.

Images