JP6430841B2 - Electronic device, control method, and control program - Google Patents
Electronic device, control method, and control program Download PDFInfo
- Publication number
- JP6430841B2 JP6430841B2 JP2015013583A JP2015013583A JP6430841B2 JP 6430841 B2 JP6430841 B2 JP 6430841B2 JP 2015013583 A JP2015013583 A JP 2015013583A JP 2015013583 A JP2015013583 A JP 2015013583A JP 6430841 B2 JP6430841 B2 JP 6430841B2
- Authority
- JP
- Japan
- Prior art keywords
- screen
- gesture
- area
- scrolling
- scroll
- 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.)
- Expired - Fee Related
Links
Images
Landscapes
- User Interface Of Digital Computer (AREA)
Description
本出願は、電子機器、制御方法、及び制御プログラムに関する。 The present application relates to an electronic device, a control method, and a control program.
ディスプレイを備える電子機器は、ディスプレイの表示領域よりも大きな画面を表示する場合、画面の一部のみをディスプレイに表示し、ディスプレイに表示される部分をスクロールによって変更する制御を行う。タッチスクリーンをさらに備える電子機器は、スクロールを行うための操作として、フリック及びスワイプ等のスクロールジェスチャを利用者から受け付ける(例えば、特許文献1参照)。 When an electronic device having a display displays a screen larger than the display area of the display, only a part of the screen is displayed on the display, and the part displayed on the display is controlled by scrolling. An electronic device further provided with a touch screen receives scroll gestures such as flick and swipe from the user as operations for scrolling (see, for example, Patent Document 1).
タッチスクリーンを備える電子機器は、スクロールジェスチャが検出された位置を基準として画面をスクロールする。しかしながら、スクロールジェスチャが行われる位置によっては、ユーザの意図に合ったスクロールが行われない場合がある。 An electronic device having a touch screen scrolls the screen based on a position where a scroll gesture is detected. However, depending on the position where the scroll gesture is performed, there may be a case where scrolling that matches the user's intention is not performed.
1つの態様に係る電子機器は、部分的にスクロール可能な第1領域及び部分的にスクロールしない第2領域を含む画面を表示するディスプレイと、前記画面をスクロールさせるジェスチャを検出するタッチスクリーンと、前記ジェスチャを検出すると、当該ジェスチャの開始位置に対応する対象をスクロールさせるコントローラと、を備える。前記コントローラは、前記画面の全体をスクロール移動させているときに、前記第1領域を開始位置とする前記ジェスチャを検出した場合に、前記画面の第1領域を部分的にスクロールさせずに、前記画面の全体をスクロールさせる。 An electronic device according to one aspect includes a display that displays a screen including a first area that is partially scrollable and a second area that is not partially scrolled, a touch screen that detects a gesture that scrolls the screen, and A controller that scrolls a target corresponding to the start position of the gesture when the gesture is detected. When the controller detects the gesture having the first area as a start position while scrolling the entire screen, the controller does not partially scroll the first area of the screen, and Scroll the entire screen.
1つの態様に係る制御方法は、ディスプレイ及びタッチスクリーンを備える電子機器の制御方法であって、部分的にスクロール可能な第1領域及び部分的にスクロールしない第2領域を含む画面を前記ディスプレイに表示するステップと、前記画面をスクロールさせるジェスチャを前記タッチスクリーンを介して検出するステップと、前記ジェスチャが検出されたときに、当該ジェスチャの開始位置に対応する対象をスクロールさせるステップと、を含む。前記スクロールさせるステップには、前記画面の全体をスクロール移動させているときに、前記第1領域を開始位置とする前記ジェスチャが検出された場合に、前記画面の第1領域を部分的にスクロールさせずに、前記画面の全体をスクロールさせるステップが含まれる。 A control method according to one aspect is a method of controlling an electronic device including a display and a touch screen, and displays a screen including a first area that can be partially scrolled and a second area that is not partially scrolled on the display. Detecting a gesture for scrolling the screen through the touch screen, and scrolling a target corresponding to a start position of the gesture when the gesture is detected. The scrolling step includes partially scrolling the first area of the screen when the gesture starting from the first area is detected while the entire screen is being scrolled. And a step of scrolling the entire screen is included.
1つの態様に係る制御プログラムは、ディスプレイ及びタッチスクリーンを備える電子機器に、部分的にスクロール可能な第1領域及び部分的にスクロールしない第2領域を含む画面を前記ディスプレイに表示するステップと、前記画面をスクロールさせるジェスチャを前記タッチスクリーンを介して検出するステップと、前記ジェスチャが検出されたときに、当該ジェスチャの開始位置に対応する対象をスクロールさせるステップと、を実行させる。前記スクロールさせるステップには、前記画面の全体をスクロール移動させているときに、前記第1領域を開始位置とする前記ジェスチャが検出された場合に、前記画面の第1領域を部分的にスクロールさせずに、前記画面の全体をスクロールさせるステップが含まれる。 The control program according to one aspect displays, on the display, a screen including a first area that is partially scrollable and a second area that is not partially scrolled on an electronic device including a display and a touch screen; A step of detecting a gesture for scrolling the screen through the touch screen and a step of scrolling a target corresponding to a start position of the gesture when the gesture is detected are executed. The scrolling step includes partially scrolling the first area of the screen when the gesture starting from the first area is detected while the entire screen is being scrolled. And a step of scrolling the entire screen is included.
実施形態を、図面を参照しつつ詳細に説明する。以下では、電子機器の例として、スマートフォンについて説明する。以下の説明では、同様の部分には同一の符号を付し、既に説明した部分については説明を繰り返さないことがある。 Embodiments will be described in detail with reference to the drawings. Below, a smart phone is demonstrated as an example of an electronic device. In the following description, the same parts are denoted by the same reference numerals, and the description of the parts already described may not be repeated.
(実施形態)
図1及び図2を参照しながら、実施形態に係る電子機器1の構成について説明する。図1は、電子機器1の斜視図である。図2は、電子機器1のブロック図である。電子機器1は、いわゆるスマートフォンである。
(Embodiment)
The configuration of the electronic device 1 according to the embodiment will be described with reference to FIGS. 1 and 2. FIG. 1 is a perspective view of the electronic apparatus 1. FIG. 2 is a block diagram of the electronic device 1. The electronic device 1 is a so-called smartphone.
図1及び図2に示すように、電子機器1は、タッチスクリーンディスプレイ2と、通信ユニット6と、ストレージ9と、コントローラ10とを有する。
As shown in FIGS. 1 and 2, the electronic device 1 includes a
タッチスクリーンディスプレイ2は、ディスプレイ2Aと、タッチスクリーン2Bとを有する。ディスプレイ2Aは、液晶ディスプレイ(LCD:Liquid Crystal Display)、有機ELディスプレイ(OELD:Organic Electro−Luminescence Display)、又は無機ELディスプレイ(IELD:Inorganic Electro−Luminescence Display)等の表示デバイスを備える。ディスプレイ2Aは、文字、画像、記号、及び図形等を表示する。
The
タッチスクリーン2Bは、タッチスクリーン2Bに対する指、ペン、又はスタイラスペン等の接触を検出する。タッチスクリーン2Bの検出方式は、静電容量方式、抵抗膜方式、表面弾性波方式(又は超音波方式)、赤外線方式、電磁誘導方式、及び荷重検出方式等の任意の方式でよい。以下の説明では、説明を簡単にするため、ユーザは電子機器1を操作するために指を用いてタッチスクリーン2Bに接触するものと想定する。
The
電子機器1は、タッチスクリーン2Bにより検出された接触、接触が検出された位置、接触が検出された位置の変化、接触が検出された間隔、及び接触が検出された回数の少なくとも1つに基づいてジェスチャの種別を判別する。ジェスチャは、タッチスクリーン2Bに対して行われる操作である。電子機器1によって判別されるジェスチャは、例えば、タッチ、リリース、タップ、スワイプ、ドラッグ、及びフリックを含むがこれらに限定されない。
The electronic device 1 is based on at least one of the contact detected by the
「タッチ」は、タッチスクリーン2Bに指が触れるジェスチャである。「リリース」は、指がタッチスクリーン2Bから離れるジェスチャである。「タップ」は、タッチに続いてリリースをするジェスチャである。「スワイプ」は、指がタッチスクリーン2Bに接触したままで移動するジェスチャである。「ドラッグ」は、移動可能なオブジェクトが表示されている領域を始点としてスワイプをするジェスチャである。「フリック」は、指が、タッチスクリーン2Bに触れた後移動しながらタッチスクリーン2Bから離れるジェスチャである。
“Touch” is a gesture in which a finger touches the
通信ユニット6は、無線により通信する。通信ユニット6によってサポートされる通信方式は、無線通信規格である。無線通信規格として、例えば、2G、3G、4G等のセルラーフォンの通信規格がある。セルラーフォンの通信規格として、例えば、LTE(Long Term Evolution)、W−CDMA(Wideband Code Division Multiple Access)、CDMA2000、PDC(Personal Digital Cellular)、GSM(登録商標)(Global System for Mobile Communications)、PHS(Personal Handy−phone System)等がある。無線通信規格として、さらに、例えば、WiMAX(Worldwide Interoperability for Microwave Access)、IEEE802.11、Bluetooth(登録商標)、IrDA(Infrared Data Association)、NFC(Near Field Communication)等がある。通信ユニット6は、上述した通信規格の1つ又は複数をサポートしていてもよい。通信ユニット6は、有線による通信をサポートしてもよい。有線による通信は、例えば、イーサネット(登録商標)、ファイバーチャネル等を含む。 The communication unit 6 communicates wirelessly. The communication method supported by the communication unit 6 is a wireless communication standard. Examples of wireless communication standards include cellular phone communication standards such as 2G, 3G, and 4G. As a cellular phone communication standard, for example, LTE (Long Term Evolution), W-CDMA (Wideband Code Multiple Access), CDMA2000, PDC (Personal Digital Cellular, GSM (registered trademark) mmloS) (Personal Handy-phone System). As wireless communication standards, for example, there are WiMAX (Worldwide Interoperability for Microwave Access), IEEE802.11, Bluetooth (registered trademark), IrDA (Infrared Data Association), NFC (NearCo), etc. The communication unit 6 may support one or more of the communication standards described above. The communication unit 6 may support wired communication. Wired communication includes, for example, Ethernet (registered trademark), fiber channel, and the like.
ストレージ9は、プログラム及びデータを記憶する。ストレージ9は、コントローラ10の処理結果を一時的に記憶する作業領域としても利用される。ストレージ9は、半導体記憶媒体、及び磁気記憶媒体等の任意の非一過的(non−transitory)な記憶媒体を含んでよい。ストレージ9は、複数の種類の記憶媒体を含んでよい。ストレージ9は、メモリカード、光ディスク、又は光磁気ディスク等の可搬の非一過的な記憶媒体と、記憶媒体の読み取り装置との組み合わせを含んでよい。ストレージ9は、RAM(Random Access Memory)等の一時的な記憶領域として利用される記憶デバイスを含んでよい。
The storage 9 stores programs and data. The storage 9 is also used as a work area for temporarily storing the processing result of the
ストレージ9に記憶されるプログラム及びデータは、通信ユニット6による通信を介してストレージ9にインストールされてもよい。ストレージ9に記憶されるプログラム及びデータは、可搬の非一過的な記憶媒体を介してストレージ9にインストールされてもよい。 The program and data stored in the storage 9 may be installed in the storage 9 via communication by the communication unit 6. The program and data stored in the storage 9 may be installed in the storage 9 via a portable non-transitory storage medium.
ストレージ9は、例えば、制御プログラム9Aと、ブラウザプログラム9Bとを記憶する。ブラウザプログラム9Bは、通信ユニット6による通信を介してWEBページを取得し、取得したWEBページを表示するブラウザ機能を提供する。
The storage 9 stores, for example, a
制御プログラム9Aは、電子機器1を稼働させるための各種制御に関する機能を提供する。制御プログラム9Aが提供する機能には、タッチスクリーン2Bを介して検出されたジェスチャに応じて、ディスプレイ2Aに表示される情報を変更する機能が含まれる。制御プログラム9Aが提供する機能は、ブラウザプログラム9B等の他のプログラムが提供する機能と組み合わせて利用されることがある。
The
コントローラ10は、演算処理装置である。演算処理装置は、例えば、CPU(Central Processing Unit)、SoC(System−on−a−chip)、MCU(Micro Control Unit)、及びFPGA(Field−Programmable Gate Array)を含むが、これらに限定されない。コントローラ10は、電子機器1の動作を統括的に制御して各種の機能を実現する。
The
具体的には、コントローラ10は、ストレージ9に記憶されているデータを必要に応じて参照しつつ、ストレージ9に記憶されているプログラムに含まれる命令を実行する。そして、コントローラ10は、データ及び命令に応じて機能部を制御し、それによって各種機能を実現する。機能部は、例えば、ディスプレイ2A、及び通信ユニット6を含むが、これらに限定されない。コントローラ10は、検出部の検出結果に応じて、制御を変更することがある。検出部は、例えば、タッチスクリーン2Bを含むが、これに限定されない。
Specifically, the
コントローラ10は、例えば、制御プログラム9Aを実行することにより、タッチスクリーン2Bを介して検出されたジェスチャに応じて、ディスプレイ2Aに表示される情報を変更する等の各種制御を実行する。
For example, by executing the
図3及び4を参照しながら、制御プログラム9Aが提供する機能に基づいてコントローラ10が実行する制御の例について説明する。制御プログラム9Aが提供する機能に基づいてコントローラ10が実行する制御には、部分的にスクロール可能な領域を含む画面におけるスクロール制御が含まれる。
An example of control executed by the
図3は、部分的にスクロール可能な領域を含む画面の例を示す図である。図3に示す画面40は、ディスプレイ2Aに表示される。図3に示すステップS11において、画面40は、第1領域41と、第2領域42とを含んでいる。
FIG. 3 is a diagram illustrating an example of a screen including a partially scrollable area. A
第1領域41は、部分的にスクロール可能な領域である。換言すると、第1領域41は、表示のために第1領域41よりも広い領域を要するコンテンツの一部を表示し、かつ画面40全体とは独立してスクロール可能な領域である。
The
第2領域42は、部分的にはスクロールしない領域である。換言すると、第2領域42は、表示のために第2領域42よりも広い領域を要するコンテンツの一部を表示し、かつ画面40全体がスクロールするときに連動してスクロールする領域である。第2領域42がスクロールするとき、第1領域41は、スクロールに連動して表示位置が変更されてもよいし、そのままの位置に留まってもよい。以下の説明では、第2領域42がスクロールするとき、第1領域41は、スクロールに連動して表示位置が変更されるものとする。
The
一つの例として、第1領域41は、ブラウザプログラム9Bが提供するブラウザ機能に基づいて表示されるブラウザ画面に含まれるインラインフレームであり、第2領域42は、インラインフレーム以外の領域である。他の例として、第1領域41は、ホーム画面のページの一つ上に配置されたスクロール可能なウィジェットであり、第2領域42は、そのページの他の領域である。
As an example, the
このように、ステップS11において、画面40は、画面40全体がスクロールするときに連動してスクロールする第2領域42と、画面40の全体スクロールとは独立してスクロールする第1領域41とを含んでいる。このため、コントローラ10は、タッチスクリーン2Bを介して検出されたスクロールジェスチャに応じて、画面40全体をスクロールさせるか、第1領域41を部分的にスクロールさせるかを切り換える。
Thus, in step S11, the
スクロールジェスチャは、例えば、スワイプ又はフリックである。一般的には、第2領域42でスクロールジェスチャが検出された場合には、ステップS12のように画面40全体がスクロールされる。一方、第1領域41でスクロールジェスチャが検出された場合にはステップS13のように第1領域41が部分的にスクロールされる。
The scroll gesture is, for example, a swipe or a flick. Generally, when a scroll gesture is detected in the
しかしながら、この場合、ユーザが画面40全体をスクロールさせるためのスクロールジェスチャを繰り返して行っているときに、意図せずに、第1領域41でスクロールジェスチャを行ってしまうことがある。このような場合に、第1領域41でスクロールジェスチャが検出されたからといって、画面40の全体スクロールを停止し、第1領域41の部分的なスクロールを開始する制御が行われると、ユーザは、意図と異なる結果に困惑する可能性がある。
However, in this case, when the user repeatedly performs a scroll gesture for scrolling the
さらに、第1領域41が広い場合には、ユーザが画面40全体をスクロールさせるためのスクロールジェスチャを行ったときに、全体スクロールに連動した表示位置の変更により、第1領域41がディスプレイ2Aの表示領域を占有してしまうことがある。この場合、第1領域41でスクロールジェスチャが検出されたからといって、画面40の全体スクロールを停止し、第1領域41の部分的なスクロールを開始する制御が行われると、ユーザは、画面40全体をスクロールさせることができなくなる可能性がある。これは、画面40全体をスクロールさせるためのスクロールジェスチャが行われる第2領域42が表示領域外に隠れてしまっているためである。
Further, when the
このような課題を解決するために、コントローラ10は、画面40全体がスクロールしているときには、第1領域41でスクロールジェスチャが検出されても、第1領域41を部分的にスクロールさせることなく、画面40全体をスクロールさせる。換言すると、コントローラ10は、画面40全体がスクロールしていないときには、第1領域41で検出されたスクロールジェスチャを、第1領域41を部分的にスクロールさせるためのジェスチャとして扱う。一方、コントローラ10は、画面40全体がスクロールしているときには、第1領域41で検出されたスクロールジェスチャを、画面40全体をスクロールさせるためのジェスチャとして扱う。
In order to solve such a problem, the
このような制御により、ユーザが画面40全体をスクロールさせているときに、意図せずに、第1領域41でスクロールジェスチャを行ってしまった場合にも、ユーザの意図に沿って全体スクロールが継続される。さらに、画面40の全体スクロール中に第1領域41がディスプレイ2Aの表示領域を占有してしまった場合にも、全体スクロールを継続させることが可能である。このように、本実施形態によれば、ユーザの意図に合ったスクロール制御が実現される。
By such control, even when the user scrolls the
図4は、スクロール制御の処理手順の例を示すフローチャートである。図4に示す処理手順は、コントローラ10が制御プログラム9Aを実行することにより実現される。図4に示す処理手順は、第1領域41を含む可能性がある画面の表示中にタッチスクリーン2Bを介してジェスチャが検出されたときに実行される。
FIG. 4 is a flowchart illustrating an example of a processing procedure of scroll control. The processing procedure shown in FIG. 4 is realized by the
ステップS110として、コントローラ10は、ジェスチャの種別を判定する。ジェスチャがスクロールジェスチャでない場合(ステップS120,No)、コントローラ10は、ステップS130に進む。ステップS130として、コントローラ10は、ジェスチャに応じた通常の処理を実行する。
As step S110, the
ジェスチャがスクロールジェスチャである場合(ステップS120,Yes)、コントローラ10は、ステップS140に進む。ステップS140として、コントローラ10は、ディスプレイ2Aに表示されている画面が第1領域41を含んでいるかを判定する。画面が第1領域41を含んでいない場合(ステップS140,No)、コントローラ10は、ステップS150に進む。ステップS150として、コントローラ10は、通常のスクロール処理を実行する。
When the gesture is a scroll gesture (step S120, Yes), the
画面が第1領域41を含んでいる場合(ステップS140,Yes)、コントローラ10は、ステップS160に進む。ステップS160として、コントローラ10は、スクロールジェスチャが第1領域41で開始したかを判定する。スクロールジェスチャが第1領域41で開始していない場合(ステップS160,No)、コントローラ10は、ステップS150に進む。ステップS150として、コントローラ10は、通常のスクロール処理を実行する。
When the screen includes the first region 41 (step S140, Yes), the
スクロールジェスチャが第1領域41で開始していた場合(ステップS160,Yes)、コントローラ10は、ステップS170に進む。ステップS170として、コントローラ10は、画面全体がスクロール中であるかを判定する。画面全体がスクロール中である場合(ステップS170,Yes)、コントローラ10は、ステップS180に進む。ステップS180として、コントローラ10は、画面全体をさらにスクロールさせる。一方、画面全体がスクロール中でない場合(ステップS170,No)、コントローラ10は、ステップS190に進む。ステップS190として、コントローラ10は、第1領域41を部分的にスクロールさせる。
When the scroll gesture has started in the first area 41 (step S160, Yes), the
これまで、第1領域41でスクロールジェスチャが検出されても、画面全体がスクロール中である場合には第1領域41を部分的にスクロールさせることなく全体スクロールを継続させる制御について説明した。しかしながら、第1領域41でスクロールジェスチャが検出されても全体スクロールを継続させる条件として、画面全体がスクロール中であること以外の条件をさらに考慮に入れてもよい。
So far, even when a scroll gesture is detected in the
一つの変形例として、第1領域41でスクロールジェスチャが検出されても全体スクロールを継続させる条件として、スクロールジェスチャが行われた位置をさらに考慮してもよい。図5は、スクロールジェスチャが行われた位置をさらに考慮する場合のスクロール制御の処理手順の例を示すフローチャートである。
As a modification, the position where the scroll gesture is performed may be further considered as a condition for continuing the entire scroll even if the scroll gesture is detected in the
図5に示す処理手順においては、スクロールジェスチャが第1領域41で開始しており(ステップS160,Yes)、かつ画面全体がスクロール中である場合(ステップS170,Yes)、コントローラ10は、ステップS171に進む。ステップS171として、コントローラ10は、全体スクロールの開始の契機となったスクロールジェスチャの開始位置を今回検出したスクロールジェスチャの開始位置と比較する。ここでいう開始位置とは、タッチスクリーン2Bを基準とする位置であり、スクロールしている画面を基準とする位置ではない。
In the processing procedure shown in FIG. 5, when the scroll gesture starts in the first region 41 (step S160, Yes) and the entire screen is being scrolled (step S170, Yes), the
今回検出したスクロールジェスチャの開始位置が全体スクロールの開始の契機となったスクロールジェスチャの開始位置の近傍である場合(ステップS172,Yes)、コントローラ10は、ステップS180に進む。ステップS180として、コントローラ10は、画面全体をさらにスクロールさせる。一方、今回検出したスクロールジェスチャの開始位置が全体スクロールの開始の契機となったスクロールジェスチャの開始位置の近傍でない場合(ステップS172,No)、コントローラ10は、ステップS190に進む。ステップS190として、コントローラ10は、第1領域41を部分的にスクロールさせる。
When the start position of the scroll gesture detected this time is in the vicinity of the start position of the scroll gesture that triggered the start of the entire scroll (step S172, Yes), the
一般に、ユーザは、画面全体をスクロールさせるためにスクロールジェスチャを繰り返す場合、毎回、同じ位置でスクロールジェスチャを開始するものと想定される。逆にいうと、ユーザが、画面全体のスクロールを開始させるためにスクロールジェスチャを行った位置とは異なる位置でスクロールジェスチャを行った場合、ユーザは、全体スクロールを継続させる以外の意図を有している可能性が高い。図5に示した例のようにスクロールジェスチャが行われた位置をさらに考慮することにより、よりユーザの意図に合ったスクロール制御が実現される。 In general, when a user repeats a scroll gesture to scroll the entire screen, it is assumed that the user starts the scroll gesture at the same position every time. In other words, when the user performs a scroll gesture at a position different from the position at which the scroll gesture is performed to start scrolling the entire screen, the user has an intention other than continuing the entire scroll. There is a high possibility. By further considering the position where the scroll gesture is performed as in the example shown in FIG. 5, scroll control more suited to the user's intention is realized.
図5のステップS171及びステップS172における近傍の判定の例について、図6から図8を参照しながらより詳細に説明する。図6から図8において、位置P1は、全体スクロールの開始の契機となったスクロールジェスチャの開始位置を示しており、矢印A1は、スクロールジェスチャの方向、換言すると、全体スクロールの方向を示している。 An example of the determination of the neighborhood in step S171 and step S172 in FIG. 5 will be described in more detail with reference to FIGS. 6 to 8, the position P1 indicates the start position of the scroll gesture that triggered the start of the entire scroll, and the arrow A1 indicates the direction of the scroll gesture, in other words, the direction of the entire scroll. .
一つの例として、コントローラ10は、図6に示すように、位置P1を中心とする半径D1の円状の範囲R1内を位置P1の近傍として判定する。D1は、ユーザが同じ位置でスクロールジェスチャを開始しようとするときに生じる可能性のあるズレの最大値に相当する。D1は、予め決められていてもよいし、ユーザがタッチスクリーン2Bに対して行ったジェスチャに関する蓄積された情報に基づいて適応的に決められてもよいし、ユーザによって設定されてもよい。
As an example, as illustrated in FIG. 6, the
他の例として、コントローラ10は、図7に示すように、位置P1を基準として、矢印A1の方向に±距離D1で、かつ矢印A1と直交する方向に±距離D1の矩形の範囲R2内を位置P1の近傍として判定する。
As another example, as shown in FIG. 7, the
他の例として、コントローラ10は、図8に示すように、位置P1を基準として、矢印A1と直交する方向に±距離D1の帯状の範囲R3内を位置P1の近傍として判定する。ユーザが、画面全体をスクロールさせるためにスワイプ又はフリックを繰り返す場合、指が全体スクロールの方向に沿って同じ直線上を何度も往復する。この場合、全体スクロールの方向と直交する方向においては指の位置のズレは小さいが、全体スクロールの方向においては指の位置のズレが大きくなりやすい。図8に示す例のように全体スクロールの方向における距離を無視して近傍を判定することにより、ユーザの意図しない位置のズレの影響を受けることなく、ユーザの意図に合ったスクロール制御が実現される。
As another example, as shown in FIG. 8, the
図8に示した例では、全体スクロールの方向における距離を用いずに近傍が判定されるが、全体スクロールの方向においては指の位置のズレが大きくなりやすいという傾向を考慮しつつ全体スクロールの方向における距離をさらに用いて近傍を判定してもよい。例えば、全体スクロールの方向においては、距離D1の数倍の距離内であることを近傍の条件の一つとして用いてもよい。 In the example shown in FIG. 8, the neighborhood is determined without using the distance in the overall scroll direction, but the direction of the overall scroll is considered in consideration of the tendency that the displacement of the finger position tends to increase in the overall scroll direction. The distance may be further used to determine the neighborhood. For example, in the overall scroll direction, within a distance several times the distance D1 may be used as one of the nearby conditions.
コントローラ10は、スクロールジェスチャを検出して画面の全体スクロールを開始させたときに、近傍と判定される範囲をディスプレイ2Aに表示してもよい。図9は、図8に示した範囲R3を表示する例を示している。図9における領域43が範囲R3に相当する。近傍と判定される範囲は、第1領域41でスクロールジェスチャが検出されても全体スクロールが継続される期間中は表示され続ける。
The
このように、近傍と判定される範囲をディスプレイ2Aに表示することにより、ユーザは、この範囲内でスクロールジェスチャを開始すれば意図通りに全体スクロールが行われることを容易に把握することができる。画面のどの部分がディスプレイ2Aに表示されているかをユーザが把握しやすいように、コントローラ10は、近傍と判定される範囲を半透明で表示することが好ましい。
Thus, by displaying the range determined to be near on the
他の変形例として、第1領域41でスクロールジェスチャが検出されても全体スクロールを行う条件として、全体スクロールが終了してからの経過時間をさらに考慮してもよい。図10は、全体スクロールが終了してからの経過時間をさらに考慮する場合のスクロール制御の処理手順の例を示すフローチャートである。
As another modified example, as a condition for performing the entire scroll even if a scroll gesture is detected in the
図10に示す処理手順においては、スクロールジェスチャが第1領域41で開始しているが(ステップS160,Yes)、画面全体がスクロール中ではない場合(ステップS170,No)、コントローラ10は、ステップS175に進む。ステップS175として、コントローラ10は、全体スクロールの終了からの経過時間を取得する。
In the processing procedure shown in FIG. 10, when the scroll gesture starts in the first region 41 (step S160, Yes), but the entire screen is not being scrolled (step S170, No), the
経過時間が閾値よりも長くない場合(ステップS176,No)、コントローラ10は、ステップS180に進む。ステップS180として、コントローラ10は、画面全体をさらにスクロールさせる。一方、経過時間が閾値よりも長い場合(ステップS176,Yes)、コントローラ10は、ステップS190に進む。ステップS190として、コントローラ10は、第1領域41を部分的にスクロールさせる。
When the elapsed time is not longer than the threshold (step S176, No), the
図10に示すスクロール制御では、第1領域41でスクロールジェスチャが検出されても、全体スクロールの終了からの経過時間が閾値よりも長くなければ、全体スクロールが行われる。閾値は、ユーザが全体スクロールの終了を見過ごす可能性のある期間の長さに基づいて決定される。このように、全体スクロールの終了後に時間的な猶予を設けることにより、例えば、ユーザが全体スクロールの終了をうっかりと見過した場合にも、ユーザの意図に合ったスクロール制御が実現される。
In the scroll control shown in FIG. 10, even if a scroll gesture is detected in the
他の変形例として、第1領域41でスクロールジェスチャが検出されても全体スクロールを継続させる条件として、第1領域41における接触の検出時間をさらに考慮してもよい。より具体的には、コントローラ10は、全体スクロール中に第1領域41においてスクロールジェスチャを検出した場合、第1領域41において検出された直前の接触の継続時間を取得する。そして、コントローラ10は、継続時間が所定時間よりも長い場合には、第1領域41を部分的にスクロールさせ、継続時間が所定時間よりも長くない場合には、画面全体をさらにスクロールさせる。
As another modification, the contact detection time in the
この制御によれば、画面全体のスクロール中に第1領域41を部分的にスクロールさせたくなった場合、ユーザは、意図的に第1領域41への接触を所定時間継続した後に第1領域41においてスクロールジェスチャを行えばよい。一方、画面全体のスクロール中に第1領域41を部分的にスクロールさせたくない場合、ユーザは、位置を気にせずに、接触の継続を伴わない通常のスクロールジェスチャを行えばよい。このように、上記の制御によっても、ユーザの意図に合ったスクロール制御が実現される。
According to this control, when it is desired to partially scroll the
他の変形例として、画面全体のスクロール中又はスクロールの終了後に第1領域41においてスクロールジェスチャ以外の1ないし複数のジェスチャが検出された場合、コントローラ10は、検出された最初のジェスチャを無視してもよい。スクロールジェスチャ以外のジェスチャは、例えば、タップである。
As another modified example, when one or more gestures other than the scroll gesture are detected in the
第1領域41には、スクロールジェスチャ以外のジェスチャに応じて何らかの処理が開始されるオブジェクトが配置されることがある。第1領域41に配置されるオブジェクトは、例えば、ボタン、他のWEBページへのリンク等である。画面全体をスクロールさせるためにスクロールジェスチャを繰り返しているときに、ユーザは、意図せずに第1領域41に配置されたオブジェクトに触れてしまうことがある。このとき、オブジェクトに対応する処理が開始されてしまうと、ユーザがそれに戸惑うことがある。第1領域41に対する最初のジェスチャを無視することにより、そのようにユーザが戸惑う可能性を低減でき、ユーザの意図に合ったスクロール制御が実現される。
In the
他の変形例として、スクロールバーを利用してスクロール制御を行ってもよい。図11は、スクロールバーを利用したスクロール制御の例を示す図である。図11に示すステップS21において、ユーザは、指F1を用いて、画面40の第1領域41をタップしている。
As another modification, scroll control may be performed using a scroll bar. FIG. 11 is a diagram illustrating an example of scroll control using a scroll bar. In step S21 shown in FIG. 11, the user taps the
コントローラ10は、第1領域41内でのタップを検出すると、ステップS22に示すように、第1領域41の近傍にスクロールバー44を表示する。スクロールバー44は、スライダ45を有している。スライダ45の大きさは、第1領域41に対応するコンテンツの全体に対する第1領域41に表示されている部分の割合を示している。
When the
ステップS23では、ユーザが指F1を用いてスライダ45を矢印A2の方向にドラッグしている。コントローラ10は、スライダ45のドラッグを検出すると、ドラッグに応じて第1領域41を部分的にスクロールさせる。その後、ステップS24では、ユーザがスクロールバー44以外の領域をタップしている。コントローラ10は、スクロールバー44の表示中にスクロールバー44以外の領域に対するジェスチャを検出すると、スクロールバー44を非表示にする。
In step S23, the user drags the
図11に示すスクロール制御では、スクロールバー44が操作された場合にのみ、第1領域41が部分的にスクロールされる。このため、ステップS22に示すようにスクロールバー44が表示されているときにステップS25に示すように第1領域41で矢印A3の方向へのスクロールジェスチャが検出された場合、コントローラ10は、第1領域41を部分的にスクロールさせずに、画面40の全体をスクロールさせる。このとき、スクロールバー44以外の領域に対するジェスチャが検出されるため、スクロールバー44は非表示となる。
In the scroll control shown in FIG. 11, the
このスクロール制御では、スクロールバー44に対する操作であるか否かによって、第1領域41が部分的にスクロールされるか、他の処理が行われるかが明確に区別される。このため、ユーザの意図に合ったスクロール制御が実現される。さらに、スクロールバー44は、第1領域41の部分的なスクロールが必要な場合にだけ表示されるので、スクロールバー44が他の情報の表示を妨げることなく、ディスプレイ2Aの表示領域が有効活用される。
In this scroll control, whether the
本出願の開示する実施形態は、発明の要旨及び範囲を逸脱しない範囲で変更することができる。さらに、本出願の開示する実施形態及びその変形例は、適宜組み合わせることができる。例えば、上記の実施形態は、以下のように変形してもよい。 Embodiment which this application discloses can be changed in the range which does not deviate from the summary and range of invention. Furthermore, the embodiment disclosed in the present application and its modifications can be combined as appropriate. For example, the above embodiment may be modified as follows.
例えば、図2に示した各プログラムは、複数のモジュールに分割されていてもよい。あるいは、図2に示した各プログラムは、他のプログラムと結合されていてもよい。 For example, each program shown in FIG. 2 may be divided into a plurality of modules. Alternatively, each program shown in FIG. 2 may be combined with another program.
上記の実施形態では、電子機器の例として、スマートフォンについて説明したが、添付の請求項に係る装置は、スマートフォンに限定されない。添付の請求項に係る装置は、スマートフォン以外の携帯電子機器であってもよい。携帯電子機器は、例えば、モバイルフォン、タブレット、携帯型パソコン、デジタルカメラ、メディアプレイヤ、電子書籍リーダ、ナビゲータ、及びゲーム機を含むが、これらに限定されない。添付の請求項に係る装置は、据え置き型の電子機器であってもよい。据え置き型の電子機器は、例えば、デスクトップパソコン、及びテレビ受像器を含むが、これらに限定されない。 In said embodiment, although the smart phone was demonstrated as an example of an electronic device, the apparatus which concerns on an attached claim is not limited to a smart phone. The device according to the appended claims may be a portable electronic device other than a smartphone. Examples of portable electronic devices include, but are not limited to, mobile phones, tablets, portable personal computers, digital cameras, media players, electronic book readers, navigators, and game machines. The device according to the appended claims may be a stationary electronic device. The stationary electronic device includes, for example, a desktop personal computer and a television receiver, but is not limited thereto.
添付の請求項に係る技術を完全かつ明瞭に開示するために特徴的な実施形態に関し記載してきた。しかし、添付の請求項は、上記実施形態に限定されるべきものでなく、本明細書に示した基礎的事項の範囲内で当該技術分野の当業者が創作しうるすべての変形例及び代替可能な構成を具現化するように構成されるべきである。 The characterizing embodiments have been described in order to fully and clearly disclose the technology according to the appended claims. However, the appended claims should not be limited to the above-described embodiments, but all modifications and alternatives that can be created by those skilled in the art within the scope of the basic matters shown in this specification. Should be configured to embody such a configuration.
1 電子機器
2 タッチスクリーンディスプレイ
2A ディスプレイ
2B タッチスクリーン
6 通信ユニット
9 ストレージ
9A 制御プログラム
9B ブラウザプログラム
10 コントローラ
DESCRIPTION OF SYMBOLS 1
Claims (7)
前記画面をスクロールさせるジェスチャを検出するタッチスクリーンと、
前記ジェスチャを検出すると、当該ジェスチャの開始位置に対応する対象をスクロールさせるコントローラと、
を備え、
前記コントローラは、
前記第1領域を開始位置とする前記ジェスチャを検出した場合に、前記画面の第1領域を部分的にスクロールさせずに、前記画面の全体をスクロールさせる電子機器であって、
前記コントローラは、
前記第1領域を開始位置とする前記ジェスチャの開始位置が、第1方向において、前記画面の全体のスクロールさせたジェスチャの開始位置から第1距離以内であり、前記第1方向と交わる第2方向において、前記画面の全体のスクロールさせたジェスチャの開始位置から前記第1距離よりも小さい第2距離以内である場合に、前記画面の第1領域を部分的にスクロールさせずに、前記画面の全体をスクロールさせる
電子機器。 A display for displaying a screen including a first area that is partially scrollable and a second area that is not partially scrolled;
A touch screen for detecting a gesture for scrolling the screen;
When detecting the gesture, a controller that scrolls a target corresponding to the start position of the gesture;
With
Wherein the controller,
When detecting the gesture as a start position before Symbol first region, the first region of the screen without partially scrolling, an electronic device to scroll through the screen,
The controller is
The start position of the gesture starting from the first region is within a first distance from the start position of the gesture that is scrolled on the entire screen in the first direction, and the second direction intersects the first direction. The entire area of the screen without partially scrolling the first area of the screen when the entire distance of the screen is within a second distance smaller than the first distance from the start position of the scrolled gesture. Scroll
Electronic equipment .
前記画面の全体をスクロール移動させているときに、前記第1領域を開始位置とする前記ジェスチャを検出した場合に、前記第1領域を開始位置とする前記ジェスチャの開始位置が、前記第1方向において、前記画面の全体のスクロールを開始させたジェスチャの開始位置から第1距離以内であり、前記第2方向において、前記画面の全体のスクロールを開始させたジェスチャの開始位置から前記第2距離以内である場合に、前記画面の第1領域を部分的にスクロールさせずに、前記画面の全体をスクロールさせる
請求項1に記載の電子機器。 The controller is
When a whole by scrolling the said screen, when detecting the gesture of the start position of the first region, the start position of the gesture to the start position of the first region, said first In the direction, it is within a first distance from the start position of the gesture that started scrolling the entire screen, and in the second direction, the second distance from the start position of the gesture that started scrolling the entire screen. 2. The electronic device according to claim 1 , wherein when the distance is within the range, the whole of the screen is scrolled without partially scrolling the first region of the screen.
前記第1領域を開始位置とする前記ジェスチャを検出したときに、
前記画面の全体のスクロールが終了してから第1の時間が経過していなければ、全体をスクロールさせ、
前記画面の全体のスクロールが終了してから前記第1の時間が経過していれば、前記画面の第1領域を部分的にスクロールさせる
請求項1に記載の電子機器。 The controller is
When detecting the gesture starting from the first region,
If the first time has not elapsed since the scrolling of the entire screen is finished, the entire screen is scrolled,
The electronic device according to claim 1, wherein the first area of the screen is partially scrolled if the first time has elapsed since the scrolling of the entire screen has ended.
前記画面の全体をスクロールさせているときに、第2の時間よりも長く継続する接触が前記第1領域において検出された後に、前記第1領域を開始位置とする前記ジェスチャを検出した場合に、
前記第1領域を部分的にスクロール移動させる
請求項1に記載の電子機器。 The controller is
When the gesture having the first area as a start position is detected after a contact lasting longer than a second time is detected in the first area when scrolling the entire screen,
The electronic device according to claim 1, wherein the first region is partially scrolled.
部分的にスクロール可能な第1領域及び部分的にスクロールしない第2領域を含む画面を前記ディスプレイに表示するステップと、
前記画面をスクロールさせるジェスチャを前記タッチスクリーンを介して検出するステップと、
前記ジェスチャが検出されたときに、当該ジェスチャの開始位置に対応する対象をスクロールさせるステップと、
を含み、
前記スクロールさせるステップには、
前記第1領域を開始位置とする前記ジェスチャが検出された場合に、
前記画面の第1領域を部分的にスクロールさせずに、前記画面の全体をスクロールさせるステップと、
前記第1領域を開始位置とする前記ジェスチャの開始位置が、第1方向において、前記画面の全体のスクロールさせたジェスチャの開始位置から第1距離以内であり、前記第1方向と交わる第2方向において、前記画面の全体のスクロールさせたジェスチャの開始位置から前記第1距離よりも小さい第2距離以内である場合に、前記画面の第1領域を部分的にスクロールさせずに、前記画面の全体をスクロールさせるステップと、が含まれる
制御方法。 A method for controlling an electronic device including a display and a touch screen,
Displaying on the display a screen including a first region that is partially scrollable and a second region that is not partially scrolled;
Detecting a gesture for scrolling the screen via the touch screen;
Scrolling the object corresponding to the start position of the gesture when the gesture is detected;
Including
The step of scrolling includes :
If the gesture as a start position before Symbol first area is detected,
Scrolling the entire screen without partially scrolling the first region of the screen ;
The start position of the gesture starting from the first region is within a first distance from the start position of the gesture that is scrolled on the entire screen in the first direction, and the second direction intersects the first direction. The entire area of the screen without partially scrolling the first area of the screen when the entire distance of the screen is within a second distance smaller than the first distance from the start position of the scrolled gesture. And a step of scrolling, including a control method.
部分的にスクロール可能な第1領域及び部分的にスクロールしない第2領域を含む画面を前記ディスプレイに表示するステップと、
前記画面をスクロールさせるジェスチャを前記タッチスクリーンを介して検出するステップと、
前記ジェスチャが検出されたときに、当該ジェスチャの開始位置に対応する対象をスクロールさせるステップと、
を実行させ、
前記スクロールさせるステップには、
前記第1領域を開始位置とする前記ジェスチャが検出された場合に、
前記画面の第1領域を部分的にスクロールさせずに、前記画面の全体をスクロールさせるステップと、
前記第1領域を開始位置とする前記ジェスチャの開始位置が、第1方向において、前記画面の全体のスクロールさせたジェスチャの開始位置から第1距離以内であり、前記第1方向と交わる第2方向において、前記画面の全体のスクロールさせたジェスチャの開始位置から前記第1距離よりも小さい第2距離以内である場合に、前記画面の第1領域を部分的にスクロールさせずに、前記画面の全体をスクロールさせるステップと、が含まれる
制御プログラム。 For electronic devices with a display and touch screen,
Displaying on the display a screen including a first region that is partially scrollable and a second region that is not partially scrolled;
Detecting a gesture for scrolling the screen via the touch screen;
Scrolling the object corresponding to the start position of the gesture when the gesture is detected;
And execute
The step of scrolling includes :
If the gesture as a start position before Symbol first area is detected,
Scrolling the entire screen without partially scrolling the first region of the screen ;
The start position of the gesture starting from the first region is within a first distance from the start position of the gesture that is scrolled on the entire screen in the first direction, and the second direction intersects the first direction. The entire area of the screen without partially scrolling the first area of the screen when the entire distance of the screen is within a second distance smaller than the first distance from the start position of the scrolled gesture. And a step for scrolling the control program.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| JP2015013583A JP6430841B2 (en) | 2015-01-27 | 2015-01-27 | Electronic device, control method, and control program |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| JP2015013583A JP6430841B2 (en) | 2015-01-27 | 2015-01-27 | Electronic device, control method, and control program |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| JP2016139264A JP2016139264A (en) | 2016-08-04 |
| JP6430841B2 true JP6430841B2 (en) | 2018-11-28 |
Family
ID=56559250
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| JP2015013583A Expired - Fee Related JP6430841B2 (en) | 2015-01-27 | 2015-01-27 | Electronic device, control method, and control program |
Country Status (1)
| Country | Link |
|---|---|
| JP (1) | JP6430841B2 (en) |
Families Citing this family (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JP6971573B2 (en) * | 2016-12-27 | 2021-11-24 | キヤノン株式会社 | Electronic devices, their control methods and programs |
| JP6840571B2 (en) * | 2017-02-28 | 2021-03-10 | キヤノン株式会社 | Image processing device, control method of image processing device, and program |
| JP2019036041A (en) * | 2017-08-10 | 2019-03-07 | キヤノン株式会社 | Display control apparatus, control method therefor, and program |
Family Cites Families (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JP5618858B2 (en) * | 2011-02-16 | 2014-11-05 | 株式会社Nttドコモ | Display device, communication device, and program |
| JP5605911B2 (en) * | 2011-03-29 | 2014-10-15 | 株式会社Nttドコモ | Touch screen device control apparatus, control method thereof, and program |
| KR101892567B1 (en) * | 2012-02-24 | 2018-08-28 | 삼성전자 주식회사 | Method and apparatus for moving contents on screen in terminal |
| JP2013257641A (en) * | 2012-06-11 | 2013-12-26 | Fujitsu Ltd | Information terminal equipment and display control method |
| JP2014194747A (en) * | 2013-02-28 | 2014-10-09 | Canon Inc | Information processor, information processing method and computer program |
| JP6155869B2 (en) * | 2013-06-11 | 2017-07-05 | ソニー株式会社 | Display control apparatus, display control method, and program |
| JP6177669B2 (en) * | 2013-11-20 | 2017-08-09 | 株式会社Nttドコモ | Image display apparatus and program |
-
2015
- 2015-01-27 JP JP2015013583A patent/JP6430841B2/en not_active Expired - Fee Related
Also Published As
| Publication number | Publication date |
|---|---|
| JP2016139264A (en) | 2016-08-04 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| JP6368455B2 (en) | Apparatus, method, and program | |
| JP5891083B2 (en) | Apparatus, method, and program | |
| US9619139B2 (en) | Device, method, and storage medium storing program | |
| JP5850736B2 (en) | Apparatus, method, and program | |
| JP5805588B2 (en) | Electronic device, control method, and control program | |
| CN104285202B (en) | Touch screen hovering input processing method and device | |
| CN104035678B (en) | Scrolling method and the electronic equipment using the scrolling method | |
| JP5805685B2 (en) | Electronic device, control method, and control program | |
| JP5254399B2 (en) | Display device, user interface method and program | |
| JP5858896B2 (en) | Electronic device, control method, and control program | |
| JP2015127871A (en) | Controller, control method and program | |
| JP2014071724A (en) | Electronic apparatus, control method, and control program | |
| JP5605911B2 (en) | Touch screen device control apparatus, control method thereof, and program | |
| JP6430841B2 (en) | Electronic device, control method, and control program | |
| JP5753475B2 (en) | Apparatus, method, and program | |
| JP6096100B2 (en) | Electronic device, control method, and control program | |
| JP2014071461A (en) | User interface device, user interface method and program | |
| JP2013065290A (en) | Device, method, and program | |
| JP5859932B2 (en) | Apparatus, method, and program | |
| JP5762885B2 (en) | Apparatus, method, and program | |
| JP6139068B2 (en) | Apparatus and method | |
| JP5345609B2 (en) | Touch panel terminal, word deletion method and program | |
| JP2013101547A (en) | Device, method, and program | |
| JP2017211903A (en) | Display device and display method | |
| US10558356B2 (en) | Display control device and non-transitory computer-readable storage medium having program recorded thereon |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| A621 | Written request for application examination |
Free format text: JAPANESE INTERMEDIATE CODE: A621 Effective date: 20171010 |
|
| A977 | Report on retrieval |
Free format text: JAPANESE INTERMEDIATE CODE: A971007 Effective date: 20180628 |
|
| A131 | Notification of reasons for refusal |
Free format text: JAPANESE INTERMEDIATE CODE: A131 Effective date: 20180807 |
|
| A521 | Request for written amendment filed |
Free format text: JAPANESE INTERMEDIATE CODE: A523 Effective date: 20181004 |
|
| TRDD | Decision of grant or rejection written | ||
| A01 | Written decision to grant a patent or to grant a registration (utility model) |
Free format text: JAPANESE INTERMEDIATE CODE: A01 Effective date: 20181016 |
|
| A61 | First payment of annual fees (during grant procedure) |
Free format text: JAPANESE INTERMEDIATE CODE: A61 Effective date: 20181101 |
|
| R150 | Certificate of patent or registration of utility model |
Ref document number: 6430841 Country of ref document: JP Free format text: JAPANESE INTERMEDIATE CODE: R150 |
|
| LAPS | Cancellation because of no payment of annual fees |