JP2016099948A - Electronic equipment - Google Patents

Electronic equipment Download PDF

Info

Publication number
JP2016099948A
JP2016099948A JP2014238919A JP2014238919A JP2016099948A JP 2016099948 A JP2016099948 A JP 2016099948A JP 2014238919 A JP2014238919 A JP 2014238919A JP 2014238919 A JP2014238919 A JP 2014238919A JP 2016099948 A JP2016099948 A JP 2016099948A
Authority
JP
Japan
Prior art keywords
image
display
selection range
data
control unit
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
JP2014238919A
Other languages
Japanese (ja)
Inventor
英俊 松村
Hidetoshi Matsumura
英俊 松村
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Sharp Corp
Original Assignee
Sharp Corp
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Sharp Corp filed Critical Sharp Corp
Priority to JP2014238919A priority Critical patent/JP2016099948A/en
Publication of JP2016099948A publication Critical patent/JP2016099948A/en
Pending legal-status Critical Current

Links

Images

Abstract

PROBLEM TO BE SOLVED: To provide a technique enabling a user to easily indicate a selection range of data such as a character string displayed on a display and to easily grasp an operation method.SOLUTION: Electronic equipment 10 displays a selection range 20, a front-end cursor image 21, and a tail-end cursor image 22 to display a selection state of data displayed on a display 142 when an operation to select the data is performed. The electronic equipment 10 displays an operation acceptance image 30 for accepting a touch operation for changing the selection range of the data at a position different from the selection range 20, front-end cursor image 21, and tail-end cursor image 22. A touch operation on each icon included in the operation acceptance image 30 is accepted so as to change the selection range of the data. The electronic equipment 10 accepts a touch operation on a copy execution button 39 included in the operation acceptance image 30 and copies a character string displayed within the selection range 20 to a clip board.SELECTED DRAWING: Figure 3

Description

本開示は、タッチパネル等を搭載してタッチ操作を受け付ける電子機器に関し、特に、ディスプレイに表示されるデータをユーザに容易に選択させる技術に関する。   The present disclosure relates to an electronic device that is equipped with a touch panel or the like and receives a touch operation, and particularly relates to a technique that allows a user to easily select data displayed on a display.

近年、タッチパネルを搭載した電子機器が広く利用されている。例えば、タッチパネルを搭載した電子機器として、スマートフォン、タブレット、ラップトップ型PC(Personal Computer)などがあり、これら電子機器の軽量化が進むことで、様々な場面で利用されている。ラップトップ型PCの中には、タッチパネルディスプレイとキーボードとが分離可能となっているものもあり、これらを分離することで、タブレットとして使用することができるものもある。また、近年、スマートフォンのディスプレイサイズが大型化してきており、4インチ〜6インチのディスプレイを有するスマートフォンも利用されている。スマートフォンのディスプレイの大型化とともに、スマートフォンおよびタブレットの機能を併せ持つ端末として、いわゆる「ファブレット(Phablet)」と呼ばれる端末も登場してきている。また、近年、タッチパネルを搭載した、例えば腕時計型のウェアラブルデバイスも登場してきている。   In recent years, electronic devices equipped with touch panels have been widely used. For example, there are a smartphone, a tablet, a laptop PC (Personal Computer), and the like as electronic devices equipped with a touch panel, and these electronic devices are used in various scenes as the weight of the electronic devices is increased. In some laptop PCs, a touch panel display and a keyboard are separable, and there are some that can be used as a tablet by separating them. In recent years, the display size of smartphones has increased, and smartphones having a display of 4 inches to 6 inches are also used. Along with the increase in the size of smartphone displays, so-called “Phablet” terminals have also emerged as terminals that have both smartphone and tablet functions. In recent years, for example, a watch-type wearable device equipped with a touch panel has appeared.

このようなタッチパネルを搭載した電子機器では、ディスプレイに表示されている文字列などのデータを選択する操作を、ユーザからのタッチ操作によって受け付けている。例えば、ブラウザに文字列が表示されている状態で、ユーザが文字列をコピーする場合、ユーザは、文字列がある位置をロングタッチ(予め定められた一定時間以上のタッチ操作)する。これにより、電子機器は、ユーザがロングタッチした位置の周辺にある文字列の先端および末端に、文字列の選択範囲を示すカーソル画像を表示する。ユーザは、このカーソル画像にタッチしてスライドさせる操作をすることにより、文字列の選択範囲を変更することができる。   In an electronic device equipped with such a touch panel, an operation for selecting data such as a character string displayed on a display is accepted by a touch operation from a user. For example, when the user copies a character string in a state where the character string is displayed on the browser, the user performs a long touch (touch operation for a predetermined time or more) at a position where the character string exists. Accordingly, the electronic device displays a cursor image indicating the selection range of the character string at the leading end and the terminal end of the character string around the position where the user has long touched. The user can change the selection range of the character string by touching and sliding the cursor image.

しかし、電子機器のディスプレイに表示されている文字列よりもユーザの指が大きい場合、文字列の範囲を選択する操作が容易ではないことがある。例えば、文字列の選択範囲を変更するためのカーソル画像が、ユーザの指によって隠されてしまい、ユーザがカーソル画像にタッチすることが困難なことがある。また、ユーザがカーソル画像にタッチしたとしても、ディスプレイに表示される文字が小さい場合、ユーザが誤って一文字または一行余計にスライドさせてしまうなど、ユーザが所望する位置にカーソル画像をスライドさせることが困難なことがある。すなわち、ユーザが狙った位置にタッチすることが難しく、文字列などのデータの選択範囲を、ユーザが思った通りに指定することが容易ではないことがある。   However, when the user's finger is larger than the character string displayed on the display of the electronic device, the operation for selecting the range of the character string may not be easy. For example, the cursor image for changing the selection range of the character string is hidden by the user's finger, and it may be difficult for the user to touch the cursor image. Further, even if the user touches the cursor image, if the character displayed on the display is small, the user may slide the cursor image to a position desired by the user, such as accidentally sliding the character to one character or one extra line. It can be difficult. That is, it is difficult for the user to touch a target position, and it may not be easy to specify a selection range of data such as a character string as the user thinks.

電子機器のディスプレイに表示される文字列などのデータの選択を容易にするため、様々な技術が検討されている。例えば、特開2014−44628号公報(特許文献1)は、携帯端末において、右方向にスライド操作がされると、文字列を挟む第1カーソルおよび第2カーソルのうち、第1カーソルが固定され第2カーソルが右方向に移動する。また、携帯端末において、左方向にスライド操作がされると、第2カーソルが固定され第1カーソルが左方向に移動する技術を記載している。   In order to facilitate selection of data such as a character string displayed on a display of an electronic device, various techniques have been studied. For example, in Japanese Unexamined Patent Publication No. 2014-44628 (Patent Document 1), when a sliding operation is performed in the right direction in a mobile terminal, the first cursor is fixed among the first cursor and the second cursor that sandwich the character string. The second cursor moves to the right. Further, in the mobile terminal, a technique is described in which when the slide operation is performed in the left direction, the second cursor is fixed and the first cursor moves in the left direction.

特開2014−44628号公報JP 2014-44628 A

特許文献1に記載された技術によると、小さい文字列をタッチ操作で選択し、選択範囲を指定する際の操作を容易にしている。しかし、操作方法が直感的ではなく、特に、初めて操作するユーザにとって、操作方法を把握することが容易ではない可能性がある。   According to the technique described in Patent Document 1, a small character string is selected by a touch operation, and an operation for designating a selection range is facilitated. However, the operation method is not intuitive, and it may not be easy for the user who operates for the first time to grasp the operation method.

本開示は、ディスプレイに表示される文字列などのデータの選択範囲を、ユーザが容易に指定することができる別の技術を提供することを目的としている。   An object of the present disclosure is to provide another technique that allows a user to easily specify a selection range of data such as a character string displayed on a display.

一実施形態に従う電子機器は、タッチ操作を検出するタッチパネルと、ディスプレイと、電子機器の動作を制御する制御部とを備える。制御部は、ディスプレイに表示されるデータを選択する操作が入力された場合に、データの選択範囲の先端を示す第1の画像と、データの選択範囲の末端を示す第2の画像とによって挟むことで、データが選択状態であることをディスプレイに表示させる選択状態表示部と、選択状態にあるデータの範囲を変更するためのタッチ操作を受け付けるための操作受付画像を、選択状態にあるデータ、第1の画像および第2の画像と異なる位置に表示させるインタフェース表示部と、選択範囲の先端の位置または末端の位置を移動させる操作を、操作受付画像への操作により受け付けて、受け付けた操作内容に応じて第1の画像または第2の画像の表示位置を移動させることにより、選択範囲を変更する変更操作受付部とを含む。   An electronic device according to an embodiment includes a touch panel that detects a touch operation, a display, and a control unit that controls the operation of the electronic device. When an operation for selecting data to be displayed on the display is input, the control unit sandwiches the first image indicating the tip of the data selection range and the second image indicating the end of the data selection range. The selection state display unit for displaying on the display that the data is in the selected state, and the operation reception image for receiving the touch operation for changing the range of the data in the selected state, the data in the selected state, The interface display unit to be displayed at a position different from the first image and the second image, and the operation for moving the position of the front end or the end of the selection range by the operation on the operation reception image, and the received operation content And a change operation accepting unit that changes the selection range by moving the display position of the first image or the second image according to.

一実施形態によると、制御部のインタフェース表示部は、選択範囲の先端を移動させるか末端を移動させるかの指定をするタッチ操作を受け付けるための指定受付画像をディスプレイに表示させるよう構成されている。変更操作受付部は、指定受付画像へのタッチ操作による指定に従って、第1の画像または第2の画像の表示位置を、操作受付画像へのタッチ操作に応じて移動させるよう構成されている。   According to one embodiment, the interface display unit of the control unit is configured to display on the display a designation acceptance image for accepting a touch operation that designates whether to move the distal end or the distal end of the selection range. . The change operation accepting unit is configured to move the display position of the first image or the second image in accordance with the touch operation on the operation acceptance image in accordance with the designation by the touch operation on the designation acceptance image.

一実施形態によると、制御部のインタフェース表示部が操作受付画像をディスプレイに表示させることには、選択状態の先端の位置または末端の位置を移動させる方向を示す方向画像を表示することが含まれる。変更操作受付部は、方向画像を選択する操作を、フリック操作またはタッチ操作により受け付けており、受け付けた操作がフリック操作であるかタッチ操作であるかに応じて、第1の画像または第2の画像の表示位置を移動させる量を制御するよう構成されている。   According to an embodiment, causing the interface display unit of the control unit to display the operation acceptance image on the display includes displaying a direction image indicating a direction in which the position of the selected distal end position or the distal end position is moved. . The change operation accepting unit accepts an operation for selecting a direction image by a flick operation or a touch operation, and the first image or the second image is selected depending on whether the accepted operation is a flick operation or a touch operation. The amount of movement of the image display position is controlled.

一実施形態によると、制御部のインタフェース表示部が操作受付画像をディスプレイに表示させることには、選択状態の先端の位置を移動させる方向を示す第1の方向画像と、選択状態の末端の位置を移動させる方向を示す第2の方向画像とをともにディスプレイに表示することが含まれる。変更操作受付部は、第1の方向画像と第2の方向画像とに対する入力操作に応じて、第1の画像または第2の画像の表示位置を移動させるよう構成されている。   According to one embodiment, the interface display unit of the control unit displays the operation acceptance image on the display in order to display the first direction image indicating the direction in which the position of the selected tip is moved, and the position of the selected terminal. Display on the display together with a second direction image indicating the direction in which to move. The change operation accepting unit is configured to move the display position of the first image or the second image in response to an input operation on the first direction image and the second direction image.

一実施形態によると、制御部のインタフェース表示部は、ディスプレイにおいて選択状態にあるデータの表示位置に応じて、操作受付画像を表示させる位置を決定するよう構成されている。   According to one embodiment, the interface display unit of the control unit is configured to determine a position at which the operation acceptance image is displayed according to a display position of data in a selected state on the display.

一実施形態に従う電子機器によると、選択状態にあるデータの範囲を変更するタッチ操作を受け付けるための操作受付画像を、選択状態にあるデータと、データの選択範囲の先端および末端を示す画像とは異なる位置に表示する。したがって、ユーザは、ディスプレイに表示される文字列などのデータの選択範囲を容易に指定することができる。   According to the electronic device according to the embodiment, the operation acceptance image for accepting the touch operation for changing the range of the data in the selected state, the data in the selected state, and the image indicating the leading end and the end of the selected range of the data Display in different positions. Therefore, the user can easily specify a selection range of data such as a character string displayed on the display.

この発明の上記および他の目的、特徴、局面および利点は、添付の図面と関連して理解されるこの発明に関する次の詳細な説明から明らかとなるであろう。   The above and other objects, features, aspects and advantages of the present invention will become apparent from the following detailed description of the present invention taken in conjunction with the accompanying drawings.

実施の形態1の電子機器10の外観および構成を概略的に示す図である。It is a figure which shows schematically the external appearance and structure of the electronic device 10 of Embodiment 1. FIG. データが選択状態にある場合に、選択範囲を変更するための操作受付画像30の例を示す図である。It is a figure which shows the example of the operation reception image 30 for changing a selection range, when data is in a selection state. データが選択状態とされ、ユーザの操作に応じて選択状態の範囲が変更される画面の遷移例を示す図である。It is a figure which shows the example of a transition of the screen by which data is made into a selection state and the range of a selection state is changed according to a user's operation. 電子機器10がディスプレイ142に表示されるデータの選択をユーザから受け付ける処理を示すフローチャートである。10 is a flowchart illustrating processing in which electronic device 10 receives selection of data displayed on display 142 from a user. 操作受付画像30の各アイコン画像に対する操作の種類に応じて、文字列の選択範囲を変更する量を制御する例を示す図である。It is a figure which shows the example which controls the quantity which changes the selection range of a character string according to the kind of operation with respect to each icon image of the operation reception image. 操作受付画像において、先端カーソル画像21を移動させるためのアイコン画像と、末端カーソル画像22を移動させるためのアイコン画像とをともにディスプレイ142に表示する例を示す図である。It is a figure which shows the example which displays on the display 142 both the icon image for moving the front-end cursor image 21, and the icon image for moving the terminal cursor image 22 in the operation reception image. 操作受付画像30の表示位置を示す図である。4 is a diagram illustrating a display position of an operation reception image 30. FIG.

以下、図面を参照しつつ、本発明の実施の形態について説明する。以下の説明では、同一の部品には同一の符号を付してある。それらの名称および機能も同じである。したがって、それらについての詳細な説明は繰り返さない。   Hereinafter, embodiments of the present invention will be described with reference to the drawings. In the following description, the same parts are denoted by the same reference numerals. Their names and functions are also the same. Therefore, detailed description thereof will not be repeated.

<実施の形態1>
図1は、実施の形態1の電子機器10の外観および構成を概略的に示す図である。図1(A)は、電子機器10の外観を示す図である。図1(B)は、電子機器10の構成を示すブロック図である。電子機器10は、例えば、スマートフォン、タブレット、ラップトップ型PCその他の電子機器である。
<Embodiment 1>
FIG. 1 is a diagram schematically illustrating an appearance and a configuration of an electronic device 10 according to the first embodiment. FIG. 1A is a diagram illustrating an appearance of the electronic device 10. FIG. 1B is a block diagram illustrating a configuration of the electronic device 10. The electronic device 10 is, for example, a smart phone, a tablet, a laptop PC, or other electronic devices.

図1(A)に示すように、電子機器10は、正面にタッチパネル141と、ディスプレイ142とを備える。電子機器10の筐体に、ディスプレイ142と、タッチパネル141と、カバーガラスとが積層されてはめ込まれている。タッチパネル141は、ユーザの指やスタイラスペンなどの接触を検出する。ディスプレイ142は、描画のための信号に基づき、文字入力のための仮想キーボード、アイコン、静止画、動画、および映像などを表示する。スピーカ148は、音声を出力する。物理操作キー131は、物理的な入力部材であり、ユーザが入力部材を押下する操作を検出して入力操作として受け付ける。   As shown in FIG. 1A, the electronic device 10 includes a touch panel 141 and a display 142 on the front. A display 142, a touch panel 141, and a cover glass are stacked and fitted in the casing of the electronic device 10. The touch panel 141 detects contact of a user's finger or stylus pen. The display 142 displays a virtual keyboard for inputting characters, an icon, a still image, a moving image, and an image based on a signal for drawing. The speaker 148 outputs sound. The physical operation key 131 is a physical input member, detects an operation of the user pressing the input member, and accepts it as an input operation.

図1(B)に示すように、電子機器10は、アンテナ101と、無線通信部111と、物理操作キー131と、加速度センサ132と、タッチパネル141と、ディスプレイ142と、電源制御部144と、バッテリ145と、音声処理部146と、マイク147と、スピーカ148と、記憶部150と、制御部160とを含む。   As shown in FIG. 1B, the electronic device 10 includes an antenna 101, a wireless communication unit 111, a physical operation key 131, an acceleration sensor 132, a touch panel 141, a display 142, a power control unit 144, A battery 145, an audio processing unit 146, a microphone 147, a speaker 148, a storage unit 150, and a control unit 160 are included.

アンテナ101は、電子機器10が発する信号を電波として放射する。また、アンテナ101は、空間から電波を受信して受信信号を無線通信部111へ与える。本実施形態では、電子機器10は、複数の無線通信規格に対応している。通信方式として、W−CDMA(Wideband Code Division Multiple Access)、LTE(Long Term Evolution)、その他の通信方式がある。また、電子機器10は、IEEE(Institute of Electrical and Electronic Engineers)802.11などの無線LAN規格にも対応する。   The antenna 101 radiates a signal emitted from the electronic device 10 as a radio wave. Further, the antenna 101 receives radio waves from the space and gives a reception signal to the wireless communication unit 111. In the present embodiment, the electronic device 10 is compatible with a plurality of wireless communication standards. As communication methods, there are W-CDMA (Wideband Code Division Multiple Access), LTE (Long Term Evolution), and other communication methods. The electronic device 10 also supports wireless LAN standards such as IEEE (Institute of Electrical and Electronic Engineers) 802.11.

無線通信部111は、電子機器10が他の無線機器と通信するため、アンテナ101等を介して信号を送受信するための変復調処理などを行う。無線通信部111は、チューナー、RSSI(Received Signal Strength Indicator)算出回路、CRC(Cyclic Redundancy Check)算出回路、高周波回路などを含む通信モジュールである。無線通信部111は、電子機器10が送受信する無線信号の変復調や周波数変換を行い、受信信号を制御部160へ与える。   The wireless communication unit 111 performs modulation / demodulation processing for transmitting and receiving signals via the antenna 101 and the like so that the electronic device 10 communicates with other wireless devices. The wireless communication unit 111 is a communication module including a tuner, an RSSI (Received Signal Strength Indicator) calculation circuit, a CRC (Cyclic Redundancy Check) calculation circuit, a high-frequency circuit, and the like. The wireless communication unit 111 performs modulation / demodulation and frequency conversion of a wireless signal transmitted / received by the electronic device 10 and provides a received signal to the control unit 160.

物理操作キー131は、物理的な入力装置であり、ユーザによる押下操作を受け付ける。物理操作キー131は、ユーザの押下操作に応じて、操作内容を示す信号を制御部160へ出力する。   The physical operation key 131 is a physical input device and accepts a pressing operation by the user. The physical operation key 131 outputs a signal indicating the operation content to the control unit 160 in response to a user's pressing operation.

加速度センサ132は、電子機器10の傾きを、重力方向の加速度として検出するためのセンサであり、例えば3軸加速度センサである。加速度センサ132は、検出した3軸の加速度を制御部160へ出力する。   The acceleration sensor 132 is a sensor for detecting the tilt of the electronic device 10 as acceleration in the direction of gravity, and is, for example, a three-axis acceleration sensor. The acceleration sensor 132 outputs the detected triaxial acceleration to the control unit 160.

記憶部150は、例えばフラッシュメモリ等により構成され、電子機器10が使用するデータおよびプログラムを記憶する。また、記憶部150は、ユーザが文字列などのデータを選択してクリップボードへコピーする操作を行った際に、コピーされたデータを保持する。   The storage unit 150 is configured by a flash memory, for example, and stores data and programs used by the electronic device 10. Further, the storage unit 150 holds the copied data when the user selects data such as a character string and performs an operation of copying to the clipboard.

タッチパネル141は、ユーザの入力操作を受け付ける。タッチパネル141は、例えば静電容量方式のものを用いることによって、ユーザの接触位置を検出する。タッチパネル141は、検出したユーザの接触位置を示す信号を入力操作として制御部160へ出力する。電子機器10は、タッチパネルが検出する信号に基づき、ユーザの入力操作を分類する。例えば、電子機器10は、ユーザの入力操作がタッチ操作であるか、フリック操作であるかを検出する。本実施形態では、タッチ操作とは、ユーザの接触位置がユーザの指の大きさに応じた一定範囲に留まる操作である。また、フリック操作とは、ユーザが指をはじくように動かす操作であり、ユーザの接触位置を検出してから、接触位置が一定方向に一定の範囲で検出される操作である。   The touch panel 141 receives user input operations. The touch panel 141 detects a user's contact position by using, for example, a capacitive type. The touch panel 141 outputs a signal indicating the detected contact position of the user to the control unit 160 as an input operation. The electronic device 10 classifies user input operations based on signals detected by the touch panel. For example, the electronic device 10 detects whether the user's input operation is a touch operation or a flick operation. In the present embodiment, the touch operation is an operation in which the contact position of the user remains within a certain range according to the size of the user's finger. The flick operation is an operation in which the user moves his / her finger so that the contact position is detected within a certain range in a certain direction after the user's contact position is detected.

ディスプレイ142は、制御部160の制御に応じて、画像、動画、テキストなどのデータを表示する。ディスプレイ142は、例えばLCD(Liquid Crystal Display)や有機EL(Electro-Luminescence)ディスプレイによって実現される。   The display 142 displays data such as an image, a moving image, and text under the control of the control unit 160. The display 142 is realized by, for example, an LCD (Liquid Crystal Display) or an organic EL (Electro-Luminescence) display.

電源制御部144は、電子機器10の各回路に対する電力の供給を制御する。電源制御部144は、例えば電源制御用IC(Integrated Circuit)である。バッテリ145は、電子機器10の各回路を動作させるための電力を供給する供給源である。バッテリ145からの電力は、電源制御部144の制御に従って各回路へ供給される。音声処理部146は、音声信号の変復調を行う。音声処理部146は、マイク147から与えられる信号を変調して、変調後の信号を制御部160へ与える。また、音声処理部146は、音声信号をスピーカ148へ与える。音声処理部146は、例えば音声処理用のプロセッサによって実現される。マイク147は、音声入力を受け付けて、当該音声入力に対応する音声信号を音声処理部146へ与える。スピーカ148は、音声処理部146から与えられる音声信号を音声に変換して当該音声を電子機器10の外部へ出力する。   The power control unit 144 controls power supply to each circuit of the electronic device 10. The power control unit 144 is, for example, a power control IC (Integrated Circuit). The battery 145 is a supply source that supplies power for operating each circuit of the electronic device 10. The electric power from the battery 145 is supplied to each circuit according to the control of the power supply control unit 144. The audio processing unit 146 performs modulation / demodulation of the audio signal. The audio processing unit 146 modulates the signal given from the microphone 147 and gives the modulated signal to the control unit 160. In addition, the audio processing unit 146 provides an audio signal to the speaker 148. The audio processing unit 146 is realized by a processor for audio processing, for example. The microphone 147 receives an audio input and provides an audio signal corresponding to the audio input to the audio processing unit 146. The speaker 148 converts the audio signal provided from the audio processing unit 146 into audio and outputs the audio to the outside of the electronic device 10.

制御部160は、記憶部150に記憶される制御プログラムを読み込んで、当該制御プログラムに含まれる命令を実行することにより、電子機器10の動作を制御する。制御部160は、例えばアプリケーションプロセッサである。制御部160は、プログラムに従って動作することにより、選択状態表示部161と、UI(User Interface)表示部162と、変更操作受付部163としての機能を発揮する。   The control unit 160 controls the operation of the electronic device 10 by reading a control program stored in the storage unit 150 and executing instructions included in the control program. The control unit 160 is, for example, an application processor. The control unit 160 functions as a selection state display unit 161, a UI (User Interface) display unit 162, and a change operation reception unit 163 by operating according to a program.

選択状態表示部161は、ディスプレイ142に表示される文字列などのデータを選択する操作(例えば、文字列に対する一定時間以上のタッチ操作)がタッチパネル141を介して入力された場合に、データの選択範囲の先端を示すカーソル画像と、データの選択範囲の末端を示すカーソル画像とによってデータの選択範囲を挟むように表示する。こうすることで、選択状態表示部161は、データが選択状態であることをディスプレイ142に表示させる。   The selection state display unit 161 selects data when an operation for selecting data such as a character string displayed on the display 142 (for example, a touch operation for a certain time or longer with respect to the character string) is input via the touch panel 141. The display is performed such that the data selection range is sandwiched between the cursor image indicating the tip of the range and the cursor image indicating the end of the data selection range. By doing so, the selection state display unit 161 displays on the display 142 that the data is in the selected state.

UI表示部162は、選択状態にあるデータの範囲を変更するためのタッチ操作を受け付けるための操作受付画像をディスプレイ142に表示させる。選択状態にあるデータの範囲をユーザが容易に変更できるよう、UI表示部162は、操作受付画像の初期の表示位置を、選択状態にあるデータと異なる位置に表示させる。また、UI表示部162は、操作受付画像の初期の表示位置を、データの選択範囲の先端を示すカーソル画像と、データの選択範囲の末端を示すカーソル画像とは別の位置に表示させる。   The UI display unit 162 causes the display 142 to display an operation reception image for receiving a touch operation for changing the range of data in the selected state. The UI display unit 162 displays the initial display position of the operation reception image at a position different from the data in the selected state so that the user can easily change the range of the data in the selected state. In addition, the UI display unit 162 displays the initial display position of the operation reception image at a position different from the cursor image indicating the tip of the data selection range and the cursor image indicating the end of the data selection range.

変更操作受付部163は、選択状態にあるデータの選択範囲の先端の位置または末端の位置を移動させる操作を、タッチパネル141を介して、操作受付画像へのタッチ操作により受け付ける。変更操作受付部163は、受け付けた操作内容に応じて、データの選択範囲の先端を示すカーソル画像、またはデータの選択範囲の末端を示すカーソル画像の表示位置を移動させることで、データの選択範囲を変更する。   The change operation accepting unit 163 accepts an operation for moving the tip position or the end position of the selection range of the data in the selected state through a touch operation on the operation acceptance image via the touch panel 141. The change operation receiving unit 163 moves the display position of the cursor image indicating the tip of the data selection range or the cursor image indicating the end of the data selection range according to the received operation content, thereby selecting the data selection range. To change.

<データの選択範囲を変更するUIの例>
図2を参照して、選択状態にあるデータの選択範囲を変更するためのUIの例を説明する。
<Example of UI for changing the data selection range>
With reference to FIG. 2, an example of a UI for changing the selection range of data in a selected state will be described.

図2は、データが選択状態にある場合に、選択範囲を変更するための操作受付画像30の例を示す図である。図2の状態(A)は、データの選択範囲の末端を移動させるための画面例を示す。図2の状態(B)は、データの選択範囲の先端を移動させるための画面例を示す。図2の状態(C)は、データの選択範囲を変更するための先端カーソル画像21および末端カーソル画像22の形状の、他の例を示す。図2の状態(D)は、画面に表示されたデータの全体または大部分が選択された状態を示す。   FIG. 2 is a diagram illustrating an example of the operation acceptance image 30 for changing the selection range when data is in a selected state. The state (A) in FIG. 2 shows an example of a screen for moving the end of the data selection range. The state (B) in FIG. 2 shows an example of a screen for moving the tip of the data selection range. The state (C) in FIG. 2 shows another example of the shapes of the front cursor image 21 and the end cursor image 22 for changing the data selection range. The state (D) in FIG. 2 shows a state in which all or most of the data displayed on the screen is selected.

制御部160は、ユーザがディスプレイ142に表示される文字列などのデータに対し、タッチパネル141を介して一定時間以上のタッチ操作を行ったことを検出した場合、タッチ操作の位置に応じて、データを選択状態にしてディスプレイ142に表示する。図2の状態(A)に示すように、ディスプレイ142に表示される文字列の一部が選択され、選択状態の範囲が選択範囲20によって示されている。制御部160は、選択範囲20の先端の位置に、データの選択範囲の先端を示すカーソル画像である先端カーソル画像21を表示し、選択範囲20の末端の位置に、データの選択範囲の末端を示すカーソル画像である末端カーソル画像22を表示する。制御部160は、先端カーソル画像21または末端カーソル画像22を選択してスライドさせる操作を受け付けており、この操作によって、選択状態の範囲を変更することができる。状態(A)では、先端カーソル画像21および末端カーソル画像22が、三角形の形状である例を示しているが、三角形に限らず、その他の形状であってもよい。例えば、状態(C)では、先端カーソル画像21および末端カーソル画像22が、棒状のカーソル画像である例を示す。   When the control unit 160 detects that the user has performed a touch operation for a predetermined time or more on the data such as a character string displayed on the display 142 via the touch panel 141, the control unit 160 performs data according to the position of the touch operation. Is selected and displayed on the display 142. As shown in the state (A) of FIG. 2, a part of the character string displayed on the display 142 is selected, and the range of the selected state is indicated by the selection range 20. The control unit 160 displays a tip cursor image 21 which is a cursor image indicating the tip of the data selection range at the tip of the selection range 20, and sets the end of the data selection range at the end of the selection range 20. A terminal cursor image 22 which is a cursor image to be displayed is displayed. The control unit 160 accepts an operation of selecting and sliding the front cursor image 21 or the end cursor image 22, and the range of the selected state can be changed by this operation. In the state (A), the tip cursor image 21 and the terminal cursor image 22 are shown as having a triangular shape, but the shape is not limited to a triangle and may be other shapes. For example, in the state (C), an example in which the front cursor image 21 and the end cursor image 22 are bar-shaped cursor images is shown.

UI表示部162は、選択状態の範囲を変更するためのタッチ操作を受け付けるための操作受付画像30を、選択範囲20、先端カーソル画像21および末端カーソル画像22とは異なる表示位置になるようにディスプレイ142に表示させる。こうすることで、選択範囲に含まれる文字列、先端カーソル画像21および末端カーソル画像22の表示が操作受付画像30によって妨げられることがなくなり、ユーザが選択範囲を視認しながら選択範囲を変更することが容易となる。すなわち、先端カーソル画像21および末端カーソル画像22を指でスライド操作させる場合と比べると、ユーザは、先端カーソル画像21または末端カーソル画像22を移動させるための操作受付画像30に含まれる各アイコン画像に容易にタッチ操作をすることができ、誤操作のおそれも小さくすることができる。また、先端カーソル画像21または末端カーソル画像22の移動に伴って、先端カーソル画像21または末端カーソル画像22が操作受付画像30と重なる位置まで移動することがある。この場合に、UI表示部162は、操作受付画像30を、先端カーソル画像21または末端カーソル画像22と重ならない位置に移動させる。また、UI表示部162は、先端カーソル画像21または末端カーソル画像22が操作受付画像30と重なる位置まで移動する場合に、操作受付画像30を、これら先端カーソル画像21、末端カーソル画像22と重ならない位置であって、選択範囲20と重ならない位置があれば、その位置に移動させる。図2の状態(D)は、ディスプレイ142に表示される文字列の全体または大部分が選択された状態(選択範囲20)にあり、操作受付画像30が、先端カーソル画像21および末端カーソル画像22と重ならない位置に表示されている例を示す。   The UI display unit 162 displays an operation reception image 30 for receiving a touch operation for changing the selection state range so that the operation reception image 30 is in a display position different from the selection range 20, the front cursor image 21, and the end cursor image 22. 142 is displayed. By doing so, the display of the character string included in the selection range, the front cursor image 21 and the end cursor image 22 is not hindered by the operation acceptance image 30, and the user changes the selection range while visually recognizing the selection range. Becomes easy. That is, as compared with the case where the tip cursor image 21 and the terminal cursor image 22 are slid with a finger, the user moves the icon image included in the operation acceptance image 30 for moving the tip cursor image 21 or the terminal cursor image 22. The touch operation can be easily performed, and the risk of erroneous operation can be reduced. In addition, as the leading cursor image 21 or the terminal cursor image 22 moves, the leading cursor image 21 or the terminal cursor image 22 may move to a position where it overlaps with the operation acceptance image 30. In this case, the UI display unit 162 moves the operation acceptance image 30 to a position that does not overlap the front cursor image 21 or the end cursor image 22. Further, when the front cursor image 21 or the end cursor image 22 moves to a position where the front end cursor image 21 or the end cursor image 22 overlaps the operation reception image 30, the UI display unit 162 does not overlap the operation reception image 30 with the front end cursor image 21 or the end cursor image 22. If there is a position that does not overlap the selection range 20, it is moved to that position. The state (D) in FIG. 2 is a state in which the whole or most of the character string displayed on the display 142 is selected (selection range 20), and the operation acceptance image 30 is the tip cursor image 21 and the end cursor image 22. An example is shown in a position that does not overlap.

操作受付画像30は、複数のアイコン画像を含んでいる。操作受付画像30の各アイコン画像に対するタッチ操作を受け付けることで、制御部160は、選択範囲20に示される選択状態の範囲を変更する。操作受付画像30には、移動対象カーソル33と、指定受付ボタン34と、左移動ボタン35と、右移動ボタン36と、上移動ボタン37と、下移動ボタン38と、コピー実行ボタン39とが含まれる。   The operation reception image 30 includes a plurality of icon images. By receiving a touch operation on each icon image of the operation reception image 30, the control unit 160 changes the range of the selection state indicated in the selection range 20. The operation acceptance image 30 includes a movement target cursor 33, a designation acceptance button 34, a left movement button 35, a right movement button 36, an up movement button 37, a down movement button 38, and a copy execution button 39. It is.

移動対象カーソル33は、選択範囲20に示される選択状態の範囲を変更するために、データの選択範囲の先端または末端のいずれが、移動の対象となっているかを示す。図2の状態(A)の例では、移動対象カーソル33は、末端カーソル画像22と同形状の画像を含んでおり、ユーザのタッチ操作を受け付けて、末端カーソル画像22の位置を移動させることで選択状態の範囲を変更することが示されている。図2の状態(B)の例では、移動対象カーソル33は先端カーソル画像21と同形状の画像を含んでおり、ユーザのタッチ操作を受け付けて、先端カーソル画像21の位置を移動させることで選択状態の範囲を変更することが示されている。   The movement target cursor 33 indicates which of the data selection ranges is the object of movement in order to change the selection state range indicated in the selection range 20. In the example of the state (A) in FIG. 2, the movement target cursor 33 includes an image having the same shape as the terminal cursor image 22. By receiving a user's touch operation, the position of the terminal cursor image 22 is moved. It is shown that the range of the selection state is changed. In the example of the state (B) in FIG. 2, the movement target cursor 33 includes an image having the same shape as the tip cursor image 21, and is selected by receiving the user's touch operation and moving the position of the tip cursor image 21. It has been shown to change the state range.

指定受付ボタン34は、選択範囲20に示される選択状態の範囲を変更するために、選択範囲20の先端を移動させるか末端を移動させるかの指定をするタッチ操作を受け付けるための画像である。図2の状態(A)の例では、指定受付ボタン34は、先端カーソル画像21と同形状の画像を含んでいる。この状態(A)において、指定受付ボタン34に対するタッチ操作がなされると、データの選択範囲を変更するために、先端カーソル画像21を移動させることが指定される。状態(A)において指定受付ボタン34に対するタッチ操作がなされると、状態(B)となる。   The designation accepting button 34 is an image for accepting a touch operation for designating whether to move the distal end or the distal end of the selection range 20 in order to change the selection state range indicated in the selection range 20. In the example of the state (A) in FIG. 2, the designation acceptance button 34 includes an image having the same shape as the tip cursor image 21. In this state (A), when a touch operation is performed on the designation acceptance button 34, it is designated to move the tip cursor image 21 in order to change the data selection range. When a touch operation is performed on the designation reception button 34 in the state (A), the state (B) is obtained.

左移動ボタン35は、タッチ操作を受け付けることにより、移動対象カーソル33により指定される先端カーソル画像21または末端カーソル画像22のいずれかを、左に所定の文字数分(例えば、1文字分)移動させることを示す。   The left movement button 35 moves a predetermined number of characters (for example, one character) to the left by either the front cursor image 21 or the end cursor image 22 specified by the movement target cursor 33 by receiving a touch operation. It shows that.

右移動ボタン36は、タッチ操作を受け付けることにより、移動対象カーソル33により指定される先端カーソル画像21または末端カーソル画像22のいずれかを、右に所定の文字数分、移動させることを示す。   The right movement button 36 indicates that, by receiving a touch operation, either the front cursor image 21 or the end cursor image 22 specified by the movement target cursor 33 is moved to the right by a predetermined number of characters.

上移動ボタン37は、タッチ操作を受け付けることにより、移動対象カーソル33により指定される先端カーソル画像21または末端カーソル画像22のいずれかを、上に所定の行数分(例えば、1行分)、移動させることを示す。   The upward movement button 37 receives a touch operation, and moves either the front cursor image 21 or the end cursor image 22 specified by the movement target cursor 33 upward by a predetermined number of lines (for example, one line), Indicates moving.

下移動ボタン38は、タッチ操作を受け付けることにより、移動対象カーソル33により指定される先端カーソル画像21または末端カーソル画像22のいずれかを、下に所定の行数分、移動させることを示す。   The down movement button 38 indicates that, by accepting a touch operation, either the front cursor image 21 or the end cursor image 22 designated by the movement target cursor 33 is moved downward by a predetermined number of lines.

コピー実行ボタン39は、タッチ操作を受け付けることにより、選択範囲20に示される選択状態の範囲に含まれるデータ(図2の例では、文字列)をクリップボード(一時的にデータを保存できる共有のメモリ領域)へコピーする。また、誤動作を防止するため、制御部160は、コピー実行ボタン39がタッチされる時間が一定時間(例えば、1秒など)に満たない場合はコピーを実行せず、コピー実行ボタン39がタッチされる時間が一定時間を超える場合(長押し操作)にコピーを実行することとしてもよい。   The copy execution button 39 accepts a touch operation, and thereby, data (a character string in the example of FIG. 2) included in the selection state range shown in the selection range 20 is clipped (a shared memory that can temporarily store data). Area). Further, in order to prevent malfunction, the control unit 160 does not execute copying when the time for which the copy execution button 39 is touched is less than a certain time (for example, 1 second), and the copy execution button 39 is touched. Copying may be executed when the recording time exceeds a certain time (long press operation).

また、操作受付画像30に含まれる各アイコン画像(移動対象カーソル33等)を、ディスプレイ142に表示される文字列のフォントサイズ、データの選択範囲の先端に表示される先端カーソル画像21、およびデータの選択範囲の末端に表示される末端カーソル画像22と比べて大きなサイズとする。これにより、先端カーソル画像21または末端カーソル画像22に対して、指でスライド操作させる場合と比べると、文字列の選択範囲を容易に変更することができる。   In addition, each icon image (movement object cursor 33 or the like) included in the operation reception image 30 is displayed by using the font size of the character string displayed on the display 142, the tip cursor image 21 displayed at the tip of the data selection range, and the data. The size is larger than the end cursor image 22 displayed at the end of the selected range. As a result, the selection range of the character string can be easily changed as compared with the case where the front cursor image 21 or the end cursor image 22 is slid with a finger.

また、操作受付画像30に含まれるアイコン画像において、カーソル画像を移動させる方向を、図2に示すように矢印によって示すことにより、ユーザは、直感的に操作をすることができる。   In addition, in the icon image included in the operation reception image 30, the direction in which the cursor image is moved is indicated by an arrow as shown in FIG.

<データの選択範囲を変更する操作の例>
図3を参照して、選択状態にあるデータの選択範囲を変更するための操作の例を説明する。
<Example of operation to change data selection range>
With reference to FIG. 3, an example of an operation for changing the selection range of data in the selected state will be described.

図3は、データが選択状態とされ、ユーザの操作に応じて選択状態の範囲が変更される画面の遷移例を示す図である。   FIG. 3 is a diagram illustrating a transition example of screens in which data is in a selected state and the range of the selected state is changed according to a user operation.

図3の状態(A)に示すように、例えば、制御部160がテキストエディタ、メールアプリケーション、ブラウザその他のアプリケーションを実行して、ディスプレイ142に文字列を表示している。制御部160は、この状態(A)で、文字列の表示位置に対し、タッチ操作が一定時間以上なされていること(ロングタッチ)をタッチパネル141を介して検出すると、タッチ操作がなされた位置に表示されている文字列を選択状態とする。   As shown in the state (A) of FIG. 3, for example, the control unit 160 executes a text editor, a mail application, a browser, and other applications, and displays a character string on the display 142. In this state (A), when the control unit 160 detects that the touch operation has been performed for a predetermined time or longer (long touch) with respect to the display position of the character string via the touch panel 141, the control unit 160 returns to the position where the touch operation has been performed. The displayed character string is selected.

図3の状態(B)は、制御部160がタッチパネル141を介してロングタッチを受け付けることで、タッチ操作がなされた位置から一定範囲に表示されている文字列が選択状態として表示され、操作受付画像30がディスプレイ142に表示される状態を示す。   In the state (B) of FIG. 3, when the control unit 160 receives a long touch via the touch panel 141, a character string displayed within a certain range from the position where the touch operation is performed is displayed as a selected state, and the operation reception is performed. The state in which the image 30 is displayed on the display 142 is shown.

図3の状態(C)は、制御部160が操作受付画像30に対するユーザのタッチ操作を受け付けて、選択状態の範囲を変更した状態を示す。状態(C)の例では、制御部160が右移動ボタン36に対する少なくとも1回のタッチ操作をタッチパネル141により受け付けて、末端カーソル画像22を右に移動させた状態を示している。   The state (C) of FIG. 3 shows a state in which the control unit 160 has accepted the user's touch operation on the operation acceptance image 30 and has changed the range of the selection state. In the example of the state (C), the control unit 160 receives at least one touch operation on the right movement button 36 by the touch panel 141 and moves the terminal cursor image 22 to the right.

図3の状態(D)は、制御部160が指定受付ボタン34に対するユーザのタッチ操作を受け付けて、選択状態の範囲を変更するために移動させる対象を、末端カーソル画像22から先端カーソル画像21へと切り替えた状態を示す。   In the state (D) of FIG. 3, the control unit 160 receives the touch operation of the user with respect to the designation receiving button 34, and moves the object to be moved to change the selection state range from the terminal cursor image 22 to the tip cursor image 21. And show the switched state.

図3の状態(E)は、制御部160が左移動ボタン35に対する少なくとも1回のタッチ操作を受け付けて、選択状態の範囲を変更した状態を示す。状態(E)の例では、制御部160が先端カーソル画像21を左に移動させた状態を示している。   The state (E) of FIG. 3 shows a state in which the control unit 160 has accepted at least one touch operation on the left movement button 35 and has changed the range of the selection state. The example of the state (E) shows a state where the control unit 160 has moved the tip cursor image 21 to the left.

図3の状態(F)は、制御部160がコピー実行ボタン39に対するタッチ操作を受け付けて、選択状態の範囲に含まれる文字列をクリップボードにコピーさせた状態を示している。   The state (F) of FIG. 3 shows a state in which the control unit 160 receives a touch operation on the copy execution button 39 and copies a character string included in the selected state range to the clipboard.

<動作>
図4を参照して、電子機器10の動作について説明する。
<Operation>
The operation of the electronic device 10 will be described with reference to FIG.

図4は、電子機器10がディスプレイ142に表示されるデータの選択をユーザから受け付ける処理を示すフローチャートである。電子機器10は、例えば、テキストエディタ、ブラウザ、メールアプリケーションその他のアプリケーションを実行している状態で、ディスプレイ142に表示されるデータに対するロングタッチを検出することにより、図4に示す処理を開始する。なお、図4では、ユーザが選択するデータが文字列であるとする。   FIG. 4 is a flowchart illustrating a process in which the electronic device 10 receives a selection of data displayed on the display 142 from the user. The electronic device 10 starts the processing shown in FIG. 4 by detecting a long touch on the data displayed on the display 142 while, for example, a text editor, a browser, a mail application, or another application is being executed. In FIG. 4, it is assumed that the data selected by the user is a character string.

ステップS101において、制御部160は、タッチ操作をタッチパネル141によって検出した領域にある文字列を、データの選択範囲と設定し、設定された選択範囲を記憶する。   In step S101, the control unit 160 sets a character string in the area where the touch operation is detected by the touch panel 141 as a data selection range, and stores the set selection range.

ステップS103において、制御部160は、データの選択範囲の先端付近にデータの選択範囲の先端を示すカーソル画像を表示し、データの選択範囲の末端付近にデータの選択範囲の末端を示すカーソル画像を表示し、データの選択範囲にある文字列を、他の文字列と異なる態様で表示する。   In step S103, the control unit 160 displays a cursor image indicating the tip of the data selection range near the tip of the data selection range, and displays a cursor image indicating the end of the data selection range near the end of the data selection range. The character string in the data selection range is displayed in a manner different from other character strings.

ステップS105において、制御部160は、データの選択範囲を変更するためのインタフェースとなる操作受付画像30を、データの選択範囲とカーソル画像とに重ならない位置に表示する。ステップS103およびステップS105の処理により、図3の状態(B)に示すように選択範囲20、先端カーソル画像21、末端カーソル画像22および操作受付画像30がディスプレイ142に表示される。   In step S105, the control unit 160 displays the operation acceptance image 30 serving as an interface for changing the data selection range at a position that does not overlap the data selection range and the cursor image. As a result of the processing in step S103 and step S105, the selection range 20, the leading cursor image 21, the trailing cursor image 22, and the operation acceptance image 30 are displayed on the display 142 as shown in the state (B) of FIG.

ステップS107において、制御部160は、操作受付画像30が表示されている領域外でのタッチ操作が検出されたか否かを判断する。操作受付画像30が表示されている領域外のタッチ操作が検出された場合(ステップS107においてYES)、制御部160は、文字列を選択する処理を終了し、操作受付画像30の領域外のタッチ操作が検出されない場合(ステップS107においてNO)、ステップS109の処理を行う。   In step S107, the control unit 160 determines whether or not a touch operation outside the area where the operation acceptance image 30 is displayed is detected. When a touch operation outside the area where operation reception image 30 is displayed is detected (YES in step S107), control unit 160 ends the process of selecting a character string, and touches outside the area of operation reception image 30 If no operation is detected (NO in step S107), the process of step S109 is performed.

ステップS109において、制御部160は、操作受付画像30が表示されている領域内でのタッチ操作が検出されたか否かを判断する。制御部160は、操作受付画像30が表示されている領域内でタッチ操作が検出されるまで待機し(ステップS109においてNO)、タッチ操作が検出されると(ステップS109においてYES)、ステップS111の処理を行う。   In step S109, the control unit 160 determines whether or not a touch operation in the area where the operation acceptance image 30 is displayed is detected. Control unit 160 waits until a touch operation is detected in the region where operation acceptance image 30 is displayed (NO in step S109). When a touch operation is detected (YES in step S109), control unit 160 proceeds to step S111. Process.

ステップS111において、制御部160は、操作受付画像30が表示されている領域内で検出されたタッチ操作が、データの選択範囲の先端に表示されるカーソル画像または選択範囲の末端に表示されるカーソル画像を、上方向、下方向、右方向または左方向に移動させるための方向ボタンに対する操作であるか判断する。すなわち制御部160は、タッチ操作が、左移動ボタン35、右移動ボタン36、上移動ボタン37または下移動ボタン38のいずれかへの操作であるか判断する。ステップS111において肯定的な判断結果の場合(ステップS111においてYES)、制御部160は、ステップS113の処理を行い、そうでない場合は(ステップS111においてNO)、ステップS121の処理を行う。   In step S111, the control unit 160 causes the touch operation detected in the area where the operation acceptance image 30 is displayed to be a cursor image displayed at the tip of the data selection range or a cursor displayed at the end of the selection range. It is determined whether the operation is for a direction button for moving the image upward, downward, rightward or leftward. That is, the control unit 160 determines whether the touch operation is an operation on any one of the left movement button 35, the right movement button 36, the up movement button 37, and the down movement button 38. If the determination result in step S111 is affirmative (YES in step S111), the control unit 160 performs the process of step S113. Otherwise (NO in step S111), the control unit 160 performs the process of step S121.

ステップS113において、制御部160は、タッチ操作がされた方向ボタンに対応する方向に、選択範囲の先端に表示されるカーソル画像または選択範囲の末端に表示されるカーソル画像を、一文字または一行ずつ移動させる。これにより、制御部160は、文字列の選択範囲を変更する。   In step S113, the control unit 160 moves the cursor image displayed at the tip of the selection range or the cursor image displayed at the end of the selection range one character or line at a time in the direction corresponding to the direction button on which the touch operation has been performed. Let Thereby, the control part 160 changes the selection range of a character string.

ステップS115において、制御部160は、タッチパネル141の検出結果に基づいて、方向ボタンに対するタッチ操作がリリースされたか(タッチパネル141において、接触が検知されなくなったか)、またはタッチ操作がされた方向ボタンとは別の位置でタッチ操作が検出されたか判断する。ステップS115において否定的な判断結果の場合(ステップS115においてNO)、制御部160は、ステップS113の処理を行い、そうでない場合(ステップS115においてYES)、ステップS107の処理を行う。ステップS113およびステップS115の処理により、例えば図3の状態(B)と状態(C)とに示すように、文字列の選択範囲が変更される。   In step S115, based on the detection result of the touch panel 141, the control unit 160 releases the touch operation on the direction button (whether contact is no longer detected on the touch panel 141) or the direction button on which the touch operation has been performed. It is determined whether a touch operation is detected at another position. If the determination result is negative in step S115 (NO in step S115), control unit 160 performs the process in step S113. If not (YES in step S115), control unit 160 performs the process in step S107. By the processing in step S113 and step S115, for example, as shown in the state (B) and the state (C) in FIG. 3, the selection range of the character string is changed.

ステップS121において、制御部160は、操作受付画像30が表示されている領域内で検出されたタッチ操作が、移動操作の対象となるカーソル画像を切り替えるための指定受付ボタン34(切替ボタン)へのタッチ操作であるか判断する。ステップS121において肯定的な判断結果の場合(ステップS121においてYES)、制御部160は、ステップS123の処理を行い、そうでない場合(ステップS121においてNO)、ステップS131の処理を行う。   In step S <b> 121, the control unit 160 switches the touch operation detected in the area where the operation reception image 30 is displayed to the designation reception button 34 (switch button) for switching the cursor image that is the target of the movement operation. It is determined whether it is a touch operation. If the determination result in step S121 is affirmative (YES in step S121), control unit 160 performs the process in step S123. If not (NO in step S121), control unit 160 performs the process in step S131.

ステップS123において、制御部160は、文字列の選択範囲を移動させる対象となるカーソル画像を切り替える。ステップS123の処理により、例えば図3の状態(C)と状態(D)とに示すように、文字列の選択範囲を移動させる対象となるカーソル画像が切り替わる。   In step S123, the control unit 160 switches the cursor image that is the target for moving the selection range of the character string. By the process of step S123, for example, as shown in a state (C) and a state (D) in FIG.

ステップS125において、制御部160は、タッチパネル141の検出結果に基づいて、指定受付ボタン34に対するタッチ操作がリリースされたか、またはタッチ操作がされた指定受付ボタン34とは別の位置でタッチ操作が検出されたか判断する。ステップS125において否定的な判断結果の場合(ステップS125においてNO)は待機し、肯定的な判断結果の場合(ステップS125においてYES)、制御部160は、ステップS107の処理を行う。   In step S <b> 125, based on the detection result of the touch panel 141, the control unit 160 detects that the touch operation on the designated reception button 34 has been released or the touch operation has been detected at a position different from the designated reception button 34 on which the touch operation has been performed. Determine if it was done. In the case of a negative determination result in step S125 (NO in step S125), the control unit 160 waits, and in the case of a positive determination result (YES in step S125), the control unit 160 performs the process of step S107.

ステップS131において、制御部160は、操作受付画像30が表示されている領域内で検出されたタッチ操作が、コピー実行ボタン39(コピーボタン)へのタッチ操作であるか判断する。ステップS131において肯定的な判断結果の場合(ステップS131においてYES)、制御部160は、ステップS133の処理を行い、そうでない場合(ステップS131においてNO)、ステップS125の処理を行う。   In step S131, the control unit 160 determines whether the touch operation detected in the region where the operation acceptance image 30 is displayed is a touch operation on the copy execution button 39 (copy button). If the determination result is affirmative in step S131 (YES in step S131), control unit 160 performs the process in step S133, and otherwise (NO in step S131), performs the process in step S125.

ステップS133において、制御部160は、選択範囲に含まれる文字列をクリップボードにコピーする。   In step S133, the control unit 160 copies the character string included in the selection range to the clipboard.

ステップS135において、制御部160は、タッチパネル141の検出結果に基づいて、コピー実行ボタン39に対するタッチ操作がリリースされたか、またはタッチ操作がされたコピー実行ボタン39とは別の位置でタッチ操作が検出されたか判断する。制御部160は、ステップS135において否定的な判断結果の場合(ステップS135においてNO)は待機し、肯定的な判断結果の場合(ステップS135においてYES)、文字列を選択する処理を終了する。   In step S <b> 135, based on the detection result of the touch panel 141, the control unit 160 detects that the touch operation on the copy execution button 39 has been released or the touch operation is detected at a position different from the copy execution button 39 on which the touch operation has been performed. Determine if it was done. Control unit 160 stands by in the case of a negative determination result in step S135 (NO in step S135), and ends the process of selecting a character string in the case of a positive determination result (YES in step S135).

<実施の形態2>
図5を参照して、別の実施形態にかかる電子機器10について説明する。
<Embodiment 2>
With reference to FIG. 5, an electronic apparatus 10 according to another embodiment will be described.

図5は、操作受付画像30の各アイコン画像に対する操作の種類に応じて、文字列の選択範囲を変更する量を制御する例を示す図である。   FIG. 5 is a diagram illustrating an example of controlling the amount of changing the selection range of the character string in accordance with the type of operation on each icon image of the operation reception image 30.

図5の状態(A)は、電子機器10が、文字列がロングタッチによって選択されて、選択された文字列の範囲を選択範囲20、先端カーソル画像21および末端カーソル画像22によって表示するとともに、操作受付画像30をディスプレイ142に表示している状態を示す。電子機器10は、図5の状態(A)において、タッチ操作またはフリック操作によって、ユーザから右移動ボタン36を選択する操作を受け付けている。   In the state (A) of FIG. 5, the electronic device 10 displays the range of the selected character string by the selection range 20, the front cursor image 21, and the end cursor image 22 when the character string is selected by long touch. A state in which the operation acceptance image 30 is displayed on the display 142 is shown. In the state (A) of FIG. 5, the electronic device 10 accepts an operation for selecting the right movement button 36 from the user by a touch operation or a flick operation.

電子機器10は、操作受付画像30に含まれる各アイコン画像を選択する操作が、フリック操作であるかタッチ操作であるかに応じて、先端カーソル画像21または末端カーソル画像22の表示位置を移動させる量を変化させる。例えば、図5の状態(B)に示すように、電子機器10は、右移動ボタン36に対するタッチ操作を検出すると、選択範囲の先端のカーソル画像または末端のカーソル画像を1文字分、移動させる。また、図5の状態(C)に示すように、電子機器10は、右移動ボタン36をフリック操作によって選択する操作を検出すると、選択範囲の先端のカーソル画像または末端のカーソル画像を数文字分、移動させる。   The electronic device 10 moves the display position of the distal cursor image 21 or the distal cursor image 22 depending on whether the operation for selecting each icon image included in the operation reception image 30 is a flick operation or a touch operation. Change the amount. For example, as shown in the state (B) of FIG. 5, when the electronic device 10 detects a touch operation on the right movement button 36, the electronic device 10 moves the cursor image at the front end or the end of the selection range by one character. Further, as shown in the state (C) of FIG. 5, when the electronic device 10 detects an operation for selecting the right movement button 36 by a flick operation, the cursor image at the tip or the cursor image at the end of the selection range is displayed for several characters. Move.

このように構成することで、データの選択範囲を変更する操作を、実施の形態1と比較して、より短時間にすることが可能となる。   With this configuration, the operation for changing the data selection range can be made shorter than in the first embodiment.

<実施の形態3>
図6を参照して、別の実施形態にかかる電子機器10について説明する。
<Embodiment 3>
An electronic apparatus 10 according to another embodiment will be described with reference to FIG.

図6は、操作受付画像において、先端カーソル画像21を移動させるためのアイコン画像と、末端カーソル画像22を移動させるためのアイコン画像とをともにディスプレイ142に表示する例を示す図である。   FIG. 6 is a diagram illustrating an example in which an icon image for moving the front cursor image 21 and an icon image for moving the end cursor image 22 are both displayed on the display 142 in the operation acceptance image.

図6に示すように、実施の形態3の電子機器10は、選択範囲20に示されるデータの選択範囲の先端の位置を移動させる方向を示すアイコン画像(先端左移動ボタン81、先端右移動ボタン82、先端上移動ボタン83および先端下移動ボタン84)と、データの選択範囲の末端の位置を移動させる方向を示すアイコン画像(末端左移動ボタン85、末端右移動ボタン86、末端上移動ボタン87および末端下移動ボタン88)とをともにディスプレイ142に表示させる。また、図6に示すように、制御部160は、選択範囲の先端の位置を移動させる方向を示すアイコン画像と、選択範囲の末端の位置を移動させる方向を示すアイコン画像とを、異なる表示態様(図6の例では、矢印を白抜きで示すか、塗りつぶしで示す)でディスプレイ142に表示する。   As illustrated in FIG. 6, the electronic device 10 according to the third embodiment has an icon image (a tip left move button 81, a tip right move button) indicating a direction in which the position of the tip of the data selection range indicated in the selection range 20 is moved. 82, a tip up move button 83 and a tip down move button 84), and icon images (direction left move button 85, end right move button 86, end up move button 87) indicating the direction of moving the end position of the data selection range. And the lower end movement button 88) are displayed on the display 142. Further, as shown in FIG. 6, the control unit 160 displays an icon image indicating a direction in which the position of the tip of the selection range is moved and an icon image indicating a direction in which the position of the end of the selection range is moved in different display modes. (In the example of FIG. 6, the arrow is shown in white or filled in) and displayed on the display 142.

先端左移動ボタン81は、先端カーソル画像21を左に所定の文字数分、移動させることを示す画像である。先端右移動ボタン82は、先端カーソル画像21を右に所定の文字数分、移動させることを示す画像である。先端上移動ボタン83は、先端カーソル画像21を上に所定の行数分、移動させることを示す画像である。先端下移動ボタン84は、先端カーソル画像21を下に所定の行数分、移動させることを示す画像である。   The tip left move button 81 is an image indicating that the tip cursor image 21 is moved to the left by a predetermined number of characters. The tip right move button 82 is an image indicating that the tip cursor image 21 is moved to the right by a predetermined number of characters. The tip up movement button 83 is an image indicating that the tip cursor image 21 is moved up by a predetermined number of lines. The tip down move button 84 is an image indicating that the tip cursor image 21 is moved down by a predetermined number of lines.

図6の状態(A)に示すように、末端左移動ボタン85は、末端カーソル画像22を左に所定の文字数分、移動させることを示す画像である。末端右移動ボタン86は、末端カーソル画像22を右に所定の文字数分、移動させることを示す画像である。末端上移動ボタン87は、末端カーソル画像22を上に所定の行数分、移動させることを示す画像である。末端下移動ボタン88は、末端カーソル画像22を下に所定の行数分、移動させることを示す画像である。コピー実行ボタン89は、タッチ操作を受け付けることにより、選択範囲20に示される選択状態の範囲に含まれるデータをクリップボードへコピーすることを示す画像である。   As shown in the state (A) of FIG. 6, the left end button 85 is an image indicating that the end cursor image 22 is moved to the left by a predetermined number of characters. The terminal right movement button 86 is an image indicating that the terminal cursor image 22 is moved to the right by a predetermined number of characters. The end up movement button 87 is an image indicating that the end cursor image 22 is moved up by a predetermined number of lines. The lower end movement button 88 is an image indicating that the end cursor image 22 is moved downward by a predetermined number of lines. The copy execution button 89 is an image indicating that the data included in the selection state range indicated by the selection range 20 is copied to the clipboard by accepting a touch operation.

図6の状態(B)に示すように、末端右移動ボタン86に対するタッチ操作を検出すると、制御部160は、末端カーソル画像22を右へ移動させる。図6の状態(C)に示すように、先端左移動ボタン81に対するタッチ操作を検出すると、制御部160は、先端カーソル画像21を左へ移動させる。   As shown in the state (B) of FIG. 6, when the touch operation on the terminal right movement button 86 is detected, the control unit 160 moves the terminal cursor image 22 to the right. As shown in the state (C) of FIG. 6, when detecting a touch operation on the tip left movement button 81, the control unit 160 moves the tip cursor image 21 to the left.

こうすることで、ユーザは、移動させる対象となるカーソル画像が先端カーソル画像21か末端カーソル画像22かを切り替える操作を行うことなく、容易にデータの選択範囲を変更することができる。   In this way, the user can easily change the data selection range without performing an operation of switching the cursor image to be moved between the front cursor image 21 and the end cursor image 22.

<操作受付画像を表示する位置の制御>
各実施形態の説明では、操作受付画像30を、選択範囲20、先端カーソル画像21および末端カーソル画像22とは異なる位置に表示するものとして説明した。この操作受付画像30の表示位置の制御について、図7を参照して説明する。
<Control of position for displaying operation acceptance image>
In the description of each embodiment, the operation reception image 30 has been described as being displayed at a position different from the selection range 20, the front cursor image 21, and the end cursor image 22. Control of the display position of the operation acceptance image 30 will be described with reference to FIG.

図7は、操作受付画像30の表示位置を示す図である。図7の状態(A)に示すように、制御部160は、ディスプレイ142の上部に表示される文字列に対するロングタッチを検出すると、図7の状態(B)に示すように、ディスプレイ142の下部に操作受付画像30を表示することとしてもよい。また、図7の状態(C)に示すように、制御部160は、ディスプレイ142の下部に表示される文字列に対するロングタッチを検出すると、図7の状態(D)に示すように、ディスプレイ142の上部に操作受付画像30を表示することとしてもよい。このように、制御部160は、ディスプレイ142において選択状態にあるデータの表示位置に応じて、操作受付画像30をディスプレイ142に表示させる位置を決定することとしてもよい。   FIG. 7 is a diagram showing the display position of the operation acceptance image 30. As shown in the state (A) of FIG. 7, when the control unit 160 detects a long touch on the character string displayed on the upper part of the display 142, as shown in the state (B) of FIG. Alternatively, the operation acceptance image 30 may be displayed. Further, as shown in the state (C) of FIG. 7, when the control unit 160 detects a long touch on the character string displayed on the lower portion of the display 142, as shown in the state (D) of FIG. The operation acceptance image 30 may be displayed on the top of the screen. As described above, the control unit 160 may determine the position at which the operation acceptance image 30 is displayed on the display 142 according to the display position of the data in the selected state on the display 142.

本実施の形態に係る電子機器は、プロセッサと、その上で実行されるプログラムにより実現される。本実施の形態を実現するプログラムは、通信インタフェースを介してネットワークを利用した送受信等により提供される。   The electronic device according to the present embodiment is realized by a processor and a program executed on the processor. The program for realizing the present embodiment is provided by transmission / reception using a network via a communication interface.

今回開示された実施の形態はすべての点で例示であって制限的なものでないと考えられるべきである。この発明の範囲は上記した説明ではなくて特許請求の範囲によって示され、特許請求の範囲と均等の意味および範囲内でのすべての変更が含まれることが意図される。   The embodiment disclosed this time should be considered as illustrative in all points and not restrictive. The scope of the present invention is defined by the terms of the claims, rather than the description above, and is intended to include any modifications within the scope and meaning equivalent to the terms of the claims.

10 電子機器、20 選択範囲、21 先端カーソル画像、22 末端カーソル画像、30 操作受付画像、34 指定受付ボタン、80 操作受付画像、141 タッチパネル、142 ディスプレイ、160 制御部、161 選択状態表示部、162 UI表示部、163 変更操作受付部。   10 electronic device, 20 selection range, 21 tip cursor image, 22 end cursor image, 30 operation acceptance image, 34 designation acceptance button, 80 operation acceptance image, 141 touch panel, 142 display, 160 control unit, 161 selection state display unit, 162 UI display unit, 163 Change operation reception unit.

Claims (5)

電子機器であって、
タッチ操作を検出するタッチパネルと、
ディスプレイと、
前記電子機器の動作を制御する制御部とを備え、
前記制御部は、
前記ディスプレイに表示されるデータを選択する操作が入力された場合に、前記データの選択範囲の先端を示す第1の画像と、前記データの選択範囲の末端を示す第2の画像とによって挟むことで、前記データが選択状態であることを前記ディスプレイに表示させる選択状態表示部と、
前記選択状態にあるデータの範囲を変更するためのタッチ操作を受け付けるための操作受付画像を、前記選択状態にあるデータ、前記第1の画像および前記第2の画像と異なる位置に表示させるインタフェース表示部と、
前記選択範囲の先端の位置または末端の位置を移動させる操作を、前記操作受付画像への操作により受け付けて、受け付けた操作内容に応じて前記第1の画像または前記第2の画像の表示位置を移動させることにより、前記選択範囲を変更する変更操作受付部とを含む、電子機器。
Electronic equipment,
A touch panel for detecting a touch operation;
Display,
A control unit for controlling the operation of the electronic device,
The controller is
When an operation for selecting data to be displayed on the display is input, the image is sandwiched between a first image indicating the tip of the data selection range and a second image indicating the end of the data selection range. And a selection state display unit for displaying on the display that the data is in a selected state,
Interface display for displaying an operation acceptance image for accepting a touch operation for changing the range of data in the selected state at a position different from the data in the selected state, the first image, and the second image. And
An operation for moving the position of the front end or the end of the selection range is accepted by an operation on the operation acceptance image, and the display position of the first image or the second image is determined according to the accepted operation content. An electronic apparatus comprising: a change operation receiving unit that changes the selection range by moving the selection range.
前記制御部の前記インタフェース表示部は、前記選択範囲の先端を移動させるか末端を移動させるかの指定をするタッチ操作を受け付けるための指定受付画像を前記ディスプレイに表示させるよう構成されており、
前記変更操作受付部は、前記指定受付画像へのタッチ操作による指定に従って、前記第1の画像または前記第2の画像の表示位置を、前記操作受付画像へのタッチ操作に応じて移動させるよう構成されている、請求項1に記載の電子機器。
The interface display unit of the control unit is configured to display on the display a designation acceptance image for accepting a touch operation for designating whether to move a distal end or a distal end of the selection range.
The change operation accepting unit is configured to move the display position of the first image or the second image according to the touch operation on the operation acceptance image according to the designation by the touch operation on the designation acceptance image. The electronic device according to claim 1, wherein
前記制御部の前記インタフェース表示部が前記操作受付画像を前記ディスプレイに表示させることには、前記選択状態の先端の位置または末端の位置を移動させる方向を示す方向画像を表示することが含まれ、
前記変更操作受付部は、前記方向画像を選択する操作を、フリック操作またはタッチ操作により受け付けており、受け付けた操作が前記フリック操作であるか前記タッチ操作であるかに応じて、前記第1の画像または前記第2の画像の表示位置を移動させる量を制御するよう構成されている、請求項1に記載の電子機器。
Displaying the operation acceptance image on the display by the interface display unit of the control unit includes displaying a direction image indicating a direction in which the position of the distal end or the end position of the selected state is moved,
The change operation accepting unit accepts an operation for selecting the direction image by a flick operation or a touch operation, and the first operation depends on whether the accepted operation is the flick operation or the touch operation. The electronic device according to claim 1, wherein the electronic device is configured to control an amount of moving a display position of the image or the second image.
前記制御部の前記インタフェース表示部が前記操作受付画像を前記ディスプレイに表示させることには、前記選択状態の先端の位置を移動させる方向を示す第1の方向画像と、前記選択状態の末端の位置を移動させる方向を示す第2の方向画像とをともに前記ディスプレイに表示することが含まれ、
前記変更操作受付部は、前記第1の方向画像と前記第2の方向画像とに対する入力操作に応じて、前記第1の画像または前記第2の画像の表示位置を移動させるよう構成されている、請求項1に記載の電子機器。
In order for the interface display unit of the control unit to display the operation acceptance image on the display, a first direction image indicating a direction in which the position of the tip of the selected state is moved, and a position of the end of the selected state And displaying a second direction image indicating a direction in which the image is moved on the display,
The change operation receiving unit is configured to move a display position of the first image or the second image in accordance with an input operation on the first direction image and the second direction image. The electronic device according to claim 1.
前記制御部の前記インタフェース表示部は、前記ディスプレイにおいて前記選択状態にある前記データの表示位置に応じて、前記操作受付画像を前記ディスプレイに表示させる位置を決定するよう構成されている、請求項1に記載の電子機器。   The interface display unit of the control unit is configured to determine a position at which the operation acceptance image is displayed on the display according to a display position of the data in the selected state on the display. The electronic device as described in.
JP2014238919A 2014-11-26 2014-11-26 Electronic equipment Pending JP2016099948A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
JP2014238919A JP2016099948A (en) 2014-11-26 2014-11-26 Electronic equipment

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
JP2014238919A JP2016099948A (en) 2014-11-26 2014-11-26 Electronic equipment

Publications (1)

Publication Number Publication Date
JP2016099948A true JP2016099948A (en) 2016-05-30

Family

ID=56077915

Family Applications (1)

Application Number Title Priority Date Filing Date
JP2014238919A Pending JP2016099948A (en) 2014-11-26 2014-11-26 Electronic equipment

Country Status (1)

Country Link
JP (1) JP2016099948A (en)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2018018484A (en) * 2016-07-28 2018-02-01 ネイバー コーポレーションNAVER Corporation Display control method, display control apparatus, and computer program

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2018018484A (en) * 2016-07-28 2018-02-01 ネイバー コーポレーションNAVER Corporation Display control method, display control apparatus, and computer program
US10552022B2 (en) 2016-07-28 2020-02-04 Naver Corporation Display control method, apparatus, and non-transitory computer-readable recording medium

Similar Documents

Publication Publication Date Title
US11054988B2 (en) Graphical user interface display method and electronic device
JP5960922B2 (en) Notification information display method, notification information display device, electronic device, program, and recording medium
US9013422B2 (en) Device, method, and storage medium storing program
US8599163B2 (en) Electronic device with dynamically adjusted touch area
EP3678017A1 (en) Method and apparatus for outputting contents using a plurality of displays
EP2940572A1 (en) Method and electronic device for managing display objects
US9898111B2 (en) Touch sensitive device and method of touch-based manipulation for contents
US20140015786A1 (en) Electronic device
US20130167090A1 (en) Device, method, and storage medium storing program
US10579248B2 (en) Method and device for displaying image by using scroll bar
CN114930289A (en) Widget processing method and related device
US20130086523A1 (en) Device, method, and storage medium storing program
US20130254719A1 (en) Device, method, and program
US9658714B2 (en) Electronic device, non-transitory storage medium, and control method for electronic device
WO2020001358A1 (en) Icon sorting method and terminal device
KR20160004590A (en) Method for display window in electronic device and the device thereof
JP5779063B2 (en) Apparatus, method, and program
US10908868B2 (en) Data processing method and mobile device
CN116324684A (en) Electronic device and method for operating a numeric keypad of an electronic device
KR102118091B1 (en) Mobile apparatus having fuction of pre-action on object and control method thereof
US9841888B2 (en) Electronic device and display control method
JP2013065291A (en) Device, method, and program
JP2013047923A (en) Device, method, and program
JP2016099948A (en) Electronic equipment
EP3674867B1 (en) Human-computer interaction method and electronic device