JP2023003565A - Display controller and control method thereof - Google Patents
Display controller and control method thereof Download PDFInfo
- Publication number
- JP2023003565A JP2023003565A JP2021104714A JP2021104714A JP2023003565A JP 2023003565 A JP2023003565 A JP 2023003565A JP 2021104714 A JP2021104714 A JP 2021104714A JP 2021104714 A JP2021104714 A JP 2021104714A JP 2023003565 A JP2023003565 A JP 2023003565A
- Authority
- JP
- Japan
- Prior art keywords
- display
- touch
- detected
- touch position
- cpu
- 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
Links
Images
Abstract
Description
本発明は、表示制御装置、表示制御装置の制御方法、プログラム及び記憶媒体に関する。 The present invention relates to a display control device, a display control method, a program, and a storage medium.
メニュー画面にタッチ可能な複数の項目があって、それぞれの項目の領域が狭い場合、ユーザーが任意の項目をタッチしても、該項目ではなく隣り合う項目が選択されてしまうことがある。この問題に対して、特許文献１には、ドラッグ操作を用いることで、複数の項目の中から任意の項目を選択する手法が開示されている。
一方で、すべての項目が画面の表示領域におさまらない場合に、ドラッグ操作を用いることで項目をスクロールさせ、表示領域から外れていた項目を表示させる操作方法が一般的に知られている。
If there are multiple items that can be touched on the menu screen and the area of each item is small, even if the user touches an arbitrary item, the adjacent item may be selected instead of that item. To address this problem, Patent Document 1 discloses a method of selecting an arbitrary item from among multiple items by using a drag operation.
On the other hand, an operation method is generally known in which, when all the items do not fit within the display area of the screen, the items are scrolled by using a drag operation, and the items outside the display area are displayed.
特許文献１に記載の技術では、ドラッグ操作を用いて任意の項目の選択をするため、スクロールが伴う画面において、ドラッグ操作によるスクロールを行うことができなくなる。一方で、ドラッグ操作をスクロールに割り当てると、複数の項目の中から任意の項目を選択する操作としてドラッグ操作を用いることができず、項目の選択とスクロールとを両立させることができなかった。 In the technique described in Patent Document 1, since an arbitrary item is selected using a drag operation, scrolling by a drag operation cannot be performed on a screen that involves scrolling. On the other hand, when a drag operation is assigned to scrolling, the drag operation cannot be used as an operation for selecting an arbitrary item from a plurality of items, and selection of items and scrolling cannot be made compatible.
本発明は前述の問題点に鑑み、ドラッグ操作による任意の項目の選択とスクロールとを両立することができるようにすることを目的としている。 SUMMARY OF THE INVENTION An object of the present invention is to make it possible to select an arbitrary item by a drag operation and to scroll.
本発明に係る表示制御装置は、複数の表示オブジェクトを表示する表示手段に対するタッチ操作の有無および前記タッチ操作によるタッチ位置を検出する検出手段と、前記検出手段によって前記タッチ操作が検出されてから所定の条件を満たした場合に、タッチ位置の移動に応じて前記表示手段に表示される複数の表示オブジェクトの表示位置を移動させ、前記タッチ操作が検出されてから前記所定の条件を満たさなかった場合に、タッチ位置に応じた表示オブジェクトを選択させるための表示を行うように制御する制御手段と、を有することを特徴とする。 A display control device according to the present invention includes detection means for detecting the presence or absence of a touch operation on a display means for displaying a plurality of display objects and a touch position by the touch operation, and a predetermined display after the touch operation is detected by the detection means. If the condition is satisfied, the display positions of the plurality of display objects displayed on the display means are moved according to the movement of the touch position, and the predetermined condition is not satisfied after the touch operation is detected (2) control means for controlling display for selecting a display object corresponding to a touch position;
本発明によれば、ドラッグ操作による任意の項目の選択とスクロールとを両立することができる。 According to the present invention, selection of an arbitrary item by a drag operation and scrolling can be compatible.
以下、図面を参照して、本発明を実施するための形態について説明する。
まず、図１を参照して、本実施形態に係る表示制御装置の内部構成例について説明する。
図１は、表示制御装置１００の内部構成の一例を示す図である。表示制御装置１００は、パーソナルコンピュータなどを用いて構成可能な装置である。
本実施形態に係る表示制御装置１００は、ＣＰＵ１０１と、メモリ１０２と、不揮発性メモリ１０３と、画像処理部１０４と、ディスプレイ１０５と、記録媒体Ｉ／Ｆ１０６と、を有している。表示制御装置１００は、さらに、外部Ｉ／Ｆ１０８と、通信Ｉ／Ｆ１０９と、システムタイマー１１１と、操作部１１２と、圧力センサ１１３と、を有している。各部は内部バス１５０に接続されており、内部バス１５０を介して互いにデータのやりとりを行うことができる。
BEST MODE FOR CARRYING OUT THE INVENTION Hereinafter, embodiments for carrying out the present invention will be described with reference to the drawings.
First, an internal configuration example of the display control device according to the present embodiment will be described with reference to FIG.
FIG. 1 is a diagram showing an example of the internal configuration of the
The
以下、各部について説明する。
ＣＰＵ１０１は、例えば不揮発性メモリ１０３に格納されているプログラムに従い、メモリ１０２をワークメモリとして用いて、表示制御装置１００の各部を制御する。
メモリ１０２は、例えば半導体素子を利用した揮発性のメモリであるＲＡＭなどで構成されている。
不揮発性メモリ１０３には、画像データや音声データ、その他のデータ、ＣＰＵ１０１が動作するための各種プログラムなどが格納されている。不揮発性メモリ１０３は、例えばハードディスクやＲＯＭなどで構成されている。
Each part will be described below.
The
The
The
画像処理部１０４は、ＣＰＵ１０１の制御に基づいて、不揮発性メモリ１０３または記録媒体１０７に格納された画像データや、外部Ｉ／Ｆ１０８を介して取得した映像信号や、通信Ｉ／Ｆ１０９を介して取得した画像データなどに対して各種画像処理を施す。画像処理部１０４が行う画像処理には、Ａ／Ｄ変換処理、Ｄ／Ａ変換処理、画像データの符号化処理、圧縮処理、デコード処理、拡大／縮小処理、ノイズ低減処理、色変換処理などが含まれる。なお、画像処理部１０４は、特定の画像処理を施すための専用の回路ブロックで構成してもよい。また、画像処理の種別によっては画像処理部１０４を用いずに、ＣＰＵ１０１がプログラムに従って画像処理を施すこととしてもよい。
Under the control of the
ディスプレイ１０５は、ＣＰＵ１０１の制御に基づいて、画像やＧＵＩ（Ｇｒａｐｈｉｃａｌ Ｕｓｅｒ Ｉｎｔｅｒｆａｃｅ）を構成するＧＵＩ画面などを表示する。ＣＰＵ１０１は、プログラムに従い表示制御信号を生成し、ディスプレイ１０５に表示するための映像信号を生成して、ディスプレイ１０５に出力するように表示制御装置１００の各部を制御する。ディスプレイ１０５は、出力された映像信号に基づいて映像を表示する。なお、表示制御装置１００自体が備える構成としてはディスプレイ１０５に表示させるための映像信号を出力するためのインターフェースまでとし、ディスプレイ１０５はテレビなどの外付けのモニタで構成してもよい。ディスプレイ１０５の水平成分をＸ、垂直成分をＹとする。
The
記録媒体Ｉ／Ｆ１０６は、メモリーカードやハードディスクなどの記録媒体１０７が装着可能とされ、ＣＰＵ１０１の制御に基づき、装着された記録媒体１０７からのデータの読み出しや、記録媒体１０７に対するデータの書き込みを行う。
外部Ｉ／Ｆ１０８は、外部機器と有線ケーブルや無線などによって接続し、映像信号や音声信号などの入出力を行うためのインターフェースである。
通信Ｉ／Ｆ１０９は、外部機器やインターネット１１０などと通信して、ファイルやコマンドなどの各種データの送受信を行うためのインターフェースである。
システムタイマー１１１は、各種制御に用いる時間や、内蔵された時計の時間などを計測する計時部である。
A recording medium I/
The external I/
The communication I/F 109 is an interface for communicating with an external device, the Internet 110, etc., and transmitting/receiving various data such as files and commands.
A
操作部１１２は、キーボードなどの文字情報入力デバイスや、マウスやタッチパネルといったポインティングデバイス、ボタン、ダイヤル、ジョイスティック、タッチセンサ、タッチパッドなどを含む、ユーザー操作を受け付けるための入力デバイスである。
なお、操作部１１２の一つとして、ディスプレイ１０５に対する接触を検知可能なタッチパネル１１２ａを有する。タッチパネル１１２ａとディスプレイ１０５とは一体的に構成することができる。例えば、タッチパネル１１２ａについて、光の透過率がディスプレイ１０５の表示を妨げないように構成し、ディスプレイ１０５の表示面の上層に取り付ける。そして、タッチパネル１１２ａにおける入力座標と、ディスプレイ１０５上の表示座標とを対応付ける。これにより、あたかもユーザーがディスプレイ１０５上に表示された画面を直接的に操作可能であるかのようなＧＵＩを構成することができる。ＣＰＵ１０１は、ユーザーによるタッチパネル１１２ａへの以下の操作、あるいは状態を検出できる。
The
As one of the
・タッチパネル１１２ａにタッチしていなかった指やタッチペンが新たにタッチパネル１１２ａにタッチしたこと、すなわち、タッチの開始（以下、タッチダウン（Ｔｏｕｃｈ－Ｄｏｗｎ）と称する）。
・タッチパネル１１２ａを指やタッチペンでタッチしている状態（以下、タッチオン（Ｔｏｕｃｈ－Ｏｎ）と称する）。
・タッチパネル１１２ａを指やタッチペンでタッチしたまま移動していること（以下、タッチムーブ（Ｔｏｕｃｈ－Ｍｏｖｅ）と称する）。
・タッチパネル１１２ａへタッチしていた指やタッチペンをタッチパネル１１２ａから離したこと、すなわち、タッチの終了（以下、タッチアップ（Ｔｏｕｃｈ－Ｕｐ）と称する）。
・タッチパネル１１２ａに何もタッチしていない状態（以下、タッチオフ（Ｔｏｕｃｈ－Ｏｆｆ）と称する）。
The
A state in which the
- Moving while touching the
When the finger or touch pen that has touched the
A state in which nothing is touched on the
タッチダウンが検出されると、同時にタッチオンも検出される。タッチダウンの後、タッチアップが検出されない限りは、通常はタッチオンが検出され続ける。タッチムーブが検出された場合も、タッチオンが検出される。一方で、タッチオンが検出されていても、タッチ位置が移動していなければタッチムーブは検出されない。タッチしていた全ての指やタッチペンがタッチアップしたことが検出された後は、タッチオフとなる。 When touchdown is detected, touchon is also detected at the same time. After touchdown, touchon continues to be detected unless touchup is detected. A touch-on is also detected when a touch-move is detected. On the other hand, even if touch-on is detected, touch-move is not detected if the touch position does not move. After it is detected that all the fingers and touch pens that have touched have touched up, the touch is turned off.
前述した操作、状態や、タッチパネル１１２ａ上に指やタッチペンがタッチしている際の指やタッチペンの位置座標などの情報は、内部バス１５０を通じてＣＰＵ１０１に通知される。ＣＰＵ１０１は、通知された情報に基づいてタッチパネル１１２ａ上にどのような操作が行われたかを判定する。ＣＰＵ１０１は、タッチムーブがされた際におけるタッチパネル１１２ａ上で移動する指やタッチペンの移動方向についても、位置座標の変化に基づいて、タッチパネル１１２ａ上の垂直成分、水平成分毎に判定できる。
The
また、タッチパネル１１２ａ上をタッチダウンから一定のタッチムーブを経てタッチアップをしたとき、ストロークを描いたこととする。素早くストロークを描く操作をフリックと呼ぶ。フリックは、タッチパネル１１２ａ上に指をタッチしたままある程度の距離だけ素早く動かして、そのまま離すといった操作であり、言い換えればタッチパネル１１２ａ上を指ではじくように素早くなぞる操作である。所定距離以上を、所定速度以上でタッチムーブしたことが検出され、そのままタッチアップが検出されるとフリックが行われたと判定できる。
Also, it is assumed that a stroke is drawn when touch-down on the
また、所定距離以上を、所定速度未満でタッチムーブしたことが検出された場合は、ドラッグが行われたと判定するものとする。さらに、複数箇所（例えば２点）を同時にタッチして、互いのタッチ位置を近づけるタッチ操作をピンチイン、互いのタッチ位置を遠ざけるタッチ操作をピンチアウトと称する。ピンチアウトとピンチインを総称してピンチ操作と称する。タッチパネル１１２ａは、抵抗膜方式や静電容量方式、表面弾性波方式、赤外線方式、電磁誘導方式、画像認識方式、光センサ方式など、様々な方式のタッチパネルのうちいずれの方式のものを用いてもよい。方式によって、タッチパネルに対する接触があったことでタッチがあったと検出する方式や、タッチパネルに対する指やタッチペンの接近があったことでタッチがあったと検出する方式があるが、いずれの方式でもよい。
Further, when it is detected that the touch-move is performed over a predetermined distance at a speed lower than the predetermined speed, it is determined that the drag is performed. Further, a touch operation of simultaneously touching a plurality of points (for example, two points) to bring the touch positions closer to each other is called pinch-in, and a touch operation of moving the touch positions away from each other is called pinch-out. Pinch-out and pinch-in are collectively referred to as pinch operations. The
圧力センサ１１３は、ディスプレイ１０５の操作面に対する押圧力を検知する。圧力センサ１１３は、ディスプレイ１０５に対するタッチ操作によって押圧された場合の押圧力の強度を連続的に検知することができる。圧力センサ１１３としては、ディスプレイ１０５の操作面に対する押圧力によって歪む部分に、歪みゲージセンサを設置し、この歪みゲージセンサからの出力値によってディスプレイ１０５の操作面に対する押圧力を検知する構成とすることができる。あるいは、ディスプレイ１０５と平行に備えられた静電容量センサにより、ディスプレイ１０５の操作面に対する押圧力によって操作面が歪んだことによる、操作面上の指と静電容量センサとの距離を静電容量値から算出する。そして、この距離に基づいて圧力を算出、あるいは距離を圧力と同等に扱うものとしてもよい。また、圧力センサ１１３は、ディスプレイ１０５の操作面に対する押圧力を検知可能なものであれば、他の方式のものでもよい。さらに、圧力センサ１１３は、タッチパネル１１２ａと一体に構成されるものであってもよい。
なお、本実施形態において、ディスプレイ１０５に対する押圧力の強度を検知する必要がない場合は、圧力センサ１１３を省略することとしてもよい。
A
Note that in this embodiment, the
次に、図２のフローチャート、図３～図７を参照して、本実施形態に係る表示制御装置の処理手順例について説明する。図２に示すフローは、不揮発性メモリ１０３に記憶されたプログラムをメモリ１０２に展開してＣＰＵ１０１が実行することにより実現し、ユーザーによるメニュー画面を表示する指示を受け付けたときに開始される。
Ｓ２０１において、ＣＰＵ１０１は、不揮発性メモリ１０３から読み出したメニュー項目をディスプレイ１０５に表示するよう制御する。
Next, an example of the processing procedure of the display control device according to the present embodiment will be described with reference to the flowchart of FIG. 2 and FIGS. 3 to 7. FIG. The flow shown in FIG. 2 is realized by loading the program stored in the
In S<b>201 , the
ここで、図３は、タッチ操作可能なメニュー項目をディスプレイ１０５に表示している図である。項目３０１～３０７は、ディスプレイ１０５に表示される表示オブジェクトの一例であり、表示制御装置１００のシステム設定に含まれるメニュー項目である。いずれかの項目をユーザーがタッチパネル１１２ａを介して選択することによって、その項目の設定が可能となる。例えば、項目３０１をユーザーが選択すると、表示制御装置１００の日付および時刻を変更する画面に遷移する。スクロールバー３０８、３０９は、システム設定の全メニュー項目に対する今表示できているメニュー項目を比率で表現している。ディスプレイ１０５に表示しきれない項目（不図示）がある場合は、画面をスクロールすることによって現在表示されていない項目が表示され、ユーザーはその項目を選択可能となる。また、それにあわせて同時にスクロールバー３０８の表示位置が変わる。
Here, FIG. 3 is a diagram showing menu items that can be touch-operated displayed on the
Ｓ２０２において、ＣＰＵ１０１は、ユーザーによるディスプレイ１０５に表示されている項目Ｎに対するタッチダウンを、タッチパネル１１２ａを介して検出したか否かを判定する。ＣＰＵ１０１は、タッチダウンを検出した判定した場合は、処理をＳ２０３に進める。一方、ＣＰＵ１０１は、タッチダウンを検出していないと判定した場合は、処理をＳ２２４に進める。
In S<b>202 , the
Ｓ２０３において、ＣＰＵ１０１は、Ｓ２０２でタッチされた項目Ｎに対してカーソルを表示するよう制御する。カーソルは、項目Ｎに対するインジケーターの一例である。なお、表示方法はカーソル表示に限らず、項目Ｎに対して矢印のアイコン表示をしたり、項目Ｎの形状や色を変更したりするなど、項目Ｎが選択されていることがユーザーに伝わる表示を行えばよい。
In S203, the
ここで、図４は、「バッテリー状態」の項目３０４を指でタッチダウンしている様子を表す図である。ＣＰＵ１０１は、Ｓ２０２において、指４０１による項目３０４に対するタッチダウンを検出して、Ｓ２０３において、カーソル４０２を表示するよう制御する。これにより、ユーザーは、どの項目をタッチしている状態であるかを把握することができる。この状態でユーザーがタッチアップすることにより、現在カーソル４０２が表示されている項目３０４のバッテリー状態を確認する画面へ遷移することが可能である。
Here, FIG. 4 is a diagram showing how the
Ｓ２０４において、ＣＰＵ１０１は、タッチパネル１１２ａに対するタッチ位置ｙ１をメモリ１０２に記憶するよう制御する。なお、タッチ位置ｙ１はタッチパネル１１２ａに対しての垂直成分の座標のことである。本実施形態では、垂直成分の座標を用いて後述の処理を行うが、タッチ位置として水平成分の座標、または、垂直成分と水平成分との両方の座標を用いて、後述の処理を行うこととしてもよい。
In S204, the
Ｓ２０５において、ＣＰＵ１０１は、項目Ｎの垂直方向のタッチの反応領域が予め設定した閾値以下であるか否かを判定する。反応領域とは、タッチダウンすることによって項目Ｎを選択することができる領域のことである。ここで反応領域が閾値以下であるか否かを判定しているのは、閾値より大きい反応領域がある場合は、誤って隣り合う項目が選択されてしまう可能性が低いことから、ドラッグ時にカーソルの表示を切り替える必要がないためである。この場合、ユーザーによるドラッグを検出すると、表示項目のスクロールを行う。
具体的には例えば、ＣＰＵ１０１は、閾値が２ｃｍである場合、項目Ｎの反応領域が垂直方向に２ｃｍ以下であるか否かを判定する。
In S<b>205 , the
Specifically, for example, when the threshold is 2 cm, the
この反応領域の閾値は、ディスプレイ１０５、タッチパネル１１２ａの大きさに応じて決めるなどすればよい。
ＣＰＵ１０１は、反応領域が閾値以下であると判定した場合は、処理をＳ２０６に進める。一方、ＣＰＵ１０１は、反応領域が閾値より大きいと判定した場合は、処理をＳ２１０に進める。
The threshold value of the reaction area may be determined according to the size of the
When the
Ｓ２０６において、ＣＰＵ１０１は、ユーザーによる垂直方向へのドラッグを検出したか否かを判定する。ＣＰＵ１０１は、垂直方向へのドラッグを検出したと判定した場合は、処理をＳ２０７に進める。一方、ＣＰＵ１０１は、垂直方向へのドラッグを検出しなかったと判定した場合は、処理をＳ２１７に進める。
Ｓ２０７において、ＣＰＵ１０１は、タッチパネル１１２ａに対するタッチ位置ｙ２をメモリ１０２に記憶するよう制御する。
In S206, the
In S207, the
Ｓ２０８において、ＣＰＵ１０１は、選択できる全ての項目が画面に表示されているか否かを判定する。ＣＰＵ１０１は、選択できる全ての項目が画面に表示されていないと判定した場合は、処理をＳ２２５に進める。一方、ＣＰＵ１０１は、選択できる全ての項目が画面に表示されていると判定した場合は、処理をＳ２１９に進める。これにより、スクロールが伴わない画面の場合は、ドラッグ操作量に関わらず項目選択に割り当てることができるようになる。
In S208, the
Ｓ２２５において、ＣＰＵ１０１は、タッチ位置ｙ１およびタッチ位置ｙ２に基づいて、表示画面を所定の方向にスクロールできるか否かを判定する。具体的には例えば、ＣＰＵ１０１は、タッチ位置ｙ１およびタッチ位置ｙ２から、ユーザーがスクロールしようとしている所定の方向を特定する。その後、ＣＰＵ１０１は、該所定の方向にスクロールできるか否かを判定する。図４の例では、指４０１が項目３０４をタッチしており、スクロールバー３０８が上に表示されている。このとき、ＣＰＵ１０１は、所定の方向が上である場合は、スクロールできないと判定し、一方、所定の方向が下である場合は、スクロールできると判定する。
ＣＰＵ１０１は、所定の方向にスクロールできると判定した場合は、処理をＳ２０９に進める。一方、ＣＰＵ１０１は、所定の方向にスクロールできないと判定した場合は、処理をＳ２１９に進める。
In S225, the
When the
Ｓ２０９において、ＣＰＵ１０１は、メモリ１０２に記憶しているタッチ位置ｙ１とタッチ位置ｙ２との差の絶対値が、距離Ｄより大きいか否かを判定する。ＣＰＵ１０１は、距離Ｄより大きいと判定した場合は、処理をＳ２１２に進める。一方、ＣＰＵ１０１は、距離Ｄ以下であると判定した場合は、処理をＳ２１９に進める。なお、距離Ｄとは、項目選択操作とスクロール操作とを切り替えるための判定に用いる閾値である。距離Ｄは、例えばドラッグを上方向に行う場合、タッチダウンした項目Ｎの上隣にある項目の上端までの距離としたり、逆にドラッグを下方向に行う場合、タッチダウンした項目Ｎの下隣にある項目の下端までの距離としたりしてもよい。他にも、項目Ｎの高さにあわせて距離Ｄを決めたり、項目群の総数に応じて距離Ｄを決めたりしてもよい。
In S209, the
ここで、図５は、指４０１のタッチダウンの際のタッチ位置が項目３０４だった場合の項目を選択する操作と、項目をスクロールする操作の境界を表した図である。
ＣＰＵ１０１は、項目３０４へのタッチダウンを行った状態で、上下に表示される項目１つ分（ここでは項目３０３、３０５）の表示範囲内へのタッチムーブ（タッチ位置の移動）のみであれば、距離Ｄ以下であると判定する。一方、ＣＰＵ１０１は、項目２つ分（ここでは項目３０２、３０６）以上の表示範囲へのタッチムーブがあった場合は、距離Ｄより大きいと判定する。
つまり、項目３０４の位置でタッチダウンした場合には領域５０１までの範囲においてドラッグする場合は、現在タッチしている位置に対する項目、図５の例では項目３０３～３０５のいずれかにカーソル４０２を合わせる制御を行い、スクロールは行わない。一方、タッチ位置ｙ２が領域５０２に入った場合は、カーソルを非表示にし、項目を上方向にスクロールする。逆に領域５０３に入った場合は、カーソルを非表示にし、項目を下方向にスクロールする。こうすることにより、ドラッグによる項目選択操作およびスクロール操作を両立させることが可能となる。
Here, FIG. 5 is a diagram showing a boundary between an item selection operation and an item scrolling operation when the touch position is the
When the
In other words, when touching down at the position of the
Ｓ２１０において、ＣＰＵ１０１は、ユーザーによる垂直方向へのドラッグを検出したか否かを判定する。ＣＰＵ１０１は、垂直方向へのドラッグを検出したと判定した場合は、処理をＳ２１１に進める。一方、ＣＰＵ１０１は、垂直方向へのドラッグを検出しなかったと判定した場合は、処理をＳ２２２に進める。
Ｓ２１１において、ＣＰＵ１０１は、タッチパネル１１２ａに対するタッチ位置ｙ２をメモリ１０２に記憶するよう制御する。そして処理をＳ２１２に進める。
In S210, the
In S211, the
Ｓ２１２において、ＣＰＵ１０１は、項目Ｎに対するカーソル４０２を非表示にするよう制御する。これにより、ユーザーはスクロールが開始されたこと、および、タッチオフしても項目が選択されないことを認識できる。
Ｓ２１３において、ＣＰＵ１０１は、メモリ１０２に記憶しているタッチ位置ｙ２の位置に応じて表示項目をスクロールし、ディスプレイ１０５に表示するよう制御する。これにより、スクロール前には選択できなかった項目をユーザーが選択可能になる。
In S212, the
In S<b>213 , the
ここで、図６は、項目３０４にタッチダウンしてから、項目３０１まで上方向にドラッグ操作を行った際の様子を表す図である。図５で前述したような項目選択とスクロール操作との境界があるとした場合、指４０１が項目３０２の領域に入った時点からカーソル４０２は非表示となり、項目のスクロールが開始される。項目がスクロールすることに応じて、図５の時点では表示されていなかった項目が表示され、項目３０７の「壁紙」の下に項目３１０の「セキュリティ」が新たに表示されていることがわかる。また、項目３０１の「日付／時刻」が非表示になり、項目３０２がディスプレイ１０５に表示される項目群の一番上に表示されるように変化していることが分かる。
Here, FIG. 6 is a diagram showing a state when the
Ｓ２１４において、ＣＰＵ１０１は、ユーザーによる垂直方向へのドラッグが継続されているか否かを判定する。ＣＰＵ１０１は、垂直方向へのドラッグが継続されていると判定した場合は、処理をＳ２１５に進める。一方、ＣＰＵ１０１は、垂直方向へのドラッグが継続されていないと判定した場合は、処理をＳ２１６に進める。
Ｓ２１５において、ＣＰＵ１０１は、タッチパネル１１２ａに対するタッチ位置ｙ２をメモリ１０２に記憶するよう制御する。そして処理をＳ２１３に進める。
In S214, the
In S215, the
Ｓ２１６において、ＣＰＵ１０１は、ユーザーによるタッチアップを検出したか否かを判定する。ＣＰＵ１０１は、タッチアップを検出したと判定した場合は、処理をＳ２２４に進める。一方、ＣＰＵ１０１は、タッチアップを検出していないと判定した場合は、処理をＳ２１４に進める。
Ｓ２１７において、ＣＰＵ１０１は、ユーザーによるタッチアップを検出したか否かを判定する。ＣＰＵ１０１は、タッチアップを検出したと判定した場合は、処理をＳ２１８に進める。一方、ＣＰＵ１０１は、タッチアップを検出していないと判定した場合は、処理をＳ２０６に進める。
In S216, the
In S217, the
Ｓ２１８において、ＣＰＵ１０１は、カーソル４０２があたっている項目Ｎを選択し、その項目に応じた画面をディスプレイ１０５に表示するように制御する。図４の例では、項目３０４にカーソル４０２があたっている状態で、Ｓ２１７においてＣＰＵ１０１がタッチアップを検出すると、項目３０４が選択確定され、図４のメニュー画面からバッテリー状態を確認する画面へ遷移する。
Ｓ２１９において、ＣＰＵ１０１は、項目Ｎに対するカーソル４０２を非表示にするよう制御する。
In S218, the
In S219, the
Ｓ２２０において、ＣＰＵ１０１は、メモリ１０２に記憶しているタッチ位置ｙ２に応じた項目にカーソル４０２を表示するよう制御する。
In S<b>220 , the
ここで、図７は、「バッテリー状態」の項目３０４を指４０１でタッチダウンしている状態から「タイムゾーン」の項目３０３に向けてドラッグをしている様子を表す図である。指４０１の位置が項目３０４上から項目３０３上に変化したため、Ｓ２１９およびＳ２２０においてカーソル４０２の表示位置が変わり、ユーザーは、項目３０３のタイムゾーンを選択できていることを視認することができる。この状態でユーザーがタッチアップをすることによって、「タイムゾーン」の項目３０３が選択確定され、タイムゾーン画面へ遷移することが可能である。
Here, FIG. 7 is a diagram showing a state in which the
Ｓ２２１において、ＣＰＵ１０１は、ユーザーによるタッチアップを検出したか否かを判定する。ＣＰＵ１０１は、タッチアップを検出したと判定した場合は、処理をＳ２２３に進める。一方、ＣＰＵ１０１は、タッチアップを検出していないと判定した場合は、処理をＳ２０６に進める。
In S221, the
Ｓ２２２において、ＣＰＵ１０１は、ユーザーによるタッチアップを検出したか否かを判定する。ＣＰＵ１０１は、タッチアップを検出したと判定した場合は、処理をＳ２２３に進める。一方、ＣＰＵ１０１は、タッチアップを検出していないと判定した場合は、処理をＳ２１０に進める。
Ｓ２２３において、ＣＰＵ１０１は、カーソル４０２があたっている項目Ｎを選択し、その項目に応じた画面をディスプレイ１０５に表示するように制御する。これにより、ユーザーがタッチダウンした項目Ｎが任意の項目でなかった場合に、スクロールが行われない条件範囲内でドラッグを行うことにより、任意の項目を選択することができる。
In S222, the
In S223, the
Ｓ２２４において、ＣＰＵ１０１は、ユーザーが処理を終了したか否かを判定する。ＣＰＵ１０１は、終了したと判定した場合は処理を終了する。一方、ＣＰＵ１０１は、ユーザーが処理を終了していないと判定した場合は、処理をＳ２０２に戻す。
以上のように、本実施形態に係る表示制御装置によれば、ディスプレイサイズが小さくユーザーが狙った項目をタッチ操作し辛い状況下でも項目の選択操作がし易くなるとともに、項目の選択操作とスクロール操作とを両立することができる。
In S224, the
As described above, according to the display control device according to the present embodiment, even in a situation where the display size is small and it is difficult for the user to perform the touch operation on the target item, the item selection operation can be easily performed, and the item selection operation and scrolling can be performed easily. operation can be compatible.
次に、図８を用いて、本実施形態のその他の実現方法について説明する。本実施形態では、タッチダウンした際のタッチ位置からの移動距離に応じて項目選択をするかスクロールするかを判定する例について説明したが、図８の表に示すように、他の条件によって判定することとしてもよい。
例えば、タッチの圧力を判定条件とする場合は、以下のような処理になる。
図２のＳ２０４において、ＣＰＵ１０１は、ユーザーがタッチパネル１１２ａにタッチダウンした際に、圧力センサ１１３によって検知した押圧力の強度ａを、タッチ位置ｙ１とともにメモリ１０２に記憶するように制御する。そして、Ｓ２０９において、ＣＰＵ１０１は、押圧力の強度ａが閾値以上であるか否かを判定する。ＣＰＵ１０１は、押圧力の強度ａが閾値以上であると判定した場合は、処理をＳ２１９に進めて、タッチ位置ｙ２に応じた項目Ｎを選択する。一方、ＣＰＵ１０１は、押圧力の強度ａが閾値未満であると判定した場合は、処理をＳ２１２に進めて、表示項目をスクロールするように制御する。
Next, another implementation method of this embodiment will be described with reference to FIG. In the present embodiment, an example of determining whether to select an item or scroll according to the distance moved from the touch position when touched down has been described. However, as shown in the table of FIG. It is also possible to
For example, when the pressure of the touch is used as the determination condition, the processing is as follows.
In S204 of FIG. 2, the
また、タッチした時間を判定条件とする場合は、以下のような処理になる。
ＣＰＵ１０１は、タッチ操作の有無、タッチ位置の移動を検出した場合は、検出した時間と、タッチ位置とをメモリ１０２に記憶するように制御する。具体的には、Ｓ２０４において、ＣＰＵ１０１は、タッチダウンを検出した時間と、タッチ位置ｙ１とをメモリ１０２に記憶するよう制御する。そして、Ｓ２０７において、ＣＰＵ１０１は、Ｓ２０６でドラッグを検出した時間とタッチ位置ｙ２とをメモリ１０２に記憶するよう制御する。
Ｓ２０９において、ＣＰＵ１０１は、タッチダウン開始からドラッグ開始（ドラッグもしくはタッチダウン位置の移動を最初に検出した時）までの経過時間が閾値以下であるか否かを判定する。ＣＰＵ１０１は、経過時間が閾値以下であると判定した場合は、処理をＳ２１２に進めて、表示項目をスクロールするように制御する。一方、ＣＰＵ１０１は、経過時間が閾値を超えていると判定した場合は、処理をＳ２１９に進めて、その後、タッチ位置ｙ２に応じてカーソルを移動させる。すなわち、タッチダウン開始後すぐにドラッグ（タッチムーブ）が行われた場合、ユーザーはスクロールを行いたいと考えていると想定する。一方、タッチダウン開始後すぐにタッチムーブが行われず、所定時間経過後にタッチムーブが行われた場合、ユーザーは項目の選択を行いたいと考えていると想定する。なお、ここでの所定時間は例えば１秒程度の時間とする。
If the touch time is used as the determination condition, the following processing is performed.
When the
In S209, the
また、ドラッグの際の加速度を判定条件とする場合は、以下のような処理になる。
ＣＰＵ１０１は、タッチした時間を判定条件とする場合の処理で前述したように、検出した時間とタッチ位置とをメモリ１０２に記憶するように制御する。
Ｓ２０９において、ＣＰＵ１０１は、タッチ位置ｙ１、ｙ２に基づいて単位時間当たりの速度が閾値以上であるか否かを判定する。ＣＰＵ１０１は、単位時間当たりの速度が閾値以上であると判定した場合、すなわち、素早くドラッグした場合は、処理をＳ２１２に進めて、表示項目をスクロールするように制御する。一方、ＣＰＵ１０１は、単位時間当たりの速度が閾値未満であると判定した場合は、すなわち、ゆっくりドラッグした場合は、処理をＳ２１９に進めて、タッチ位置ｙ２に応じた項目Ｎを選択する。
Further, when the acceleration at the time of dragging is used as the determination condition, the following processing is performed.
The
In S209, the
なお、圧力、時間を判定条件とする場合は、Ｓ７２１においてタッチアップが検出されないと判定され、処理がＳ７０６に戻っても、Ｓ７０９の判定処理を行わず、項目選択の処理を継続することとしてもよい。
また、時間、加速度を判定条件とする場合は、判定に必要なタイミングの時間のみをメモリ１０２に記憶することとしてもよい。
また、項目選択とスクロールの判定条件は、状況に応じて反転させてもよいし、前述した距離、圧力、時間、加速度以外の観点で判定をしてもよい。また、前述した条件を複数組み合わせて判定することとしてもよい。
なお、本実施形態では、ユーザーによってタッチパネル１１２ａへのタッチダウンを検出したことに応じて、タッチダウンが行われた位置（項目Ｎ）に対してカーソルを表示する制御（図２のＳ２０３）としたが、これに限らない。すなわち、タッチダウンが行われたのみではカーソルを表示せず、ユーザーがスクロール操作ではなく、項目の選択を行おうとしていると想定される場合にのみカーソルを表示するようにしてもよい。つまり、図２のＳ２０３をスキップし、Ｓ２０８Ｙｅｓのあと、Ｓ２２５Ｎｏのあと、Ｓ２０９Ｎｏのあとにカーソルを表示するように制御してもよい。
If pressure and time are used as the determination conditions, even if it is determined in S721 that touch-up is not detected and the process returns to S706, the determination process of S709 is not performed, and the item selection process can be continued. good.
When time and acceleration are used as determination conditions, only the time required for determination may be stored in the
Further, the determination conditions for item selection and scrolling may be reversed depending on the situation, and determination may be made from viewpoints other than the aforementioned distance, pressure, time, and acceleration. Moreover, it is good also as determining by combining multiple conditions mentioned above.
In the present embodiment, in response to detection of touchdown on the
また、ＣＰＵ１０１が行うものとして説明した前述の各種制御は、１つのハードウェアが行ってもよいし、複数のハードウェアが処理を分担することによって、装置全体の制御を行ってもよい。
また、前述した実施形態では、本発明を表示制御装置に適用する場合について説明したが、この場合に限られず、タッチ操作によって項目を選択する電子機器であれば適用可能である。すなわち、本発明は、パーソナルコンピュータ、ＰＤＡ、携帯電話端末、携帯型の画像ビューワ、ディスプレイを備えるプリンタ装置に適用可能である。さらに、本発明は、デジタルフォトフレーム、音楽プレーヤー、ゲーム機、電子ブックリーダー、タブレット端末、スマートフォン、投影装置に、ディスプレイを備える家電装置や車載装置などに適用可能である。
Further, the various controls described above that are performed by the
Further, in the above-described embodiment, the case where the present invention is applied to the display control device has been described, but the present invention is not limited to this case, and can be applied to any electronic device that selects items by touch operation. That is, the present invention is applicable to personal computers, PDAs, mobile phone terminals, portable image viewers, and printers equipped with displays. Furthermore, the present invention can be applied to digital photo frames, music players, game machines, e-book readers, tablet terminals, smart phones, projection devices, home appliances equipped with displays, and vehicle-mounted devices.
（その他の実施形態）
本発明は、前述の実施形態の１以上の機能を実現するプログラムを、ネットワーク又は記憶媒体を介してシステム又は装置に供給し、そのシステム又は装置のコンピュータにおける１つ以上のプロセッサーがプログラムを読出し実行する処理でも実現可能である。また、１以上の機能を実現する回路（例えば、ＡＳＩＣ）によっても実現可能である。
(Other embodiments)
The present invention supplies a program that implements one or more functions of the above-described embodiments to a system or device via a network or a storage medium, and one or more processors in the computer of the system or device reads and executes the program. It can also be realized by processing to It can also be implemented by a circuit (for example, ASIC) that implements one or more functions.
１０１ ＣＰＵ 101 CPUs
Claims (11)
前記検出手段によって前記タッチ操作が検出されてから所定の条件を満たした場合は、タッチ位置の移動に応じて前記表示手段に表示される複数の表示オブジェクトの表示位置を移動させ、前記タッチ操作が検出されてから前記所定の条件を満たさなかった場合は、タッチ位置に応じた表示オブジェクトを選択させるための表示を行うように制御する制御手段と、
を有することを特徴とする表示制御装置。 a detection means for detecting a touch operation on display means for displaying a plurality of display objects;
When a predetermined condition is satisfied after the touch operation is detected by the detection means, the display positions of the plurality of display objects displayed on the display means are moved according to the movement of the touch position, and the touch operation is performed. a control means for controlling to perform display for selecting a display object corresponding to the touch position when the predetermined condition is not satisfied after being detected;
A display control device comprising:
前記制御手段は、前記判定手段により前記移動距離が閾値以上であると判定された場合は、タッチ位置が移動に応じて前記複数の表示オブジェクトの表示位置を移動させ、前記判定手段により前記移動距離が閾値未満であると判定された場合は、タッチ位置に応じた表示オブジェクトを選択させるための表示を行うように制御することを特徴とする請求項１に記載の表示制御装置。 further comprising, as the predetermined condition, determination means for determining whether or not a movement distance of the touch position after the touch operation is detected by the detection means is equal to or greater than a threshold;
When the determination means determines that the movement distance is equal to or greater than a threshold value, the control means moves the display positions of the plurality of display objects according to the movement of the touch position, and the determination means determines the movement distance. 2. The display control device according to claim 1, wherein when it is determined that the is less than the threshold, control is performed so as to perform display for selecting a display object corresponding to the touch position.
前記制御手段は、前記判定手段により前記押圧力が閾値未満であると判定された場合は、タッチ位置の移動に応じて前記複数の表示オブジェクトの表示位置を移動させ、前記押圧力が閾値以上であると判定された場合は、タッチ位置に応じた表示オブジェクトを選択させるための表示を行うように制御することを特徴とする請求項１に記載の表示制御装置。 further comprising determination means for detecting a pressing force when the touch operation is detected by the detecting means and determining whether or not the pressing force is less than a threshold value as the predetermined condition;
When the determination means determines that the pressing force is less than a threshold, the control means moves the display positions of the plurality of display objects according to the movement of the touch position, and moves the display positions of the plurality of display objects according to the movement of the touch position. 2. The display control device according to claim 1, wherein, when it is determined that there is a touched position, the display is controlled so that a display for selecting a display object corresponding to the touched position is performed.
前記制御手段は、前記判定手段により前記経過時間が閾値以上であると判定された場合は、タッチ位置の移動に応じて前記複数の表示オブジェクトの表示位置を移動させ、前記経過時間が閾値未満であると判定された場合は、タッチ位置に応じた表示オブジェクトを選択させるための表示を行うように制御することを特徴とする請求項１に記載の表示制御装置。 further comprising determination means for determining whether or not the elapsed time from when the touch operation is detected by the detection means until when the movement of the touch position is detected by the detection means as the predetermined condition is equal to or greater than a threshold;
When the determination means determines that the elapsed time is equal to or greater than the threshold, the control means moves the display positions of the plurality of display objects in accordance with the movement of the touch position. 2. The display control device according to claim 1, wherein, when it is determined that there is a touched position, the display is controlled so that a display for selecting a display object corresponding to the touched position is performed.
前記制御手段は、前記判定手段により前記単位時間当たりの速度が閾値以上であると判定された場合は、タッチ位置の移動に応じて前記複数の表示オブジェクトの表示位置を移動させ、前記単位時間当たりの速度が閾値未満であると判定された場合は、タッチ位置に応じた表示オブジェクトを選択させるための表示を行うように制御することを特徴とする請求項１に記載の表示制御装置。 further comprising determination means for determining whether a speed per unit time when the touch position moves after the touch operation is detected by the detection means as the predetermined condition is equal to or greater than a threshold;
The control means moves the display positions of the plurality of display objects in accordance with the movement of the touch position when the determination means determines that the velocity per unit time is equal to or greater than the threshold value, and 2. The display control device according to claim 1, wherein when it is determined that the speed of is less than a threshold value, control is performed so that a display for selecting a display object corresponding to the touch position is performed.
前記検出工程によって前記タッチ操作が検出されてから所定の条件を満たした場合は、タッチ位置の移動に応じて前記表示手段に表示される複数の表示オブジェクトの表示位置を移動させ、前記タッチ操作が検出されてから前記所定の条件を満たさなかった場合は、タッチ位置に応じた表示オブジェクトを選択させるための表示を行うように制御する制御工程と、
を有することを特徴とする表示制御装置の制御方法。 a detection step of detecting a touch operation on display means for displaying a plurality of display objects;
When a predetermined condition is satisfied after the touch operation is detected by the detecting step, the display positions of the plurality of display objects displayed on the display means are moved according to the movement of the touch position, and the touch operation is performed. a control step of controlling to perform display for selecting a display object corresponding to the touch position when the predetermined condition is not satisfied after being detected;
A control method for a display control device, comprising:
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| JP2021104714A JP2023003565A (en) | 2021-06-24 | 2021-06-24 | Display controller and control method thereof |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| JP2021104714A JP2023003565A (en) | 2021-06-24 | 2021-06-24 | Display controller and control method thereof |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| JP2023003565A true JP2023003565A (en) | 2023-01-17 |
Family
ID=85100519
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| JP2021104714A Pending JP2023003565A (en) | 2021-06-24 | 2021-06-24 | Display controller and control method thereof |
Country Status (1)
| Country | Link |
|---|---|
| JP (1) | JP2023003565A (en) |
-
2021
- 2021-06-24 JP JP2021104714A patent/JP2023003565A/en active Pending
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US11429244B2 (en) | Method and apparatus for displaying application | |
| JP5750875B2 (en) | Information processing apparatus, information processing method, and program | |
| KR102228335B1 (en) | Method of selection of a portion of a graphical user interface | |
| WO2012145366A1 (en) | Improving usability of cross-device user interfaces | |
| KR20150134674A (en) | User terminal device, and Method for controlling for User terminal device, and multimedia system thereof | |
| US9405370B2 (en) | Electronic device and control method thereof | |
| EP2728456B1 (en) | Method and apparatus for controlling virtual screen | |
| JP2015035092A (en) | Display controller and method of controlling the same | |
| JP6758921B2 (en) | Electronic devices and their control methods | |
| US20150153925A1 (en) | Method for operating gestures and method for calling cursor | |
| JP5911321B2 (en) | Display control device and control method of display control device | |
| JP6768426B2 (en) | Display control device, its control method, program, and storage medium | |
| US10983686B2 (en) | Display control apparatus equipped with touch panel, control method therefor, and storage medium storing control program therefor | |
| KR20090017828A (en) | Method for controling interface, and apparatus for implementing the same | |
| JP2023003565A (en) | Display controller and control method thereof | |
| JP6971573B2 (en) | Electronic devices, their control methods and programs | |
| CN108132721B (en) | Method for generating drag gesture, touch device and portable electronic equipment | |
| JP2015102946A (en) | Information processing apparatus, control method of information processing apparatus, and program | |
| JP6759023B2 (en) | Display control device, its control method, program, and storage medium | |
| US20220171511A1 (en) | Device, method for device, and storage medium | |
| JP6210664B2 (en) | Information processing apparatus, control method therefor, program, and storage medium | |
| JP7030527B2 (en) | Electronic devices, information processing methods, programs and storage media | |
| JP7030529B2 (en) | Electronic devices, information processing methods, programs and storage media | |
| JP2015225483A (en) | Display control device | |
| KR101355825B1 (en) | Touch control device and method of display unit that can perform special functions through touch |