JP6910898B2 - 電子機器及びコンテンツ表示プログラム - Google Patents
電子機器及びコンテンツ表示プログラム Download PDFInfo
- Publication number
- JP6910898B2 JP6910898B2 JP2017173000A JP2017173000A JP6910898B2 JP 6910898 B2 JP6910898 B2 JP 6910898B2 JP 2017173000 A JP2017173000 A JP 2017173000A JP 2017173000 A JP2017173000 A JP 2017173000A JP 6910898 B2 JP6910898 B2 JP 6910898B2
- Authority
- JP
- Japan
- Prior art keywords
- content
- focus
- area
- gesture
- touch panel
- 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.)
- Active
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/0485—Scrolling or panning
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/017—Gesture based interaction, e.g. based on a set of recognized hand gestures
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/04842—Selection of displayed objects or displayed text elements
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
- G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
- G06F3/04883—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures for inputting data by handwriting, e.g. gesture or text
Landscapes
- Engineering & Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
- Controls And Circuits For Display Device (AREA)
- Position Input By Displaying (AREA)
Description
図1は、本実施形態の電子機器10の構成を示すブロック図である。電子機器10は、例えばスマートフォン、携帯電話機、パーソナルコンピュータ(タブレット型、ノート型、デスクトップ型)、ナビゲーション装置、携帯型ゲーム装置、POS(Point Of Sales)端末、デジタル複合機(MFP(Multi Function Peripheral))などによって実現することができる。以下の説明では、電子機器10をスマートフォンと想定して説明する。電子機器10は、内部に実装された記憶装置に記憶されたデータ、あるいはインターネット等を含むネットワーク12を通じて受信されるデータ(Webコンテンツなど)をもとに、コンテンツを画面に表示することができる。
タッチパネル24は、液晶ディスプレイ(LED(Light Emitting Diode))などからなる表示装置と、表示装置の表示面に実装された接触感知センサなどからなる入力装置とにより構成される。なお、タッチパネル24に実装される表示装置は、有機EL(Electro-Luminescence)ディスプレイなど他のディスプレイでも良い。また、タッチパネル24に実装される入力装置は、接触感知センサに限らず、静電容量方式、光学方式、電磁誘導方式など、他の方式が用いられても良い。タッチパネル24の入力装置は、例えば同時に複数箇所に対するタッチ操作を検出することができる、いわゆるマルチタッチを感知できるタッチセンサが設けられるものとする。なお、マルチタッチを感知できるタッチセンサに限定されない。
通信装置26は、プロセッサ21の制御のもとで、ネットワーク12を通じた外部機器との通信を制御する。
図2に示すコンテンツ24Aは、上下方向にスクロール可能なコンテンツ(スクロールビューと記載することがある)である。コンテンツ24Aを表示するエリアの右横辺にはスクロールバー24Aaが設けられている。スクロールバー24Aaのスライダ24Abを上下方向に移動させる操作をすることで、コンテンツ24Aを上下方向にスクロールさせることができる。コンテンツ24Bは、コンテンツ24Aを表示するエリアに入れ子状に設けられたエリアに表示される。コンテンツ24Bを表示するエリアの右横辺にはスクロールバー24Baが設けられている。スクロールバー24Baのスライダ24Bbを上下方向に移動させる操作をすることで、コンテンツ24Bを上下方向にスクロールさせることができる。
まず、本実施形態におけるジェスチャ操作処理について、図3に示すフローチャートを参照しながら説明する。
また、図12では、上位/下位の関係にある入れ子状に設けられたコンテンツの場合を例にしているが、例えば1つの親コンテンツに複数の子コンテンツが入れ子状に設けられている場合に適用して、ジェスチャ操作に応じて複数の子コンテンツの間でフォーカスを切り替えるようにしても良い。この場合、フォーカス切り替えのための複数の異なるジェスチャ操作に応じて、それぞれのジェスチャ操作に対応する何れかの子コンテンツにフォーカスを切り替えるようにしても良い。
Claims (6)
- 操作面に対する操作を検出するタッチパネルと、
第1コンテンツを表示する第1エリアに、第2コンテンツを表示する第2エリアが入れ子状に設けられたコンテンツを前記タッチパネルに表示させる表示手段と、
予め決められたジェスチャ操作に応じて、前記第1コンテンツあるいは前記第2コンテンツにフォーカスを設定するフォーカス設定手段と、
前記第1コンテンツにフォーカスが設定された場合に、前記タッチパネルの操作面における前記第1エリア及び前記第2エリアを対象とするスクロール操作に応じて、前記第2エリアを含む前記第1エリアの前記第1コンテンツの全体をスクロールさせ、前記第2コンテンツにフォーカスが設定された場合に、前記タッチパネルの操作面における前記第1エリア及び前記第2エリアを対象とするスクロール操作に応じて、前記第2エリアの前記第2コンテンツをスクロールさせるスクロール手段とを有する電子機器。 - 前記フォーカス設定手段は、前記タッチパネルの操作面に対する入力操作をもとに前記ジェスチャ操作を検出する請求項1記載の電子機器。
- 前記フォーカス設定手段は、
フォーカスが設定された前記第2コンテンツに対応する前記第2エリアに対して前記ジェスチャ操作がされたことを検出した場合、前記第1コンテンツにフォーカスを設定し、
フォーカスが設定されていない前記第1コンテンツに対応する前記第1エリアに対して前記ジェスチャ操作がされたことを検出した場合に、前記第1コンテンツにフォーカスを設定し、
フォーカスが設定されていない前記第2コンテンツに対応する前記第2エリアに対して前記ジェスチャ操作がされたことを検出した場合に、前記第2コンテンツにフォーカスを設定する請求項2記載の電子機器。 - 機器本体の姿勢の変化を検出するセンサをさらに有し、
前記フォーカス設定手段は、前記センサによる前記機器本体の姿勢の変化をもとに前記ジェスチャ操作を検出する請求項1記載の電子機器。 - 前記フォーカス設定手段は、
前記第2コンテンツにフォーカスが設定されている状態において、前記ジェスチャ操作を検出した場合、前記第1コンテンツにフォーカスを設定し、
前記第1コンテンツにフォーカスが設定されている状態において、前記ジェスチャ操作を検出した場合、前記第2コンテンツにフォーカスを設定する請求項4記載の電子機器。 - 操作面に対する操作を検出するタッチパネルを制御するコンピュータを、
第1コンテンツを表示する第1エリアに、第2コンテンツを表示する第2エリアが入れ子状に設けられたコンテンツを前記タッチパネルに表示させる表示手段と、
予め決められたジェスチャ操作に応じて、前記第1コンテンツあるいは前記第2コンテンツにフォーカスを設定するフォーカス設定手段と、
前記第1コンテンツにフォーカスが設定された場合に、前記タッチパネルの操作面における前記第1エリア及び前記第2エリアを対象とするスクロール操作に応じて、前記第2エリアを含む前記第1エリアの前記第1コンテンツの全体をスクロールさせ、前記第2コンテンツにフォーカスが設定された場合に、前記タッチパネルの操作面における前記第1エリア及び前記第2エリアを対象とするスクロール操作に応じて、前記第2エリアの前記第2コンテンツをスクロールさせるスクロール手段として機能させるためのコンテンツ表示プログラム。
Priority Applications (5)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
JP2017173000A JP6910898B2 (ja) | 2017-09-08 | 2017-09-08 | 電子機器及びコンテンツ表示プログラム |
CN201810763640.6A CN109471581B (zh) | 2017-09-08 | 2018-07-12 | 电子设备及存储介质 |
US16/033,797 US10768801B2 (en) | 2017-09-08 | 2018-07-12 | Electronic device and method for displaying contents |
EP18189975.8A EP3454180A1 (en) | 2017-09-08 | 2018-08-21 | Electronic device and method for displaying contents |
JP2021113026A JP2021182405A (ja) | 2017-09-08 | 2021-07-07 | 電子機器及びコンテンツ表示プログラム |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
JP2017173000A JP6910898B2 (ja) | 2017-09-08 | 2017-09-08 | 電子機器及びコンテンツ表示プログラム |
Related Child Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
JP2021113026A Division JP2021182405A (ja) | 2017-09-08 | 2021-07-07 | 電子機器及びコンテンツ表示プログラム |
Publications (2)
Publication Number | Publication Date |
---|---|
JP2019049804A JP2019049804A (ja) | 2019-03-28 |
JP6910898B2 true JP6910898B2 (ja) | 2021-07-28 |
Family
ID=63350427
Family Applications (2)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
JP2017173000A Active JP6910898B2 (ja) | 2017-09-08 | 2017-09-08 | 電子機器及びコンテンツ表示プログラム |
JP2021113026A Pending JP2021182405A (ja) | 2017-09-08 | 2021-07-07 | 電子機器及びコンテンツ表示プログラム |
Family Applications After (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
JP2021113026A Pending JP2021182405A (ja) | 2017-09-08 | 2021-07-07 | 電子機器及びコンテンツ表示プログラム |
Country Status (4)
Country | Link |
---|---|
US (1) | US10768801B2 (ja) |
EP (1) | EP3454180A1 (ja) |
JP (2) | JP6910898B2 (ja) |
CN (1) | CN109471581B (ja) |
Families Citing this family (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
KR102314109B1 (ko) * | 2015-01-05 | 2021-10-18 | 삼성전자주식회사 | 디스플레이 장치 및 디스플레이 방법 |
CN111580662A (zh) * | 2020-05-08 | 2020-08-25 | 北京奇艺世纪科技有限公司 | 一种视图滚动的控制方法、装置、电子设备及存储介质 |
Family Cites Families (11)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US5999176A (en) * | 1997-04-04 | 1999-12-07 | International Business Machines Corporation | Method to provide a single scrolling control for a multi-window interface |
KR101450584B1 (ko) * | 2007-02-22 | 2014-10-14 | 삼성전자주식회사 | 단말의 화면 표시 방법 |
CN101661346B (zh) * | 2008-08-29 | 2012-06-06 | 佛山市顺德区顺达电脑厂有限公司 | 智能型触控装置及方法 |
US8681106B2 (en) * | 2009-06-07 | 2014-03-25 | Apple Inc. | Devices, methods, and graphical user interfaces for accessibility using a touch-sensitive surface |
JP2012118652A (ja) * | 2010-11-30 | 2012-06-21 | Sharp Corp | メニュー表示制御装置 |
JP5605911B2 (ja) * | 2011-03-29 | 2014-10-15 | 株式会社Nttドコモ | タッチスクリーンデバイスの制御装置、その制御方法及びプログラム |
FR2973899B1 (fr) * | 2011-04-07 | 2013-04-26 | Archos | Procede de selection d'un element d'une interface utilisateur et dispositif mettant en oeuvre un tel procede. |
US8812989B1 (en) * | 2013-08-26 | 2014-08-19 | Google Inc. | Displaying thumbnails |
JP6160465B2 (ja) * | 2013-12-05 | 2017-07-12 | 富士ゼロックス株式会社 | 携帯情報端末、及びプログラム |
CN104360787A (zh) * | 2014-10-17 | 2015-02-18 | 联想(北京)有限公司 | 一种显示方法及电子设备 |
CN104598248B (zh) * | 2015-02-03 | 2018-01-23 | 安徽广电信息网络股份有限公司 | 基于html网页的焦点切换方法 |
-
2017
- 2017-09-08 JP JP2017173000A patent/JP6910898B2/ja active Active
-
2018
- 2018-07-12 US US16/033,797 patent/US10768801B2/en active Active
- 2018-07-12 CN CN201810763640.6A patent/CN109471581B/zh active Active
- 2018-08-21 EP EP18189975.8A patent/EP3454180A1/en not_active Withdrawn
-
2021
- 2021-07-07 JP JP2021113026A patent/JP2021182405A/ja active Pending
Also Published As
Publication number | Publication date |
---|---|
US20190079652A1 (en) | 2019-03-14 |
US10768801B2 (en) | 2020-09-08 |
EP3454180A1 (en) | 2019-03-13 |
JP2021182405A (ja) | 2021-11-25 |
CN109471581B (zh) | 2023-10-27 |
CN109471581A (zh) | 2019-03-15 |
JP2019049804A (ja) | 2019-03-28 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
KR101451999B1 (ko) | 데이터 스크롤 방법 및 장치 | |
JP3911515B2 (ja) | 表示制御装置、表示方法、表示プログラムおよび記録媒体 | |
JP5229084B2 (ja) | 表示制御装置、表示制御方法およびコンピュータプログラム | |
JP5304577B2 (ja) | 携帯情報端末および表示制御方法 | |
US20150199125A1 (en) | Displaying an application image on two or more displays | |
JP2016115208A (ja) | 入力装置、ウェアラブル端末、携帯端末、入力装置の制御方法、および入力装置の動作を制御するための制御プログラム | |
JP2021182405A (ja) | 電子機器及びコンテンツ表示プログラム | |
JP2014191612A (ja) | 情報端末、情報入力補助方法、及び情報入力補助プログラム | |
US20220276756A1 (en) | Display device, display method, and program | |
WO2014083929A1 (ja) | タッチパネルにおける文書スクロール方法、装置及びコンピュータ・プログラム | |
JP5653062B2 (ja) | 情報処理装置、操作入力装置、情報処理システム、情報処理方法、プログラム及び情報記憶媒体 | |
JP6365529B2 (ja) | 端末装置、情報表示方法及びプログラム | |
JP6291894B2 (ja) | 入力装置、入力方法及びプログラム | |
JP6429692B2 (ja) | 電子機器 | |
JP5390674B2 (ja) | 情報処理装置、情報処理方法及びプログラム | |
TWI623876B (zh) | 用於控制顯示裝置、電腦程式產品、資料載體與資訊技術設備的方法及控制裝置的用途 | |
US11599261B2 (en) | Display apparatus that displays marker on position of target character and displays next marker according to slide operation | |
JP6923080B2 (ja) | 表示装置及び表示制御プログラム | |
US20140337805A1 (en) | Information processor and computer program product | |
JP2018106480A (ja) | 電子機器、その制御方法およびプログラム | |
JP6681134B2 (ja) | タッチパネル式タブレット型パーソナルコンピュータ、その制御方法及びコンピュータプログラム | |
JP5516794B2 (ja) | 携帯情報端末、表示制御方法およびプログラム | |
JP2014165884A (ja) | 文字入力装置、文字入力方法、制御プログラム、および記録媒体 | |
KR20120067395A (ko) | 모바일 디바이스 | |
JP2018120315A (ja) | 画像表示装置 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
A621 | Written request for application examination |
Free format text: JAPANESE INTERMEDIATE CODE: A621 Effective date: 20200623 |
|
A977 | Report on retrieval |
Free format text: JAPANESE INTERMEDIATE CODE: A971007 Effective date: 20210317 |
|
A131 | Notification of reasons for refusal |
Free format text: JAPANESE INTERMEDIATE CODE: A131 Effective date: 20210323 |
|
A521 | Request for written amendment filed |
Free format text: JAPANESE INTERMEDIATE CODE: A523 Effective date: 20210520 |
|
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: 20210608 |
|
A61 | First payment of annual fees (during grant procedure) |
Free format text: JAPANESE INTERMEDIATE CODE: A61 Effective date: 20210707 |
|
R150 | Certificate of patent or registration of utility model |
Ref document number: 6910898 Country of ref document: JP Free format text: JAPANESE INTERMEDIATE CODE: R150 |