JP4908626B1 - 表示制御装置および表示制御方法 - Google Patents
表示制御装置および表示制御方法 Download PDFInfo
- Publication number
- JP4908626B1 JP4908626B1 JP2010293456A JP2010293456A JP4908626B1 JP 4908626 B1 JP4908626 B1 JP 4908626B1 JP 2010293456 A JP2010293456 A JP 2010293456A JP 2010293456 A JP2010293456 A JP 2010293456A JP 4908626 B1 JP4908626 B1 JP 4908626B1
- Authority
- JP
- Japan
- Prior art keywords
- area
- display
- display control
- contact
- contact area
- 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
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/04845—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 for image manipulation, e.g. dragging, rotation, expansion or change of colour
-
- 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/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/04815—Interaction with a metaphor-based environment or interaction object displayed as three-dimensional, e.g. changing the user viewpoint with respect to the environment or object
-
- 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
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F2203/00—Indexing scheme relating to G06F3/00 - G06F3/048
- G06F2203/048—Indexing scheme relating to G06F3/048
- G06F2203/04806—Zoom, i.e. interaction techniques or interactors for controlling the zooming operation
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)
Abstract
【課題】タッチパネル式の表示装置において、オブジェクトを操作する際の利便性を向上させることのできる表示制御装置および表示制御方法を提供する。
【解決手段】実施形態の表示制御装置は、領域判定手段と、方向判定手段と、表示制御手段とを備える。領域判定手段は、表示器の表示座標と対応する入力座標を有するタッチパネルにおいて、接触物が接触した接触領域の少なくとも一部が、前記表示器に表示されたオブジェクト自体を表示する表示領域内に設けられた所定の領域内にあるか否かを判定する。方向判定手段は、前記接触領域の移動方向を判定する。表示制御手段は、前記領域判定手段および前記方向判定手段の判定結果に基づいて、前記オブジェクトを拡大表示または縮小表示させる。
【選択図】図7−1
【解決手段】実施形態の表示制御装置は、領域判定手段と、方向判定手段と、表示制御手段とを備える。領域判定手段は、表示器の表示座標と対応する入力座標を有するタッチパネルにおいて、接触物が接触した接触領域の少なくとも一部が、前記表示器に表示されたオブジェクト自体を表示する表示領域内に設けられた所定の領域内にあるか否かを判定する。方向判定手段は、前記接触領域の移動方向を判定する。表示制御手段は、前記領域判定手段および前記方向判定手段の判定結果に基づいて、前記オブジェクトを拡大表示または縮小表示させる。
【選択図】図7−1
Description
本発明の実施形態は、表示制御装置および表示制御方法に関する。
近年、タブレット型PC(Personal Computer)や携帯型電子機器等の表示制御装置において、表面にタッチパネルが設けられた液晶ディスプレイ等の表示器が広く利用されるようになっている。
従来、これらの表示制御装置では、表示されている画像やアイコン等のオブジェクトを指2本を用いて、指同士の間隔を拡張または伸縮したり、本体またはデスクトップ画像に設けられた拡大・縮小ボタンを操作したりして、オブジェクトのサイズを拡大・縮小することが可能となっている。
しかしながら、従来技術においては、オブジェクトを拡大・縮小する際に拡大ボタンを押したり、2本指を用いて操作したりする必要があり、その操作性について更なる利便性の向上が求められていた。
本発明が解決しようとする課題は、タッチパネル式の表示装置において、オブジェクトを操作する際の利便性を向上させることのできる表示制御装置および表示制御方法を提供することである。
実施形態の表示制御装置は、領域判定手段と、方向判定手段と、表示制御手段とを備える。領域判定手段は、表示器の表示座標と対応する入力座標を有するタッチパネルにおいて、接触物が接触した接触領域の少なくとも一部が、前記表示器に表示されたオブジェクト自体を表示する表示領域内に設けられた所定の領域内にあるか否かを判定する。方向判定手段は、前記接触領域の移動方向を判定する。表示制御手段は、前記接触領域の一部が前記オブジェクトの表示領域内にあるが、前記所定の領域外にある場合であって、且つ、前記接触領域が前記オブジェクトの中心から離れる方向に前記オブジェクトの外側に向かって移動する場合に、前記オブジェクトを拡大表示させる。
実施形態にかかる表示制御装置1は、タブレット型のPC(Personal Computer)や、タッチパネル式の携帯型電子機器等として用いられる。図1は、実施形態にかかる表示制御装置1のハードウェア構成を示すブロック図である。
図1に示すように、表示制御装置1は、CPU(Central Processing Unit)10と、ROM(Read Only Memory)11と、RAM(Random Access Memory)12と、記憶装置としてのHDD(Hard Disk Drive)13と、ディスプレイ14と、タッチパネル15と、通信I/F16とがバス17で接続されて構成されており、通常のコンピュータを利用したハードウェア構成となっている。尚、記憶装置はHDD13に限定されるものではなく、例えばSSD(Solid State Drive)等を用いるとしてもよい。
ROM11は、本実施の形態にかかるプログラムやその他各種プログラムおよび各種設定データ等を記憶する。RAM12は、CPU10が各種プログラムを実行する際に一時的に当該プログラムやデータを記憶する。CPU10は、ROM11が記憶するプログラムをRAM12に展開して実行することにより、本実施の形態にかかるプログラムを実行する制御手段として機能する。通信I/F16は、LANやインターネット等を介して、他の情報処理装置等とのデータ通信を制御する。
ディスプレイ14は、CPU10の制御により各種画面を表示する。そして、ディスプレイ14は、CPU10から表示信号を受け取って、静止画や動画等の映像をそれぞれ表示する。
タッチパネル15は、静電容量式または感圧式など一般的に用いられているタッチパネルで構成される。タッチパネル15は、タッチパネル15に対する指などの接触物の接触を検出して、接触物の接触領域の位置情報をCPU10に送出する。また、タッチパネル15上の入力位置(入力座標)は、タッチパネル15が配されているディスプレイ14上の表示位置(表示座標)と同位置となるよう対応付けられている。
次に、表示制御装置1の機能的構成について説明する。図2は、表示制御装置1の機能的構成を示す機能ブロック図である。表示制御装置1は、CPU10がROM11から本実施の形態にかかるプログラムを読み出して実行することにより、主記憶装置上に制御部20をロードして生成する。図2に示すように、制御部20は、表示制御部21と、領域判定部22と、方向判定部23と、を備えている。
表示制御部21は、ROM11に格納されたプログラムやタッチパネル15からの入力操作に応じて、ディスプレイ14に各種画面を表示する。また、表示制御部21は、HDD13に格納されたデータおよびROM11に格納されたプログラムに基づいて、ディスプレイ14に画像やアイコン等のオブジェクトOを表示する。
図3は、ディスプレイ14に表示されるオブジェクトOの一例を示す模式図である。図中Bは、オブジェクトO自体を表示する表示領域Bである。図3に示すように、オブジェクトOには、そのオブジェクトOの表示領域Bの中心Cを中心とし、表示領域Bの内部に収まるサイズの円によって所定の領域Aが予め設定されている。例えば図3のようにオブジェクトOが長方形の場合、長方形の短辺の所定割合の長さ(例えば、5割)を半径とする円の内部が領域Aとして設定される。
尚、オブジェクトOの中心Cや、領域Aはディスプレイ14に表示されないものであるが、タッチパネル15がタッチされた場合にこれらを表示するとしてもよい。
図4は、領域Aのその他の例を示す模式図である。図4に示すように、オブジェクトOの中心Cを中心とし、オブジェクトOの表示領域B内部に収まるサイズであり、オブジェクトOと相似形(図4では、長方形)の内部の領域を、領域Aとして設定してもよい。
領域判定部22は、タッチパネル15において、指などの接触物が接触した接触領域Tの位置を判定する。より具体的には、領域判定部22は、接触領域Tの少なくとも一部がオブジェクトOの表示領域B内にあるか否かを判定する。また、領域判定部22は、接触領域Tの少なくとも一部が、上述した領域A内にあるか否かを判定する。さらに、領域判定部22は、接触領域Tの少なくとも一部が、後述する領域B1、B2内にあるか否かを判定する。
方向判定部23は、接触領域Tが移動するドラッグ操作であるか、接触領域Tが移動しないタップ操作であるかを判定し、ドラッグ操作である場合にはさらに、接触領域Tの移動方向を判定する。
表示制御部21は、接触物のタッチパネル15における入力操作に応じてオブジェクトOの表示を変更する。即ち、表示制御部21は、領域判定部22および方向判定部23の判定結果に基づいて、オブジェクトOを移動または回転させて表示したり、拡大表示または縮小表示したりする。これにより、ユーザがディスプレイ14の表示画面上においてオブジェクトOを操作することができる。
次に、タッチパネル15上でドラッグ操作を行う場合の、オブジェクトOの表示変更処理(オブジェクトOの操作方法)について説明する。本実施の形態の表示制御装置1は、タッチパネル15上でオブジェクトOがドラッグされた場合に、オブジェクトOに対して移動、回転、拡大、縮小のいずれか1つの操作を行う。
まず、図5−1、図5−2を参照して、オブジェクトOの移動操作について説明する。図5−1は移動操作前のオブジェクトOを示す図であり、図5−2は移動操作後のオブジェクトOを示す図である。
表示制御部21は、図5−1に示すように、接触領域Tの少なくとも一部が領域A内にある状態でドラッグ操作された場合には、その操作方向に従ってオブジェクトOを移動させる。即ち、接触領域Tが図中の移動方向D1に沿って移動する場合に、表示制御部21は、オブジェクトOを移動方向D1に沿って移動させて、接触物がタッチパネル15から離れた時点(図5−2参照)でオブジェクトOの移動を終了させる。
次に、図6−1、図6−2を参照して、オブジェクトOの回転操作について説明する。図6−1は、回転操作前のオブジェクトOを示す図であり、図6−2は、回転操作後のオブジェクトOを示す図である。
表示制御部21は、図6−1に示すように、接触領域Tの少なくとも一部がオブジェクトOの表示領域B内にあるが、領域A外にある場合であって、且つ、接触領域Tの移動方向D2が第1角度範囲θ1内にある場合に、オブジェクトOの中心Cを回転の中心としてオブジェクトOを回転させて表示する。即ち、図6−1のようにオブジェクトOが長方形である場合には、その長方形に外接する円周Qに沿ってオブジェクトOの各頂点P1、P2、P3、P4を中心C周りに回転させる(図6−2参照)。尚、オブジェクトOの回転方向Rは、移動方向D2により近い円周方向とする。
ここで、第1角度範囲θ1とは、オブジェクトOの中心Cと接触領域T内の1点E(点E)を結ぶ直線CEに直交する方向を中心として、左右両側にそれぞれ角度αの許容範囲が設けられた角度範囲である。
尚、接触領域T内の点Eとしては、図6−1に示すように接触領域Tの中心点を用いてもよいし、感圧式のタッチパネル15を用いる場合には最も圧力が強い1点を点Eとして用いてもよいし、その他の接触領域T内の1点を用いてもよい。
次に、図7−1、図7−2を参照して、オブジェクトOの拡大操作について説明する。図7−1は、拡大操作前のオブジェクトOを示す図であり、図7−2は、拡大操作後のオブジェクトOを示す図である。
表示制御部21は、図7−1に示すように、接触領域Tの少なくとも一部がオブジェクトOの表示領域B内にあるが、領域A外にある場合であって、且つ、接触領域TがオブジェクトOの中心CからオブジェクトOの外側に向かって移動する場合に、オブジェクトOを拡大して表示する。
より詳細には、表示制御部21は、接触領域Tの少なくとも一部がオブジェクトOの表示領域B内にあるが、領域A外にある場合であって、且つ、接触領域Tの移動方向D3が第2角度範囲θ2の範囲内においてドラッグ操作された場合には、そのドラッグ方向に従ってオブジェクトOを拡大して表示する。
ここで、第2角度範囲θ2とは、オブジェクトOの表示領域Bの中心Cと、接触領域T内の1点E(点E)とを結ぶ直線CEの方向を中心として、左右両側にそれぞれ角度αの許容範囲が設けられた角度範囲である。
また、表示制御部21は、図7−1に示すようにオブジェクトOが長方形の場合には、オブジェクトOの左上の頂点P1を基点としてオブジェクトOを拡大し、図7−2に示すように拡大後のオブジェクトO’を表示する。尚、拡大操作の基点は頂点P1に限定されるものではない。その他の例として、オブジェクトOの中心Cや、その他の頂点を用いてもよい。また、拡大操作時には、オブジェクトOのアスペクト比を固定してもよいし、或いはアスペクト比を変化させるとしてもよい。
また、上述のように領域AはオブジェクトOの表示領域Bのサイズの所定の割合のサイズによって定められるため、拡大操作後の領域A’のサイズは、図7−2に示すように、オブジェクトOの拡大倍率と同じ倍率で拡大される。
次に、図8−1、図8−2を参照して、オブジェクトOの縮小操作について説明する。図8−1は、縮小操作前のオブジェクトOの一例を示す図であり、図8−2は、縮小操作後のオブジェクトOの一例を示す図である。
表示制御部21は、図8−1に示すように、接触領域Tの少なくとも一部がオブジェクトOの表示領域B内にあるが、領域A外にある場合であって、且つ、接触領域TがオブジェクトOの内側に向かって移動する場合に、オブジェクトOを縮小して表示する。
より詳細には、表示制御部21は、接触領域Tの少なくとも一部がオブジェクトOの表示領域B内にあるが、領域A外にある場合であって、且つ、接触領域Tの移動方向D4が第3角度範囲θ3の範囲内においてドラッグ操作された場合には、そのドラッグ方向に従ってオブジェクトOを縮小して表示する。
ここで、第3角度範囲θ3とは、接触領域T内の1点E(点E)と、オブジェクトOの表示領域Bの中心Cとを結ぶ直線ECを中心として、左右両側にそれぞれ角度αの許容範囲が設けられた角度範囲である。
尚、表示制御部21は、拡大表示する際と同様に、オブジェクトOのいずれか1つの頂点を基点としてオブジェクトOを縮小してもよいし、オブジェクトOの中心Cを基点として縮小するとしてもよい。
また、上述のように領域AはオブジェクトOの表示領域Bのサイズの所定の割合のサイズによって定められるため、縮小操作後の領域A”のサイズは、図8−2に示すように、オブジェクトOの縮小倍率と同じ倍率で縮小される。
次に、タッチパネル上でタップ操作を行う場合の、オブジェクトOの表示変更処理(オブジェクトOの操作方法)について説明する。本実施の形態の表示制御装置1は、タッチパネル15上でオブジェクトOがタップされた場合に、オブジェクトOを選択・編集可能な状態とするか、あるいは画面奥行方向に傾斜させて表示する。
まず、図9−1ないし図10−2を用いて、オブジェクトOをディスプレイ15の奥行方向に仮想的に傾斜させて表示する傾斜操作について説明する。図9−1、図10−1は、傾斜操作前のオブジェクトOの一例を示す図であり、図9−2、図10−2は、傾斜操作後のオブジェクトOの一例を示す図である。
ここでは、図9−1ないし図10−2に示すように、オブジェクトOが長方形であり、その4つの頂点をP1、P2、P3、P4とする場合について説明する。尚、オブジェクトOが例えば円形などその他の形状である場合には、オブジェクトOに外接する長方形の頂点をP1、P2、P3、P4として処理する。
図9−1に示すように、オブジェクトOにおいては、表示領域B内の領域A外において、オブジェクトOの中心Cに対し左右対称である領域B1が設けられている。即ち、領域B1には、オブジェクトOの中心Cと頂点P1、P3を夫々結ぶ線分CP1、CP3と、長方形の縦方向の辺P1P3とで囲まれる三角形CP1P3において領域Aを除いた部分と、オブジェクトOの中心Cと頂点P2、P4を夫々結ぶ線分CP2、CP4と、長方形の縦方向の辺P2P4とで囲まれる三角形CP2P4において領域Aを除いた部分とが含まれている。
表示制御部21は、図9−1に示すように、接触領域Tの少なくとも一部が領域B1内にある状態でタップ操作された場合に、図9−2に示すように、オブジェクトOの縦(垂直)方向の中心線L1周りに、オブジェクトOを画面奥行方向に仮想的に傾斜させて表示する。またこの場合に、表示制御部21は、タップされた位置(接触領域Tの位置)が画面奥行方向に押されるような向きでオブジェクトOを傾斜させて表示する。
また、図10−1に示すように、オブジェクトOにおいては、表示領域B内の領域A外において、オブジェクトOの中心Cに対し上下対称である領域B2が設けられている。即ち、領域B2には、オブジェクトOの中心Cと頂点P1、P2を夫々結ぶ線分CP1、CP2と、長方形の横方向の辺P1、P2とで囲まれる三角形CP1P2において領域Aを除いた部分と、オブジェクトOの中心Cと頂点P3、P4とを夫々結ぶ線分CP3、CP4と、長方形の横方向の辺P3P4とで囲まれる三角形CP3P4において領域Aを除いた部分とが含まれている。
表示制御部21は、図10−1に示すように、接触領域Tの少なくとも一部が領域B2内にある状態でタップ操作された場合に、図10−2に示すように、オブジェクトOの横(水平)方向の中心線L2周りに、オブジェクトOを画面奥行方向に仮想的に傾斜させて表示する。またこの場合に、表示制御部21は、タップされた位置(接触領域Tの位置)が画面奥行方向に押されるような向きでオブジェクトOを傾斜させて表示する。
このように、領域B1または領域B2をタップ操作すると、オブジェクトOを奥行方向に傾斜(回転)させて表示するため、オブジェクトOの表示領域B(図3参照)の面積を減少させることができる。従って、例えば図11に示すようにオブジェクトO(O1、O2、O3)を多数表示させる場合に、オブジェクトO(O1、O2、O3)を重ねて表示させることが可能となり、より多数のオブジェクトOを表示させることができる。
一方、表示制御装置1は、図9−1、図10−1において領域Aがタップされた場合には、オブジェクトOを選択または編集するものと判定し、オブジェクトOを選択または編集可能な状態にする。尚、オブジェクトOの選択または編集については、選択後の操作メニューを表示したり、編集用のアプリケーションを起動したりするなど、従来一般的に行われている処理を行うものとする。
次に、オブジェクトOが長方形や、円形、楕円形などの対称形ではない場合における、オブジェクトOの中心座標を計算する方法について説明する。
図12は、対称形ではないオブジェクトOの中心Cおよび所定の領域Aの一例を示す図である。図12において、領域Aは、オブジェクトOの中心Cを中心とする円の内部であり、且つ、オブジェクトOの表示領域B内の領域である。また、図12に示すようにオブジェクトOの表示領域Bが長方形や、円形、楕円形などの対称形ではない場合には、従来一般的に用いられている方法により中心Cを求めることができるが、以下ではその一例について説明する。
ここで、図13−1ないし図13−3は、対称形ではないオブジェクトOにおける中心座標の計算方法の一例を説明する図である。
図13−1では説明の簡略化のため、ディスプレイ14の画素のうち、オブジェクトOの近傍の縦8ピクセル×横8ピクセルの画素のみを示している。図13−1においてオブジェクトOの部分の画素(斜線部分)に対する値val(x,y)を1、オブジェクトOではない部分の画素(白色部分)に対する値val(x,y)を0として2値化すると、図13−2に示すようになる。
そして、下記式(1)ないし式(3)を用いることにより、中心座標(xcenter,ycenter)を求めることができる。
尚、hは縦のピクセル数(図13−1では8)、wは横のピクセル数(図13−1では8)である。
一例として、図13−1に示すオブジェクトOの中心座標は、xcenter=4.97、ycenter=4.10と求められる。そして小数点以下を四捨五入し、xcenter=5、ycenter=4とすると、オブジェクトOの中心Cは図13−3に示すように求めることができる。
次に、表示制御装置1が実行するオブジェクトOの表示制御処理の手順について説明する。図14は、表示制御装置1が実行するオブジェクトOの表示制御処理の手順について説明するフローチャートである。尚、ここでは、上述した接触領域Tの移動方向D1、D2、D3、D4を特に区別せずに移動方向Dと称することとする。
まず、表示制御装置1は、接触領域Tの少なくとも一部がオブジェクトOの表示領域B内にあるか否かを判定する(ステップS1)。表示領域B内にはない場合(ステップS1:No)には、表示領域B内であると判定されるまでステップS1を繰り返す。表示領域B内であると判定された場合(ステップS1:Yes)には、ドラッグ操作であるか否かを判定する(ステップS2)。
接触領域Tが移動するドラッグ操作である場合(ステップS2:Yes)には、接触領域Tの少なくとも一部が領域A内にあるか否かを判定する(ステップS3)。接触領域Tの少なくとも一部が領域A内にある場合(ステップS3:Yes)には、オブジェクトOを移動操作すると判定し、接触領域Tの移動方向Dに応じてオブジェクトOを移動させて表示する(ステップS4)。その後、ステップS1に戻って入力待ちをする。
一方、接触領域Tが領域A内にはないと判定された場合(ステップS3:No)、即ち領域A外にあると判定された場合には、接触領域Tの移動方向Dが第1角度範囲θ1内にあるか否かを判定する(ステップS5)。第1角度範囲θ1内にある場合(ステップS5:Yes)には、オブジェクトOを回転すると判定し、接触領域Tの移動方向Dに応じてオブジェクトOを中心C周りに回転させて表示する(ステップS6)。その後、ステップS1に戻って入力待ちをする。
一方、接触領域Tの移動方向Dが第1角度範囲θ1内にはない場合(ステップS5:No)には、移動方向DがオブジェクトOの中心Cから離れる方向であるか否かを判定する(ステップS7)。即ち、表示制御装置1は、接触領域Tの移動方向Dが第2角度範囲θ2の範囲内にあるか、或いは第3角度範囲θ3の範囲内にあるかを判定する(ステップS7)。
移動方向DがオブジェクトOの中心Cから離れる方向である場合、即ち、移動方向Dが第2角度範囲θ2の範囲内にあると判定した場合(ステップS7:Yes)には、オブジェクトOを拡大すると判定し、オブジェクトOを拡大させて表示する(ステップS8)。その後、ステップS1に戻って入力待ちをする。
一方、移動方向DがオブジェクトOの中心Cから離れる方向ではない場合、即ち、移動方向Dが第3角度範囲θ3の範囲内にあると判定した場合(ステップS7:No)には、オブジェクトOを縮小すると判定し、オブジェクトOを縮小して表示する(ステップS9)。その後、ステップS1に戻って入力待ちをする。
ステップS2において、ドラッグ操作ではない、即ちタップ操作であると判定した場合(ステップS2:No)には、接触領域Tの少なくとも一部が領域A内にあるか否かを判定する(ステップS10)。接触領域Tの少なくとも一部が領域A内にある場合(ステップS10:Yes)には、オブジェクトOを選択または編集すると判定し、オブジェクトOを選択または編集可能な状態にする(ステップS11)。その後、ステップS1に戻って入力待ちをする。
一方、接触領域Tが領域A内にはない、即ち領域A外にあると判定した場合(ステップS10:No)には、接触領域Tの少なくとも一部が領域B1内にあるか否かを判定する(ステップS12)。接触領域Tの少なくとも一部が領域B1内にある場合(ステップS12:Yes)には、オブジェクトOを縦(垂直)方向の中心線L1周りに傾斜させて表示する(ステップS13)。その後、ステップS1に戻って入力待ちをする。
一方、接触領域Tが領域B1内にはないと判定した場合(ステップS12:No)には、接触領域Tの少なくとも一部が領域B2内にあるか否かを判定する(ステップS14)。そして、接触領域Tの少なくとも一部が領域B2内にある場合(ステップS14:Yes)には、オブジェクトOを横(水平)方向の中心線L2周りに傾斜させて表示する(ステップS15)。接触領域Tが領域B2内にはない場合(ステップS14:No)またはステップS15の処理終了後は、ステップS1に戻って入力待ちをする。
このように、本実施形態によれば、拡大操作や縮小操作、回転操作、傾斜操作等を選択するための拡大ボタン、縮小ボタン、回転ボタン、傾斜ボタン等を用いずとも、オブジェクトOの表示領域B内においてドラッグ操作またはタップ操作するだけで、オブジェクトOの拡大、縮小、回転、傾斜の操作を行うことができる。これにより、1つのタッチポイントだけでオブジェクトOの移動、回転、拡大、縮小、傾斜を自動的に切替えることが可能となり、オブジェクトOを操作する際の利便性を向上させることができる。
本実施形態の表示制御装置1で実行されるプログラムは、インストール可能な形式又は実行可能な形式のファイルでCD−ROM、フレキシブルディスク(FD)、CD−R、DVD(Digital Versatile Disk)等のコンピュータで読み取り可能な記録媒体に記録されて提供される。
また、本実施形態の表示制御装置1で実行されるプログラムを、インターネット等のネットワークに接続されたコンピュータ上に格納し、ネットワーク経由でダウンロードさせることにより提供するように構成しても良い。また、本実施形態の表示制御装置1で実行されるプログラムをインターネット等のネットワーク経由で提供または配布するように構成しても良い。また、本実施形態のプログラムを、ROM等に予め組み込んで提供するように構成してもよい。
尚、上述では、接触領域Tが1つである場合(シングルタッチ)における表示制御処理について説明したが、接触領域Tが複数である場合(マルチタッチ)であっても、それぞれの接触領域Tに対応させて、上述と同様の表示制御処理を行うとしてもよい。
また、接触領域Tの移動速度や加速度に応じてオブジェクトOを移動または回転させて、接触物がタッチパネル15から離れても移動速度および加速度に応じた距離だけオブジェクトOを移動または回転させるとしてもよい。このようにオブジェクトOの移動や回転に慣性を持たせることで、実体を移動させる感覚でオブジェクトOを移動させることが可能となる。さらに、拡大・縮小操作にも上述と同様の慣性を持たせるとしてもよい。
また、上述では、移動方向D2が所定の角度範囲内にある場合に、オブジェクトOを回転させるとしたが、回転操作を行うか拡大・縮小操作を行うかの判断基準はその他の基準であってもよい。その他の例としては、接触領域Tの移動前後において、オブジェクトOの中心Cと、接触領域T内の1点との間の距離の変化分が所定の距離範囲内である場合には、オブジェクトOを移動または回転させて、当該変化分が所定の距離より大きい場合には、オブジェクトOを拡大させて、当該変化分が所定の距離より小さい場合には、オブジェクトOを縮小させるとしてもよい。
さらに、上述では、第1角度範囲θ1、第2角度範囲θ2、第3角度範囲θ3に対して共通の角度αを用いて同一の角度範囲としたが、第1角度範囲θ1、第2角度範囲θ2、第3角度範囲θ3の角度範囲はそれぞれ異なるものとしてもよい。
なお、本発明は、上記実施形態そのままに限定されるものではなく、実施段階ではその要旨を逸脱しない範囲で構成要素を変形して具体化することができる。また、上記実施形態に開示されている複数の構成要素の適宜な組み合わせにより、種々の発明を形成することができる。例えば、実施形態に示される全構成要素からいくつかの構成要素を削除してもよい。さらに、異なる実施形態にわたる構成要素を適宜組み合わせても良い。
1 表示制御装置
A 領域(所定の領域)
B 表示領域
O、O’、O” オブジェクト
T 接触領域
C、C’ 中心(オブジェクトの中心)
14 ディスプレイ
D1、D2、D3、D4 移動方向
θ1 第1角度範囲
θ2 第2角度範囲
θ3 第3角度範囲
L1、L2 中心線
P1、P2、P3、P4 頂点
B1、B2 領域(第2領域)
A 領域(所定の領域)
B 表示領域
O、O’、O” オブジェクト
T 接触領域
C、C’ 中心(オブジェクトの中心)
14 ディスプレイ
D1、D2、D3、D4 移動方向
θ1 第1角度範囲
θ2 第2角度範囲
θ3 第3角度範囲
L1、L2 中心線
P1、P2、P3、P4 頂点
B1、B2 領域(第2領域)
Claims (9)
- 表示器の表示座標と対応する入力座標を有するタッチパネルにおいて、接触物が接触した接触領域の少なくとも一部が、前記表示器に表示されたオブジェクト自体を表示する表示領域内に設けられた所定の領域内にあるか否かを判定する領域判定手段と、
前記接触領域の移動方向を判定する方向判定手段と、
前記接触領域の一部が前記オブジェクトの表示領域内にあるが、前記所定の領域外にある場合であって、且つ、前記接触領域が前記オブジェクトの中心から離れる方向に前記オブジェクトの外側に向かって移動する場合に、前記オブジェクトを拡大表示させる表示制御手段と、
を備えることを特徴とする表示制御装置。 - 表示器の表示座標と対応する入力座標を有するタッチパネルにおいて、接触物が接触した接触領域の少なくとも一部が、前記表示器に表示されたオブジェクト自体を表示する表示領域内に設けられた所定の領域内にあるか否かを判定する領域判定手段と、
前記接触領域の移動方向を判定する方向判定手段と、
前記接触領域の一部が前記オブジェクトの表示領域内にあるが、前記所定の領域外にある場合であって、且つ、前記接触領域が前記オブジェクトの中心に向かって移動する場合に、前記オブジェクトを縮小表示させる表示制御手段と、
を備えることを特徴とする表示制御装置。 - 前記領域判定手段が判定に用いる前記所定の領域は、前記オブジェクトの表示領域の中心をその中心とし、前記オブジェクトの表示領域のサイズに対して所定の割合の長さをその半径とする円の内部の領域であること、
を特徴とする請求項1または2に記載の表示制御装置。 - 前記領域判定手段が判定に用いる前記所定の領域は、前記オブジェクトの表示領域の中心をその中心とし、前記オブジェクトの表示領域のサイズに対して所定の割合のサイズである、前記オブジェクトと相似形の内部の領域であること、
を特徴とする請求項1または2に記載の表示制御装置。 - 前記表示制御手段は、前記接触領域の少なくとも一部が前記オブジェクトの表示領域内にあるが、前記所定の領域外にある場合であって、且つ、前記接触領域が、前記オブジェクトの表示領域の中心と前記接触領域内の1点とを結ぶ直線と直交する方向を中心とする所定の角度範囲内の方向に移動する場合に、前記オブジェクトを前記オブジェクトの表示領域の中心周りに回転させること、を特徴とする請求項1ないし4のいずれか1つに記載の表示制御装置。
- 前記領域判定手段は、前記接触領域の少なくとも一部が第2領域にあるか否かを判定し、
前記表示制御手段は、前記接触物の前記接触領域の少なくとも一部が前記第2領域内にある状態でタップ操作された場合に、前記オブジェクトを前記表示器の画面奥行方向に傾斜させて表示させること、
を特徴とする請求項1ないし5のいずれか1つに記載の表示制御装置。 - 前記領域判定手段が判定に用いる前記第2領域は、前記所定の領域外にある前記表示領域内において、前記オブジェクトの中心に対して対称に設けられた領域であること、
を特徴とする請求項6に記載の表示制御装置。 - 表示制御装置において、
表示器の表示座標と対応する入力座標を有するタッチパネルにおいて、接触物が接触した接触領域の少なくとも一部が、前記表示器に表示されたオブジェクト自体を表示する表示領域内に設けられた所定の領域内にあるか否かを判定する領域判定工程と、
前記接触領域の移動方向を判定する方向判定工程と、
前記接触領域の一部が前記オブジェクトの表示領域内にあるが、前記所定の領域外にある場合であって、且つ、前記接触領域が前記オブジェクトの中心から離れる方向に前記オブジェクトの外側に向かって移動する場合に、前記オブジェクトを拡大表示させる表示制御工程と、
を含むことを特徴とする表示制御方法。 - 表示制御装置において、
表示器の表示座標と対応する入力座標を有するタッチパネルにおいて、接触物が接触した接触領域の少なくとも一部が、前記表示器に表示されたオブジェクト自体を表示する表示領域内に設けられた所定の領域内にあるか否かを判定する領域判定工程と、
前記接触領域の移動方向を判定する方向判定工程と、
前記接触領域の一部が前記オブジェクトの表示領域内にあるが、前記所定の領域外にある場合であって、且つ、前記接触領域が前記オブジェクトの中心に向かって移動する場合に、前記オブジェクトを縮小表示させる表示制御工程と、
を含むことを特徴とする表示制御方法。
Priority Applications (2)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
JP2010293456A JP4908626B1 (ja) | 2010-12-28 | 2010-12-28 | 表示制御装置および表示制御方法 |
US13/184,185 US8587543B2 (en) | 2010-12-28 | 2011-07-15 | Display control device and display control method |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
JP2010293456A JP4908626B1 (ja) | 2010-12-28 | 2010-12-28 | 表示制御装置および表示制御方法 |
Publications (2)
Publication Number | Publication Date |
---|---|
JP4908626B1 true JP4908626B1 (ja) | 2012-04-04 |
JP2012141739A JP2012141739A (ja) | 2012-07-26 |
Family
ID=46170908
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
JP2010293456A Expired - Fee Related JP4908626B1 (ja) | 2010-12-28 | 2010-12-28 | 表示制御装置および表示制御方法 |
Country Status (2)
Country | Link |
---|---|
US (1) | US8587543B2 (ja) |
JP (1) | JP4908626B1 (ja) |
Families Citing this family (21)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US9513403B2 (en) * | 2009-07-27 | 2016-12-06 | Peck Labs, Inc | Methods and systems for displaying customized icons |
US8988467B2 (en) * | 2011-10-13 | 2015-03-24 | Microsoft Technology Licensing, Llc | Touchscreen selection visual feedback |
TW201319921A (zh) * | 2011-11-07 | 2013-05-16 | Benq Corp | 觸控螢幕畫面控制方法及觸控螢幕畫面顯示方法 |
KR20130082352A (ko) * | 2012-01-11 | 2013-07-19 | 삼성전자주식회사 | 터치스크린을 구비하는 전자기기에서 화면을 확대하기 위한 장치 및 방법 |
JP2014010777A (ja) * | 2012-07-02 | 2014-01-20 | Fujitsu Ltd | 表示プログラム、表示方法、及び情報処理装置 |
US10222975B2 (en) * | 2012-08-27 | 2019-03-05 | Apple Inc. | Single contact scaling gesture |
WO2014047922A1 (zh) | 2012-09-29 | 2014-04-03 | 华为终端有限公司 | 一种电子设备及控制显示对象缩放的方法 |
JP6091908B2 (ja) * | 2013-01-23 | 2017-03-08 | Kddi株式会社 | 端末装置及び表示プログラム |
JP2014217032A (ja) * | 2013-04-30 | 2014-11-17 | ソニー株式会社 | 画像処理装置、画像処理方法、及び、プログラム |
KR102134443B1 (ko) | 2013-05-03 | 2020-07-15 | 삼성전자주식회사 | 전자 기기 및 제어 동작에 기초한 전자 기기의 화면 조작 방법 |
JP6421967B2 (ja) * | 2013-12-11 | 2018-11-14 | 株式会社大一商会 | 遊技機 |
WO2015159547A1 (ja) * | 2014-04-18 | 2015-10-22 | 日本電気株式会社 | 情報処理システム、制御方法、及びプログラム記録媒体 |
US9436369B2 (en) * | 2014-09-26 | 2016-09-06 | Disney Enterprises, Inc. | Touch interface for precise rotation of an object |
JP2016146076A (ja) * | 2015-02-09 | 2016-08-12 | 株式会社東海理化電機製作所 | 入力装置 |
JP2017004338A (ja) * | 2015-06-12 | 2017-01-05 | クラリオン株式会社 | 表示装置 |
JP6708948B2 (ja) | 2016-01-21 | 2020-06-10 | 日本電気株式会社 | ブロックストレージ |
CN111610858B (zh) * | 2016-10-26 | 2023-09-19 | 创新先进技术有限公司 | 基于虚拟现实的交互方法及装置 |
CN106354418B (zh) * | 2016-11-16 | 2019-07-09 | 腾讯科技(深圳)有限公司 | 一种基于触摸屏的操控方法和装置 |
JP6528031B2 (ja) * | 2017-10-31 | 2019-06-12 | 株式会社大一商会 | 遊技機 |
CN110321190B (zh) * | 2019-04-19 | 2022-04-29 | 珠海天燕科技有限公司 | 一种桌面中图标优化的方法及装置 |
JP6978540B2 (ja) | 2020-03-31 | 2021-12-08 | 株式会社バンダイ | プログラム、端末、及びゲームシステム |
Citations (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2002328040A (ja) * | 2001-05-01 | 2002-11-15 | Sony Corp | ナビゲーション装置、情報表示装置、画像の縮尺変更方法、記憶媒体、プログラム |
Family Cites Families (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2643045B2 (ja) | 1991-10-31 | 1997-08-20 | 富士通株式会社 | 表示拡大縮小方式 |
JP3595060B2 (ja) | 1996-03-11 | 2004-12-02 | 松下電器産業株式会社 | 図形操作装置 |
JP4080125B2 (ja) | 2000-01-21 | 2008-04-23 | 正昭 宮田 | 情報処理装置およびマウス |
US7454707B2 (en) * | 2002-09-30 | 2008-11-18 | Canon Kabushiki Kaisha | Image editing method, image editing apparatus, program for implementing image editing method, and recording medium recording program |
JP4215549B2 (ja) * | 2003-04-02 | 2009-01-28 | 富士通株式会社 | タッチパネル・モードとポインティング・デバイス・モードで動作する情報処理装置 |
KR100835956B1 (ko) * | 2006-12-04 | 2008-06-09 | 삼성전자주식회사 | 이동통신 단말기의 이미지 처리 방법 |
TW201109994A (en) * | 2009-09-10 | 2011-03-16 | Acer Inc | Method for controlling the display of a touch screen, user interface of the touch screen, and electronics using the same |
-
2010
- 2010-12-28 JP JP2010293456A patent/JP4908626B1/ja not_active Expired - Fee Related
-
2011
- 2011-07-15 US US13/184,185 patent/US8587543B2/en not_active Expired - Fee Related
Patent Citations (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2002328040A (ja) * | 2001-05-01 | 2002-11-15 | Sony Corp | ナビゲーション装置、情報表示装置、画像の縮尺変更方法、記憶媒体、プログラム |
Also Published As
Publication number | Publication date |
---|---|
JP2012141739A (ja) | 2012-07-26 |
US20120162103A1 (en) | 2012-06-28 |
US8587543B2 (en) | 2013-11-19 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
JP4908626B1 (ja) | 表示制御装置および表示制御方法 | |
JP6130096B2 (ja) | タッチスクリーン端末機及びその端末機における画面ディスプレーの制御方法 | |
JP5703873B2 (ja) | 情報処理装置、情報処理方法およびプログラム | |
KR102004858B1 (ko) | 정보 처리 장치, 정보 처리 방법 및 프로그램 | |
EP2703977A2 (en) | Method and apparatus for controlling image display in an electronic device | |
CN110716687B (zh) | 在便携设备上显示画面的方法和装置 | |
JP5400578B2 (ja) | 表示制御装置、及びその制御方法 | |
WO2018198703A1 (ja) | 表示装置 | |
JP2019109802A (ja) | 表示装置、画像処理装置及びプログラム | |
CN108139847B (zh) | 显示装置 | |
TWI442305B (zh) | 多點控制的操作方法及其控制系統 | |
US9632697B2 (en) | Information processing apparatus and control method thereof, and non-transitory computer-readable medium | |
JP5835240B2 (ja) | 情報処理装置、情報処理方法及びプログラム | |
JP2004280532A (ja) | 選択領域制御装置、選択領域制御方法及び選択領域制御プログラム | |
JP6161290B2 (ja) | 表示制御装置、表示制御方法及びそのプログラム | |
JP2005293292A (ja) | 情報処理装置及びカーソル制御プログラム | |
JP5867094B2 (ja) | 情報処理装置、情報処理方法及びプログラム | |
JP6351971B2 (ja) | 情報処理装置、情報処理方法及びプログラム | |
JP7247554B2 (ja) | 表示装置および表示方法 | |
JP2015022675A (ja) | 電子機器、インターフェース制御方法、および、プログラム | |
JP2013246658A (ja) | 表示制御装置および表示制御方法 | |
JP5998700B2 (ja) | 情報機器 | |
JP2016114857A (ja) | 情報処理装置、その制御方法、プログラム、及び記憶媒体 | |
JP6872985B2 (ja) | ゲームプログラム、記録媒体、ゲーム処理方法 | |
JP7196246B2 (ja) | ユーザインターフェース処理プログラム、記録媒体、ユーザインターフェース処理方法 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
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 |
|
A61 | First payment of annual fees (during grant procedure) |
Free format text: JAPANESE INTERMEDIATE CODE: A61 Effective date: 20120112 |
|
FPAY | Renewal fee payment (event date is renewal date of database) |
Free format text: PAYMENT UNTIL: 20150120 Year of fee payment: 3 |
|
FPAY | Renewal fee payment (event date is renewal date of database) |
Free format text: PAYMENT UNTIL: 20150120 Year of fee payment: 3 |
|
LAPS | Cancellation because of no payment of annual fees |