JP2020009231A - Display unit and display method - Google Patents

Abstract

To provide a display unit and a display method that can easily achieve movement of a cursor in a text box.SOLUTION: A display unit 10 comprises: a touch panel 2; and a control unit 8. The touch panel 2 has a liquid crystal display 21 and a touch sensor 22. The liquid crystal display 21 has a screen 25 and displays a text box 30 including character strings L and a cursor 31 on the screen 25. The touch sensor 22 detects a touch operation performed by a user. In response to a result of detection performed by the touch sensor 22 indicating execution of a drag operation as the touch operation to the text box 30, the control unit 8 controls the liquid crystal display 21 to move the text box 30 along with the character strings L while maintaining the position of the cursor 31 in the screen 25.SELECTED DRAWING: Figure 1

Description

  The present invention relates to a display device and a display method.

  2. Description of the Related Art As a display device such as a portable information terminal and an image forming apparatus, a display device equipped with a touch panel is known.

  In the display device described in Patent Literature 1, a software keyboard is displayed on a touch panel, and a backspace key or the like is used to move a cursor when inputting characters.

JP 2008-243035 A

  However, the display device described in Patent Literature 1 has a difficulty in operability when the software keyboard is not displayed so that the entire large text box is displayed on the screen. For example, a backspace key or the like for moving a cursor cannot be used.

  On the other hand, at the time of character input, the cursor may be moved by an operation of dragging a cursor on the touch panel by the user. However, when the cursor is small, there is a problem that it is difficult for the user to touch the cursor itself.

  The present invention has been made in view of the above problems, and has as its object to provide a display device and a display method that can easily realize cursor movement in a text box.

  The display device of the present invention includes a touch panel and a control unit. The touch panel has a display and a touch sensor. The display has a screen, and displays a text box including a character string and a cursor on the screen. The touch sensor detects a touch operation by a user. In response to the detection result of the touch sensor indicating the execution of the drag operation as the touch operation on the text box, the control unit, while holding the position of the cursor on the screen, the text box The display is controlled to move with the rows.

  The display method according to the present invention includes a first step and a second step. In the first step, a text box including a character string and a cursor is displayed on the screen. In the second step, in response to a drag operation on the text box, the text box is moved together with the character string while maintaining the position of the cursor on the screen.

  According to the display device and the display method of the present invention, the user can easily realize the cursor movement in the text box.

1 is a block diagram illustrating a configuration of a display device according to an embodiment of the present invention. 5 is a flowchart illustrating an example of a display control process performed by a control unit. 5 is a flowchart illustrating a cursor moving process performed by a control unit. (A), (b), and (c) are screen views showing an example of a process of cursor movement processing. FIG. 19 is a screen diagram illustrating an example of a result of a character string deletion process performed on a line basis by a control unit. FIG. 18 is a screen diagram illustrating an example of a result of a block-based character string deletion process performed by a control unit. FIG. 1 is a diagram illustrating an image forming apparatus including a display device according to an embodiment of the present invention.

  Hereinafter, embodiments of a display device and a display method according to the present invention will be described with reference to the drawings. In the drawings, the same or corresponding portions have the same reference characters allotted, and description thereof will not be repeated. In addition, in the drawings, each component is schematically shown mainly for easy understanding.

  The configuration of the display device 10 according to the embodiment of the present invention will be described with reference to FIG. FIG. 1 is a block diagram illustrating a configuration of a display device 10 according to the embodiment of the present invention.

  The display device 10 includes a touch panel 2 and a control unit 8, as shown in FIG.

  The touch panel 2 has a liquid crystal display 21 and a touch sensor 22. The liquid crystal display 21 is an example of the “display” of the present invention.

  The liquid crystal display 21 has a screen on which a software keyboard and a text box can be displayed. The software keyboard includes a number of keys for presenting a user with a touch position at the time of character input. The text box includes a text box in an active state and a text box in an inactive state. In the active text box, a character string being input and a cursor indicating the input position in the character string are displayed. In the inactive text box, the entered character string is displayed, but the cursor is not displayed. If the software keyboard is not displayed, only the text box is displayed on the screen of the liquid crystal display 21.

  The touch sensor 22 detects a press on the touch surface, and generates a position signal indicating the pressed position. Thereby, the touch sensor 22 detects a touch operation by the user. The touch sensor 22 transmits a position signal to the control unit 8. Thereby, the control unit 8 can determine whether or not the drag operation has been performed by the user, and can recognize the start position of the drag operation and the end position of the drag operation. Further, the control unit 8 can recognize how many fingers have performed the drag operation based on the number of touch areas. Furthermore, the control unit 8 can recognize how much the pressing pressure on the touch sensor 22 based on the drag operation is based on the size of the touch area. The touch sensor 22 is, for example, a resistive touch sensor. Note that the touch sensor 22 may be of a capacitance type.

  The control unit 8 has a processor 81 and a storage unit 82. The processor 81 includes, for example, a CPU (Central Processing Unit). The storage unit 82 includes a memory such as a semiconductor memory, and may include an HDD (Hard Disk Drive). The storage unit 82 stores a display control program 821. The processor 81 of the control unit 8 executes the display control program 821 stored in the storage unit 82 to execute the display control of the touch panel 2.

  The display control process will be described in detail with reference to FIGS. FIG. 2 is a flowchart illustrating an example of the display control process performed by the control unit 8.

  Step S101: As shown in FIG. 2, the control unit 8 determines whether a drag operation has been performed on the text box in the active state. When the control unit 8 determines that the drag operation has been performed on the text box in the active state (YES in step S101), the process proceeds to step S103. When the control unit 8 determines that the drag operation has not been performed on the text box in the active state (NO in step S101), the process proceeds to the normal process without executing the following process.

  Step S103: The control unit 8 determines whether or not a drag operation with one finger has been performed. If the controller 8 determines that the drag operation with one finger has been performed (YES in step S103), the process proceeds to step S105. If the controller 8 determines that the drag operation with one finger is not performed (NO in step S103), the process proceeds to step S107.

  Step S105: The control section 8 executes a cursor moving process. When the processing in step S105 is completed, the display control processing in FIG. 2 ends.

  Step S107: The control unit 8 determines whether or not a drag operation with two fingers has been performed. If the controller 8 determines that the drag operation with two fingers has been performed (YES in step S107), the process proceeds to step S109. If the controller 8 determines that the drag operation with two fingers is not performed (NO in step S107), the process proceeds to step S115.

  Step S109: The control unit 8 determines whether or not the pressing pressure on the touch sensor 22 based on the drag operation is small. If the control unit 8 determines that the pressing pressure is small (YES in step S109), the process proceeds to step S111. If the control unit 8 determines that the pressing pressure is not small (NO in step S109), the process proceeds to step S113.

  Step S111: The control section 8 executes a line-based character string deletion process. When the execution of the character string deletion processing for each line is completed, the display control processing in FIG. 2 ends.

  Step S113: The control unit 8 executes a character string deletion process in block units. When the process of step S113 is completed, the display control process of FIG. 2 ends.

  Step S115: The control section 8 executes another process (for example, a character string selection process). When the process of step S115 is completed, the display control process of FIG. 2 ends.

  The “other processing” in step S115 in FIG. 2 includes a character string selection processing, a copy processing, a cutout processing, and the like by moving the cursor. The control unit 8 changes the processing content for the text box according to various combinations of the number of fingers used in the drag operation and the pressing pressure on the touch sensor 22 based on the drag operation.

  Next, the cursor moving process in step S105 in FIG. 2 will be described. FIG. 3 is a flowchart showing a cursor moving process by the control unit 8.

  Step S201: The control unit 8 moves the text box together with the character string while keeping the cursor position on the screen of the touch panel 2. When the process in step S201 is completed, the process proceeds to step S203.

  Step S203: The control unit 8 determines whether or not the drag operation has been completed. If the controller 8 determines that the drag operation has not been completed (NO in step S203), the process returns to step S201. If the controller 8 determines that the drag operation has been completed (YES in step S203), the process proceeds to step S205.

  Step S205: The control unit 8 moves the text box together with the character string and the cursor to the position of the text box before the drag operation. When the processing in step S205 is completed, the cursor movement processing in FIG. 3 ends.

  Next, an example of a process of the cursor moving process will be described. FIGS. 4A, 4B, and 4C are screen diagrams illustrating an example of a cursor moving process.

  FIG. 4A illustrates an example of the screen 25 of the touch panel 2 before the cursor movement processing is performed. As shown in FIG. 4A, the touch panel 2 displays a text box 30 including a character string L and a cursor 31 on a screen 25. Here, the cursor 31 is located at the end of the character string L. Assuming that the home position on the screen 25 is the origin, the position of the cursor 31 is indicated by an x coordinate X1 and a y coordinate Y1. Note that the software keyboard is not displayed on the screen 25.

  FIG. 4B illustrates the process of step S201 in FIG. The user drags the text box 30 downward and to the right while touching an arbitrary position in the text box 30 with one finger so as to move the cursor 31 from the end of the character string L to the beginning of the character string L. I do. Thereby, the text box 30 moves together with the character string L while the position of the cursor 31 in the screen 25 is maintained. As a result, a desired relative position of the cursor 31 with respect to the character string L is achieved.

  FIG. 4C illustrates the process of step S203 in FIG. When the desired relative position of the cursor 31 with respect to the character string L is achieved, the user releases his / her finger from the text box 30. When the drag operation is completed in this manner, as shown in FIG. 4C, the text box is moved to the position of the text box 30 before the drag operation while the relative position immediately before the cursor 31 with respect to the character string L is maintained. 30 moves together with the character string L and the cursor 31. As can be seen by comparing FIG. 4A and FIG. 4C, the cursor 31 has been moved from the end of the character string L to the beginning of the character string L.

  When the user touches the position of the cursor 31 accurately with one finger from the state of FIG. 4A, the drag operation of the text box 30 as shown in FIG. A drag operation may be performed.

  Next, with reference to FIG. 5, a description will be given of the character string deletion processing for each line in step S111 in FIG. As shown in FIG. 2, when a drag operation with two fingers is performed in a state where the pressing pressure on the touch sensor 22 is small, a character string deletion process is executed in line units.

  FIG. 5 is a screen diagram showing an example of the result of the line-by-line character string deletion process by the control unit 8. FIG. 5 shows a cursor 41 in the text box 40 before the movement and a cursor 42 after the movement. This cursor movement is achieved by the same processing as the cursor movement processing in FIG. According to the line-by-line character string deletion process, a process of deleting the character string included in the area 43 between the cursors 41 and 42 before and after the movement in line units is executed. Only the character string included in the remaining area 44 remains.

  Next, the character string deletion processing in block units in step S113 in FIG. 2 will be described with reference to FIG. As shown in FIG. 2, when a drag operation with two fingers is performed in a state where the pressing pressure on the touch sensor 22 is large, a character string deletion process in block units is performed.

  FIG. 6 is a screen diagram illustrating an example of a result of the character string deletion processing in block units by the control unit 8. FIG. 6 shows a cursor 46 in the text box 45 before moving and a cursor 47 after moving. This cursor movement is achieved by the same processing as the cursor movement processing in FIG. According to the block-based character string deletion process, a process of deleting a character string included in the rectangular area 48 between the cursors 46 and 47 before and after the movement in block units is executed. Only the character string included in the remaining area 49 remains.

  As described above with reference to FIGS. 1 to 6, according to the embodiment of the present invention, the cursor movement is not normally performed by dragging the small cursor itself but by dragging the text box larger than the cursor. As a result, the operability of cursor movement is improved. Fine adjustment of the cursor position can be easily performed.

  According to the embodiment of the present invention, as shown in FIG. 2, "cursor movement processing" for a text box and "character string deletion processing" for a text box are performed according to the number of fingers used in a drag operation. And distinguished. Further, according to the pressing pressure on the touch sensor based on the drag operation, “character string deletion processing in line units” for the text box and “character string deletion processing in block units” for the text box are distinguished. Thereby, the operability of the process designation by the user is improved.

  Further, according to the present embodiment, for example, the cursor movement process of step S105 is performed on the condition that the drag operation is performed on the active text box. This prevents confusion that may occur when a user performs a drag operation on an inactive text box when the user wants to scroll the screen when multiple text boxes are displayed on the screen at the same time. can do.

  More specifically, when a first text box and a second text box that are different from each other are displayed on a screen, and the first text box includes a cursor and the second text box does not include a cursor, the control unit may be configured. 8 executes the following display control. That is, when a drag operation is performed on the second text box, the control unit 8 controls the liquid crystal so that not only does the second text box move, but also the first text box moves with the character string and the cursor therein. The display 21 is controlled. However, if the user performs a long-press operation on the second text box in advance, when a drag operation is performed on the second text box, for example, a cursor moving process of step S105 is executed.

  In the text box for inputting a password, a special character string is often displayed instead of the character string input by the user. In this case, it is difficult for the user to recognize the positional relationship between the input character string and the cursor, and thus, for example, the execution of the cursor movement process in step S105 is prohibited to avoid confusion.

  Finally, an application example of the display device 10 according to the embodiment of the present invention will be described with reference to FIG. FIG. 7 is a diagram illustrating an image forming apparatus 100 including the display device 10 according to the embodiment of the present invention. The image forming apparatus 100 is a copying machine, a printer, a facsimile, or a copying machine having these functions.

  The image forming apparatus 100 includes a display device 10, an image reading unit 50, and an image forming unit 60. The image forming unit 60 includes a fixing device 110, a paper feed cassette 120, an image forming unit 130, a toner replenishing device 140, a sheet discharging unit 150, and a sheet conveying unit 160. The image forming apparatus 100 operates based on information input via the display device 10. For example, the image forming apparatus 100 transmits the data read by the image reading unit 50 to a mail address input via the display device 10. The image forming unit 60 forms an image based on the image data read by the image reading unit 50.

  The paper cassette 120 stores printing paper P. When printing is performed, the paper P in the paper feed cassette 120 is transported by the paper transport unit 160 so as to be discharged from the paper discharge unit 150 via the image forming unit 130 and the fixing device 110.

  The image forming unit 130 forms a toner image on the paper P. The image forming unit 130 includes a photoconductor 131, a developing device 132, and a transfer device 133.

  For example, an electrostatic latent image is formed on the photoconductor 131 by a laser based on an electronic signal of a document image generated by the image reading unit 50. The developing device 132 has a developing roller 121. The developing roller 121 forms a toner image on the photoconductor 131 by supplying toner to the photoconductor 131 and developing the electrostatic latent image. The toner is supplied from the toner supply device 140 to the developing device 132.

  The transfer device 133 transfers the toner image formed on the photoconductor 131 to the paper P.

  The fixing device 110 includes a fixing member 111 and a pressing member 112. The fixing device 110 heats and pressurizes the sheet P by the fixing member 111 and the pressing member 112, so that the unfixed toner image formed in the image forming unit 130 is melted and fixed on the sheet P.

  With reference to FIG. 8, the image forming apparatus 100 has been described as an electronic device including the display device 10, but the electronic device including the display device 10 is not limited to the image forming device 100. For example, the electronic device including the display device 10 is a smartphone or a tablet.

  The embodiment of the invention has been described with reference to the drawings. However, the present invention is not limited to the above embodiment, and can be implemented in various modes without departing from the gist of the present invention. The drawings schematically show each component in order to make it easy to understand, and the thickness, length, number, and the like of each component shown in the drawings are different from actual ones for convenience of drawing. There are cases. Further, the shapes, dimensions, and the like of the respective constituent elements shown in the above-described embodiment are merely examples, and are not particularly limited, and various changes can be made without substantially departing from the configuration of the present invention.

  INDUSTRIAL APPLICABILITY The present invention is applicable to the field of display devices.

2 Touch panel 8 Control unit 10 Display device 21 Liquid crystal display 22 Touch sensor 25 Screen 30 Text box 31 Cursor 100 Image forming device L Character string

Claims (7)

A touch panel,
With a control unit,
The touch panel is
A display having a screen and displaying a first text box including a character string and a cursor on the screen;
And a touch sensor that detects a touch operation by the user.
In response to a detection result of the touch sensor indicating execution of a drag operation as a touch operation on the first text box, the control unit controls the first text box while holding the position of the cursor on the screen. A display device for controlling the display so that a box moves with the character string.   In response to the detection result of the touch sensor indicating the end of the drag operation, the control unit moves the first text box to the position of the first text box before the drag operation together with the character string and the cursor. The display device according to claim 1, wherein the display device is controlled to move.   3. The display device according to claim 1, wherein the control unit changes a processing content of the first text box according to the number of fingers of the user used for the drag operation. 4.   4. The display device according to claim 1, wherein the control unit changes a process performed on the first text box in accordance with a pressing pressure on the touch sensor based on the drag operation. 5. The display further displays a second text box different from the first text box;
The second text box does not include the cursor,
In response to a detection result of the touch sensor indicating execution of a drag operation as a touch operation on the second text box, the control unit may determine that the first text box includes the character string, the cursor, and the second text box. The display device according to claim 1, wherein the display device is controlled to move together with the display device. Displaying a text box containing a character string and a cursor on the screen;
Moving the text box together with the character string while maintaining the position of the cursor on the screen in response to a drag operation on the text box. The display method according to claim 6, further comprising: moving the text box to the position of the text box before the drag operation together with the character string and the cursor.

Images