(57)【特許請求の範囲】
【請求項１】
タッチパネルディスプレイを備え、所定のエリアをタッチエリアとして設定してタッチ操作を受付可能であり、複数のタッチエリアの間隔を所定量よりも狭めるタッチ操作が行われたときに、間隔を広げるように同タッチエリアの表示位置を変更する電子機器の制御装置であって、
レイヤの設定が可能であるとともに、オブジェクトに対して、拡縮の機能に対する第１のタッチエリアと、移動の機能に対する第２のタッチエリアを設定可能であり、前記第１のタッチエリアをタッチ操作することで、前記タッチパネルディスプレイに表示される前記オブジェクトの表示上の大きさを変更し、前記第１のタッチエリアと前記第２のタッチエリアとが重なるときには、前記第２のタッチエリアのレイヤを前記第１のタッチエリアのレイヤよりも優先させることを特徴とする電子機器の制御装置。
【請求項２】
タッチパネルディスプレイを備え、所定のエリアをタッチエリアとして設定してタッチ操作を受付可能であり、複数のタッチエリアの間隔を所定量よりも狭めるタッチ操作が行われたときに、間隔を広げるように同タッチエリアの表示位置を変更する電子機器の制御装置であって、
レイヤの設定が可能であるとともに、オブジェクトごとにタッチエリアを設定し、前記タッチエリアをタッチ操作することで、前記タッチパネルディスプレイに表示される対応するオブジェクトの表示上の大きさを変更し、
異なるレイヤの前記オブジェクトが重なった場合、下のレイヤのオブジェクトに対する操作用のタッチエリアのレイヤを、上のレイヤのオブジェクトよりも上とすることを特徴とする電子機器の制御装置。
【請求項３】
オブジェクトに設定される枠内をタッチ操作すると、前記第１のタッチエリアと前記第２のタッチエリアが操作可能な状態に変更され、前記枠以外の領域をタッチ操作すると、前記第１のタッチエリアと前記第２のタッチエリアが操作不可能な状態に変更され、操作可能な状態の前記タッチエリアをタッチ操作することで、前記タッチパネルディスプレイに表示される前記オブジェクトの表示上の大きさを変更することを特徴とする請求項１に記載の電子機器の制御装置。
【請求項４】
前記第１のタッチエリアと前記第２のタッチエリアとが重なるときには、前記第２のタッチエリアのレイヤを前記第１のタッチエリアのレイヤよりも優先させることを特徴とする請求項１に記載の電子機器の制御装置。
【請求項５】
レイヤの設定が可能であるとともに、異なるレイヤの前記オブジェクトが重なった場合、それぞれに設定される前記タッチエリアのレイヤを変更し、下のレイヤのオブジェクトに対する操作用のタッチエリアのレイヤを、上のレイヤのオブジェクトよりも上とすることを特徴とする請求項３に記載の電子機器の制御装置。
【請求項６】
前記オブジェクトに対して、拡縮の機能に対する第１のタッチエリアと、移動の機能に対する第２のタッチエリアを設定可能であり、前記第１のタッチエリアと前記第２のタッチエリアとが重なるときには、前記第２のタッチエリアのレイヤを前記第１のタッチエリアのレイヤよりも優先させることを特徴とする請求項２に記載の電子機器の制御装置。
【請求項７】
異なるレイヤの前記オブジェクトが重なった場合、それぞれに設定される前記タッチエリアのレイヤを変更し、下のレイヤのオブジェクトに対する操作用のタッチエリアのレイヤを、上のレイヤのオブジェクトよりも上とすることを特徴とする請求項４に記載の電子機器の制御装置。
【請求項８】
異なるレイヤの前記オブジェクトが重なった場合、それぞれに設定される前記タッチエリアのレイヤを変更し、下のレイヤのオブジェクトに対する操作用のタッチエリアのレイヤを、上のレイヤのオブジェクトよりも上とすることを特徴とする請求項６に記載の電子機器の制御装置。
【請求項９】
タッチパネルディスプレイを備え、所定のエリアをタッチエリアとして設定してタッチ操作を受付可能であり、複数のタッチエリアの間隔を所定量よりも狭めるタッチ操作が行われたときに、間隔を広げるように同タッチエリアの表示位置を変更する電子機器の制御プログラムであって、
レイヤの設定が可能であるとともに、オブジェクトに対して、拡縮の機能に対する第１のタッチエリアと、移動の機能に対する第２のタッチエリアを設定可能であり、前記第１のタッチエリアをタッチ操作することで、前記タッチパネルディスプレイに表示される前記オブジェクトの表示上の大きさを変更し、前記第１のタッチエリアと前記第２のタッチエリアとが重なるときには、前記第２のタッチエリアのレイヤを前記第１のタッチエリアのレイヤよりも優先させることを特徴とする電子機器の制御プログラム。
【請求項１０】
タッチパネルディスプレイを備え、所定のエリアをタッチエリアとして設定してタッチ操作を受付可能であり、複数のタッチエリアの間隔を所定量よりも狭めるタッチ操作が行われたときに、間隔を広げるように同タッチエリアの表示位置を変更する電子機器の制御プログラムであって、
レイヤの設定が可能であるとともに、オブジェクトごとにタッチエリアを設定し、前記タッチエリアをタッチ操作することで、前記タッチパネルディスプレイに表示される対応するオブジェクトの表示上の大きさを変更し、
異なるレイヤの前記オブジェクトが重なった場合、下のレイヤのオブジェクトに対する操作用のタッチエリアのレイヤを、上のレイヤのオブジェクトよりも上とすることを特徴とする電子機器の制御プログラム。
【請求項１１】
オブジェクトに設定される枠内をタッチ操作すると、前記第１のタッチエリアと前記第２のタッチエリアが操作可能な状態に変更され、前記枠以外の領域をタッチ操作すると、前記第１のタッチエリアと前記第２のタッチエリアが操作不可能な状態に変更され、操作可能な状態の前記タッチエリアをタッチ操作することで、前記タッチパネルディスプレイに表示される前記オブジェクトの表示上の大きさを変更することを特徴とする請求項９に記載の電子機器の制御プログラム。
【発明の詳細な説明】
【技術分野】
【０００１】
本発明は、電子機器の制御装置および制御プログラムに関し、特に、タッチパネルディスプレイを備え、所定のエリアをタッチエリアとして設定してタッチ操作を受付可能な電子機器の制御装置および制御プログラムに関する。
【背景技術】
【０００２】
タッチパネルディスプレイを備え、所定のエリアをタッチエリアとして設定してタッチ操作を受付可能な電子機器が利用されている。
タッチパネルディスプレイは、文字を含む所定の画像を表示可能であり、それぞれの画像はオブジェクトと呼ばれる。このような電子機器では、各オブジェクトをタッチパネルディスプレイ上で拡大したり、縮小したり、移動するといった画像編集が利用できる。拡大や縮小の機能は総じて拡縮と呼ばれる。
【０００３】
拡縮の操作では、オブジェクトの画像を囲む四角形の枠線を表示し、四隅のそれぞれに正方形のタッチエリアを設定し、このタッチエリアをドラッグして対角線方向に移動させる。元々のタッチエリアの間の距離が狭まったり広まったりするのに合わせて、オブジェクトの画像を拡大したり、縮小したりする。
【先行技術文献】
【特許文献】
【０００４】
【特許文献１】特開２０１５−１０８９０１号公報
【発明の概要】
【発明が解決しようとする課題】
【０００５】
四隅のタッチエリアは、オブジェクトの画像を縮小するのに従って近接する。従って、充分に画像が小さくなると、タッチエリアが近づいて隣接し、さらに小さくすればタッチエリア同士が重なってしまう。あるいは、重ならない程度で縮小を禁止させなければならない。タッチエリアが近づきすぎた状態では、一つ一つのタッチエリアを個別にタッチすることも難しい。
【０００６】
本発明では、タッチエリアの操作をしやすくする。
【課題を解決するための手段】
【０００７】
本発明は、タッチパネルディスプレイを備え、所定のエリアをタッチエリアとして設定してタッチ操作を受付可能であり、複数のタッチエリアの間隔を所定量よりも狭めるタッチ操作が行われたときに、間隔を広げるように同タッチエリアの表示位置を変更する電子機器の制御装置であって、レイヤの設定が可能であるとともに、オブジェクトに対して、拡縮の機能に対する第１のタッチエリアと、移動の機能に対する第２のタッチエリアを設定可能であり、前記第１のタッチエリアをタッチ操作することで、前記タッチパネルディスプレイに表示される前記オブジェクトの表示上の大きさを変更し、前記第１のタッチエリアと前記第２のタッチエリアとが重なるときには、前記第２のタッチエリアのレイヤを前記第１のタッチエリアのレイヤよりも優先させる構成としてある。
また、タッチパネルディスプレイを備え、所定のエリアをタッチエリアとして設定してタッチ操作を受付可能であり、複数のタッチエリアの間隔を所定量よりも狭めるタッチ操作が行われたときに、間隔を広げるように同タッチエリアの表示位置を変更する電子機器の制御装置であって、レイヤの設定が可能であるとともに、オブジェクトごとにタッチエリアを設定し、前記タッチエリアをタッチ操作することで、前記タッチパネルディスプレイに表示される対応するオブジェクトの表示上の大きさを変更し、異なるレイヤの前記オブジェクトが重なった場合、下のレイヤのオブジェクトに対する操作用のタッチエリアのレイヤを、上のレイヤのオブジェクトよりも上とする構成としてある。
さらに、タッチパネルィスプレイを備え、所定のエリアをタッチエリアとして設定してタッチ操作を受付可能な電子機器の制御装置であって、オブジェクトに設定される枠内をタッチ操作すると、前記第１のタッチエリアと前記第２のタッチエリアが操作可能な状態に変更され、前記枠以外の領域をタッチ操作すると、前記第１のタッチエリアと前記第２のタッチエリアが操作不可能な状態に変更され、操作可能な状態の前記タッチエリアをタッチ操作することで、前記タッチパネルディスプレイに表示される前記オブジェクトの表示上の大きさを変更する構成としてある。
【０００８】
前記構成において、タッチパネルディスプレイを備え、所定のエリアをタッチエリアとして設定してタッチ操作を受付可能であり、複数のタッチエリアの間隔を所定量よりも狭めるタッチ操作が行われたときに、間隔を広げるように同タッチエリアの表示位置を変更する前記電子機器の制御装置において、以下の制御を行う。
レイヤの設定が可能であるとともに、オブジェクトに対して、拡縮の機能に対する第１のタッチエリアと、移動の機能に対する第２のタッチエリアを設定可能である。前記第１のタッチエリアをタッチ操作することで、前記タッチパネルディスプレイに表示される前記オブジェクトの表示上の大きさを変更し、前記第１のタッチエリアと前記第２のタッチエリアとが重なるときには、前記第２のタッチエリアのレイヤを前記第１のタッチエリアのレイヤよりも優先させる。
また、レイヤの設定が可能であるとともに、オブジェクトごとにタッチエリアを設定し、前記タッチエリアをタッチ操作することで、前記タッチパネルディスプレイに表示される対応するオブジェクトの表示上の大きさを変更する。異なるレイヤの前記オブジェクトが重なった場合、下のレイヤのオブジェクトに対する操作用のタッチエリアのレイヤを、上のレイヤのオブジェクトよりも上とする。
さらに、オブジェクトに設定される枠内をタッチ操作すると、前記第１のタッチエリアと前記第２のタッチエリアが操作可能な状態に変更され、前記枠以外の領域をタッチ操作すると、前記第１のタッチエリアと前記第２のタッチエリアが操作不可能な状態に変更され、操作可能な状態の前記タッチエリアをタッチ操作することで、前記タッチパネルディスプレイに表示される前記オブジェクトの表示上の大きさを変更する。
【図面の簡単な説明】
【０００９】
【図１】本発明が適用される電子機器の概略ブロック図である。
【図２】電子機器の機能ブロック図である。
【図３】オブジェクト描画の処理のフローチャートである。
【図４】タッチエリア座標計算の処理のフローチャートである。
【図５】タッチディスプレイの表示例を示している。
【図６】拡縮用タッチエリアを単独で示している。
【図７】縮小前のオブジェクトの表示を示す図である。
【図８】縮小途中のオブジェクトの表示を示す図である。
【図９】縮小後のオブジェクトの表示を示す図である。
【図１０】移動用タッチエリアと拡縮用タッチエリアが重なる前の状態を示す図である。
【図１１】移動用タッチエリアと拡縮用タッチエリアが重なった後の状態を示す図である。
【図１２】移動用タッチエリアと拡縮用タッチエリアのレイヤ変化を示す図である。
【図１３】大小のオブジェクトが重なり合う場合のオブジェクト描画の処理のフローチャートである。
【図１４】大小のオブジェクトが重なる前の表示を示す図である。
【図１５】大小のオブジェクトの重なった直後の表示を示す図である。
【図１６】大小のオブジェクトの重なった後に操作性を改善させた表示を示す図である。
【図１７】オブジェクトのアクティブ判定の処理のフローチャートである。
【図１８】複数のオブジェクトのタッチ前の表示を示す図である。
【図１９】複数のオブジェクトの他方のタッチ中の表示を示す図である。
【図２０】複数のオブジェクトの他方のタッチ後の表示を示す図である。
【図２１】複数のオブジェクトの枠外のタッチ後の表示を示す図である。
【発明を実施するための形態】
【００１０】
（第１実施例）
以下、図面にもとづいて本発明の実施形態を説明する。
図１は、本発明の一実施形態にかかる制御装置が適用される電子機器をブロック図により示している。
同図において、タブレット端末である電子機器１０は、タッチパネルディスプレイ２０と、制御回路４０と、通信ユニット５０と、記憶デバイス６０とを備えている。制御回路４０は、内部にＣＰＵ４１と、ＲＡＭ４２と、不揮発性メモリー４３とを備えている。制御回路４０は、ＲＡＭ４２をワーク領域として、不揮発性メモリー４３や記憶デバイス６０に記憶されているプログラムを実行し、タッチパネルディスプレイ２０と、通信ユニット５０を制御する。そして、同プログラムで提供される各種の機能を実現する。
【００１１】
図２は、電子機器１０の機能ブロック図である。
タッチパネルディスプレイ２０は、タッチ入力デバイス２１と、ディスプレイ２２とを備えており、タッチ操作を受付可能であり、所定の画像を表示する。制御回路４０は、前記タッチ入力デバイス２１とディスプレイ２２とに接続され、所定のプログラムを実行することでタッチ制御部４４と表示制御部４５とを実現している。制御回路４０は、機能的には主制御部４６を実現している。
【００１２】
次に、前記構成からなる本実施形態の動作を説明する。
図３は、オブジェクト描画に対応するフローチャートであり、図４は、タッチエリア座標計算に対応するフローチャートである。
図５は、タッチディスプレイの表示例を示している。
タッチパネルディスプレイ２０は、所定の画像を表示可能であり、操作用の画像を表示し、同画像へのタッチ操作を受け付けることで所定の操作入力と判断することができる。この例では、下方に操作領域２３が配置され、残りの上方に画像を表示している。
【００１３】
画像は、イラスト、編集可能なテキストボックス、編集不可能なイラスト文字、背景、写真などが該当し、それぞれは一種のオブジェクトとして管理されている。オブジェクトは、これらの画像に加え、操作のための枠線や、タッチエリアも含んでいる。
図には、編集可能なテキストボックス２５と、操作用の拡縮用タッチエリア２６と移動用タッチエリア２７と、枠線２８とが表示されている。
【００１４】
テキストボックス２５内の文字は編集が可能であり、プロパティで指定されるフォントや色大きさなどに応じて表示されるが、詳しいことは省略する。テキストボックス２５の外形はプロパティによって表示されたり表示されなくなるが、これとは別にこのオブジェクトがアクティブになったときには枠線２８が表示され、非アクティブとなったときには枠線２８は非表示となる。枠線２８はオブジェクトを囲むことができる最小の大きさの矩形として表示される。枠線２８は、各オブジェクトに設定される領域の枠を示す線である。
【００１５】
枠線２８の四隅には細線で囲まれる正方形の拡縮用タッチエリア２６が表示され、それぞれ斜め方向に向けた両端矢印が表示される。両端矢印はそれぞれの拡縮用タッチエリア２６の移動方向を示しており、一方の矢印は枠線２８の内側を指し、他方の矢印は枠線２８の外側を指している。この両端矢印により、ユーザーに対してこの拡縮用タッチエリア２６を矢印方向にドラッグすることが可能であることを暗示し、拡大あるいは縮小のためにこの操作を促すことになる。
【００１６】
図６は、拡縮用タッチエリアを単独で示している。
拡縮用タッチエリア２６は所定のルールに従った一定の大きさの正方形として表示される。この例では、ある一定の大きさの正方形として表示されるものの、その周囲には他の拡縮用タッチエリア２６と隣接したときに隙間が見えるようになっている。すなわち、実際のタッチエリアの正方形よりも内側に表示用の細線の正方形が表示される。なお、このような表示は一例に過ぎず、実際のタッチエリアの正方形の大きさのまま外縁に表示用の細線の正方形を表示し、隣接したときに隙間が表示されないようにすることも可能である。
【００１７】
矩形の枠線２８のほぼ中心には、移動用タッチエリア２７が表示されている。移動用タッチエリア２７には、正方形を４５度回転させた細線の菱形が表示されており、その内側には各端に矢印が形成された十字矢印が表示されている。この十時矢印により、ユーザーに対してこの移動用タッチエリア２７を矢印方向にドラッグすることが可能であることを暗示し、上下方向および横方向への操作を促すことになる。
【００１８】
次に、ユーザーがタッチ操作を行なう場合の表示例について説明する。
図３のフローチャートを参照すると、オブジェクトを描画するため、ＣＰＵ４１は、
Ｓ１００にて、オブジェクトを表示する。このオブジェクトとは、上述した編集可能なテキストボックス２７などである。次に、Ｓ１０５にて、オブジェクトがアクティブか判断する。アクティブか否かの判断は後述するが、アクティブである場合には、枠線２８や、拡縮用タッチエリア２６と移動用タッチエリア２７を表示することになる。このため、ＣＰＵ４１は、Ｓ１１０にてそれぞれのタッチエリアの座標を計算する。タッチエリアの座標の計三語、ＣＰＵ４１は、Ｓ１１５にて、それぞれのタッチエリア（２６，２７）を表示し、Ｓ１２０にて枠線２８を表示する。なお、拡縮用タッチエリア２６を表示して操作を受け付け可能とする処理は、複数のタッチエリアの間隔を変更する操作を受け付ける工程に相当する。
【００１９】
図４は、タッチエリア座標計算の処理のフローチャートである。
タッチエリアの座標は、オブジェクトの表示位置に依存するため、ＣＰＵ４１は、Ｓ２００にて、オブジェクト（２５）のパラメータを取得する。オブジェクト（２５）は、表示上の外形を示す座標値を備えている。通常は、枠線２８の四隅の座標値と一致する。四隅の座標値でも良いが、通常は、ＸＹ座標系を前提として、左上の（Ｘ，Ｙ）座標値と、右方向の幅値ｗと、下方向の高さ値ｈとを備えている。そして、これらの情報を元にしてＣＰＵ４１は、Ｓ２０５にて四隅の枠の座標（x0,y0）（x1,y0）（x0,y1）（x1,y1）を計算して求めている。四隅の枠の座標を計算したら、Ｓ２１０にて、四隅の拡縮用タッチエリア２６の座標を計算する。拡縮用タッチエリア２６自体も四角の領域であり、左上の（Ｘ，Ｙ）座標値と、右方向の幅値ｗと、下方向の高さ値ｈとで位置と大きさが特定される。通常は、オブジェクトの四隅の枠の座標（x0,y0）（x1,y0）（x0,y1）（x1,y1）が、それぞれのタッチエリアの中心となるように、位置と大きさを特定する計算を行う。四隅の拡張用タッチエリア２６のそれぞれについて、四隅の座標を求めたら、ＣＰＵ４１は、Ｓ２１５にて、間隔が２ｍｍ以下となっているか判断する。ここでの間隔とは、図６で示したように、本来のタッチエリアとしては接していても、細線で表示される正方形同士が離れて見えるようにする間隔を指している。むろん、この２ｍｍとは一例に過ぎず、タッチパネルディスプレイ２０の実寸に応じて適宜選択すればよい。なお、間隔が２ｍｍ以下となっているか判断する処理は、複数のタッチエリアの間隔が所定量よりも狭めるタッチ操作であるか判断する工程に相当する。
【００２０】
ここで、図７は、縮小前のオブジェクトの表示を示す図であり、図８は、縮小途中のオブジェクトの表示を示す図であり、図９は、縮小後のオブジェクトの表示を示す図である。これらの図においては、それぞれのタッチエリアの中心が分かりやすいように、斜めの矢印を記載せず、対向する対角線同士を結んでＸ字状のクロス線を示している。
図７に示すように、縮小前は四隅の拡張用タッチエリア２６は、それぞれが充分に離れている。この場合は、Ｓ２２０の処理を実行することなく、既に求めた四隅の拡張用タッチエリア２６の座標を特定し、Ｓ２２５にて拡縮用タッチエリアのパラメータとして設定する。すなわち、四隅の拡張用タッチエリア２６の中心が、オブジェクトの四隅の枠の座標（x0,y0）（x1,y0）（x0,y1）（x1,y1）と一致する位置に決定される。
【００２１】
図８に示すように、縮小中であっても、Ｓ２１５にて間隔が２ｍｍ以下となっていない場合も、同様である。
しかし、図９に示すように、オブジェクト（２５）を非常に小さくなるまで縮小する操作をしたときは、Ｓ２１５での計算上では、間隔が２ｍｍ以下となってしまう。このまま表示すれば、拡縮用タッチエリア２６は重なって表示されることになる。
【００２２】
すると、ＣＰＵ４１は、Ｓ２２０にて、拡縮用タッチエリアの座標を再計算する。この再計算では、間隔が２ｍｍとなるように中心位置をずらすための再計算である。間隔が２ｍｍであるときは、図６で示したようにタッチエリア同士が接する状態である。例えば、図６に示すように表示上の隙間を持たないように細線の正方形を描画する場合であれば、表示の観点から隙間を設けようとするのであれば、タッチエリア同士が接する前に隙間を設けることになる。このように、間隔が２ｍｍとなるように中心位置をずらすための再計算する処理は、複数のタッチエリアの間隔が所定量よりも狭めるタッチ操作であると判断したときに前記タッチエリアの間隔を広げるように同タッチエリアの表示位置を変更する工程に相当する。
【００２３】
図９では、枠線２８の四隅が各拡縮用タッチエリア２６の中心（クロス線の交差点と）と一致してない。
すなわち、複数の拡縮用タッチエリア２６の間隔を所定量（ここでは２ｍｍ）よりも狭めるタッチ操作が行われたときに、本来の間隔よりも広げるように同拡縮用タッチエリア２６の表示位置を変更している。ＣＰＵ４１は、変更した表示位置を、Ｓ２２５にて拡縮用タッチエリアのパラメータとして設定する。
【００２４】
具体的には、通常は、四隅（複数）の拡縮用タッチエリア２６は、オブジェクト（２５）を囲む枠線２８の四隅に配置されるが、枠線を基準として、同拡縮用タッチエリア２６の間隔が所定距離（２ｍｍ）よりも大きいときよりも、同拡縮用タッチエリア２６の間隔が所定距離（２ｍｍ）よりも小さいときの方が、同拡縮用タッチエリア２６を枠線２８に対して外側に位置していることになる。
【００２５】
この例では、実際にはタッチエリアが重なるような場合に、重ならないような位置に配置し直しているが、このような場合でも、「間隔を広げ」ているのに他ならない。
次に、ＣＰＵ４１は、Ｓ２３０にて、移動用タッチエリア２７の座標を計算する。具体的には、移動用タッチエリア２７の中心が、枠線２８の中心と一致するように計算する。表示は菱形であるものの、移動用タッチエリア２７自体も四角の領域であり、左上の（Ｘ，Ｙ）座標値と、右方向の幅値ｗと、下方向の高さ値ｈとで位置と大きさが特定される。通常は、枠線あるいはオブジェクトの四隅の枠の座標（x0,y0）（x1,y0）（x0,y1）（x1,y1）の中心が、タッチエリアの中心となるように、位置と大きさを特定する計算を行う。
【００２６】
次に、ＣＰＵ４１は、Ｓ２３５にて、移動用タッチエリアと拡縮用タッチエリアとが重なっているか判断する。
図１０は、移動用タッチエリアと拡縮用タッチエリアが充分に離れていて重なる前の状態を示しており、図１１は、移動用タッチエリアと拡縮用タッチエリアが重なった後の状態を示している。
図１０に示す状態では移動用タッチエリアと拡縮用タッチエリアとが重なっておらず、座標の計算だけで処理を終了する。
【００２７】
しかし、縮小の操作が進むと、図１１に示すように、拡縮用タッチエリア２６同士が近接してくる結果、これらの中心に位置する移動用タッチエリア２７と周囲の拡縮用タッチエリア２６とが重なる状態になる。重なるか否かは座標の計算結果によって判断する。
そして、ＣＰＵ４１は、Ｓ２３５にて、移動用タッチエリアと拡縮用タッチエリアとが重なっていると判断したら、Ｓ２４０にて、拡縮用タッチエリア２６のレイヤを取得し、Ｓ２４５にて、移動用タッチエリア２７のレイヤを優先させる処理を行う。
【００２８】
レイヤは、複数のオブジェクトを個別に管理して描画を行う際に、それらが重なる場合に表示を優先させる機能であり、レイヤはパラメータで管理される。レイヤのパラメータが小さいほど、上、すなわち優先度が高いということになり、重なった場合は下のオブジェクトは上のオブジェクトによって表示されないことになる。
【００２９】
図１２は、移動用タッチエリアと拡縮用タッチエリアのレイヤ変化を示す図である。
同図に示すように、重なりがない場合は、移動用タッチエリア２７と拡張用タッチエリア２６には同じ優先度「１」がレイヤのパラメータとして設定されている。
図１０に示す状態では移動用タッチエリアと拡縮用タッチエリアとが重なっておらず、座標の計算だけでレイヤのパラメータを変化させていない。しかし、図１１に示すように、移動用タッチエリア２７と拡縮用タッチエリア２６との重なりがある状態になると、移動用タッチエリア２７のレイヤを優先させる処理を行う。優先させるためには、移動用タッチエリア２７のレイヤのパラメータを小さくするか、拡張用タッチエリア２６のレイヤのパラメータを大きくする。図１２に示す例は後者に該当し、移動用タッチエリア２７のレイヤのパラメータを「１」のままとして、拡張用タッチエリア２６のレイヤのパラメータを「２」と大きくし、結果的に拡張用タッチエリア２６のレイヤの優先度を下げている。
【００３０】
移動用タッチエリア２７の優先度を上げる結果、図１１に示すように、移動用タッチエリア２７はきちんと表示され、下側に落とされた拡張用タッチエリア２６は一部が隠れて見えなくなっている。移動用タッチエリア２７が下に落とされると、四隅を拡張用タッチエリア２６に覆われてしまい、それ以降、移動用タッチエリア２７をタッチ操作することが非常に困難となり、結果として移動させられなくなる。一方、拡張用タッチエリア２６が下に落とされた場合でも、四隅の一つだけが移動用タッチエリア２７に覆われるだけであるので、残りの部分は充分に表示され続け、それ以降も、拡張用タッチエリア２６をタッチ操作することは可能である。
【００３１】
（第２実施例）
第２実施例では、大小のオブジェクトが重なり合う場合の操作性を改善する。
図１３は、大小のオブジェクトが重なり合う場合のオブジェクト描画の処理のフローチャートである。
また、図１４は、大小のオブジェクトが重なる前の表示を示す図であり、図１５は、大小のオブジェクトの重なった直後の表示を示す図であり、図１６は、大小のオブジェクトの重なった後に操作性を改善させた表示を示す図である。
【００３２】
図１３のフローチャートを参照すると、ＣＰＵ４１は、Ｓ３００にて、オブジェクト移動ありと判断すると、さらに、Ｓ３０５にて、オブジェクトの重なりがあるかないか判断し、重なりがあるときには、さらに、Ｓ３１０にて、下のオブジェクトが上のオブジェクトよりも小さいか判断する。これらの条件が全て成立した場合は、Ｓ３１５以下の処理を実行するので、条件判断の順序は重要ではない。結果的には、表示領域の大きなオブジェクトの下に小さなオブジェクトが入り込んだ状態の判断となる。
【００３３】
このような条件下では、下の小さなオブジェクトが表示されないだけでなく、この小さなオブジェクトを操作することも不可能となる。通常は、一時的に大きなオブジェクトを移動させて重なりを無くして小さなオブジェクトにアクセス可能として所望の操作をした後、再度、大きなオブジェクトを元の位置に戻すことになるが、煩雑で手間がかかる。
【００３４】
ＣＰＵ４１は、Ｓ３１５にて、オブジェクトと、タッチエリアと、枠線のレイヤの情報を取得する。すなわち、
・下のオブジェクトのレイヤを取得
・下のオブジェクトの枠線のレイヤを取得
・下のオブジェクトのタッチエリアのレイヤを取得
・上のオブジェクトのレイヤを取得
・上のオブジェクトの枠線のレイヤを取得
・上のオブジェクトのタッチエリアのレイヤを取得
【００３５】
を実行する。
図１４に示す例では、イラストである四角形の絵の大きなオブジェクト１２１と、イラストである星形の絵の小さなオブジェクト１２２が、タッチパネルディスプレイ２０に表示されている。図１５に示すように、大きなオブジェクト１２１の図示しない移動用タッチエリア２７をドラッグし、小さなオブジェクト１２２と重ねる位置に移動させる。
【００３６】
この状態は、表示領域の大きなオブジェクトの下に小さなオブジェクトが入り込んだ状態の判断となり、ＣＰＵ４１は、Ｓ３００〜Ｓ３１０の判断で全て「ＹＥＳ」となり、ステップＳ３１５を実施する。
イラストなどのオブジェクトが表示された上にその領域を示す枠線が表示され、この状態で操作用のタッチエリアが表示されなければならない。従って、一例として、
【００３７】
・下のオブジェクトのレイヤは、６
・下のオブジェクトの枠線のレイヤは、５
・下のオブジェクトのタッチエリアのレイヤは、４
・上のオブジェクトのレイヤは、３
・上のオブジェクトの枠線のレイヤは、２
・上のオブジェクトのタッチエリアのレイヤは、１
となる。
ただし、この状態では上の大きなオブジェクト１２１が表示される結果、レイヤとして３以上となる、下の小さなオブジェクト１２２に関しては枠線やタッチエリアも表示されない。表面上はあたかも小さなオブジェクト１２２は存在しないのに等しく、操作することを望むのであれば、上のオブジェクト１２１を移動させないといけない。
【００３８】
このように、複数の異なる大きさのオブジェクトが重なった場合、ＣＰＵ４１は、Ｓ３２０にて、下のオブジェクトのタッチエリアと枠線のレイヤが上のレイヤのオブジェクトのレイヤよりも上となるように変更する。少なくとも、それぞれに設定されるタッチエリアのレイヤを変更し、下のレイヤのオブジェクトに対する操作用のタッチエリアのレイヤを、上のレイヤのオブジェクトよりも上とする。これにより、下のレイヤのオブジェクトのタッチエリアをタッチ操作できることになる。
【００３９】
具体的には、
・下のオブジェクトのレイヤは、６
・下のオブジェクトの枠線のレイヤは、４
・下のオブジェクトのタッチエリアのレイヤは、２
・上のオブジェクトのレイヤは、５
・上のオブジェクトの枠線のレイヤは、３
・上のオブジェクトのタッチエリアのレイヤは、１
とすればよい。
【００４０】
レイヤの変更を行ったあとは、レイヤどおりに、ＣＰＵ４１は、Ｓ３２５にて、レイヤに従って描画する。この例では、
・下のオブジェクト１２１
・上のオブジェクト１２２
・下のオブジェクト１２１の枠線１２３
・上のオブジェクト１２２の枠線１２４
・下のオブジェクト１２１のタッチエリア１２５
・上のオブジェクト１２２のタッチエリア１２６
を描画するが、上のオブジェクト１２２のレイヤが５であるから、下のオブジェクト１２１は描画されないものの、上のオブジェクト１２２の枠線１２４とタッチエリア１２６に加え、下のオブジェクト１２１の枠線１２３とタッチエリア１２５も表示される。そして、下のオブジェクト１２１のタッチエリア１２５のレイヤが２であるから、移動などの操作も可能となる。
【００４１】
なお、図面上では各オブジェクトの中心の移動用タッチエリアだけを表示したが、それぞれの拡張用タッチエリアも表示される。
この例では、下のオブジェクト１２２のタッチエリア１２５のレイヤを全て変更しているが、下のオブジェクト１２２については、最低限のタッチエリアだけを表示するようにしても良い。例えば、移動用タッチエリアだけにするとか、拡張用タッチエリアについては表示はするものの上のオブジェクト１２１のタッチエリアと重なる位置であればレイヤを変更しないようにしてもよい。このようにすれば、タッチエリアが近接して並べられてしまうことがなくなり、操作性が良くなる。
【００４２】
あるいは、枠線のレイヤは変更しないとすれば、
・下のオブジェクトのレイヤは、６
・下のオブジェクトの枠線のレイヤは、５
・下のオブジェクトのタッチエリアのレイヤは、３
・上のオブジェクトのレイヤは、４
・上のオブジェクトの枠線のレイヤは、２
・上のオブジェクトのタッチエリアのレイヤは、１
とすることも可能である。
【００４３】
（第３実施例）
第３実施例は、オブジェクトのアクティブ判定の改善例を示す。
図１７は、オブジェクトのアクティブ判定の処理のフローチャートである。
また、図１８〜図２１は、このフローチャートによるアクティブ判定に従って表示例を示しており、図１８は、複数のオブジェクトのタッチ前の表示を示し、図１９は、複数のオブジェクトの他方のタッチ中の表示を示し、図２０は、複数のオブジェクトの他方のタッチ後の表示を示し、図２１は、複数のオブジェクトの枠外のタッチ後の表示を示している。
【００４４】
図１８の状態では、タッチパネルディスプレイ２０上に、星形のイラストのオブジェクト１２７と、三角形のイラストのオブジェクト１２８とが表示されており、三角形のイラストのオブジェクト１２８がアクティブとなっている。アクティブとなっているオブジェクトには枠線や操作用のタッチエリアが表示される。この状態から、図１９に示すように、非アクティブの星形のイラストのオブジェクト１２７をタッチ操作したとする。オブジェクトをタッチ操作したか否かは、オブジェクトに設定されている領域、すなわちアクティブであれば枠線内のどこかをタッチ操作するか否かを判定することになる。
【００４５】
図１７のフローチャートを参照すると、ＣＰＵ４１は、Ｓ４００にて、タッチ座標を取得し、Ｓ４０５にて、タッチ座標の最上レイヤのオブジェクトを判定する。ＣＰＵ４１は、全てのオブジェクトについて、座標位置やレイヤの情報を管理しており、当該タッチ座標に該当するオブジェクトであって、最上のレイヤを優先してオブジェクトを判定する。この結果、非アクティブの星形のイラストのオブジェクト１２７であると判定できる。
【００４６】
タッチ前はアクティブであったのは三角形のイラストのオブジェクト１２８であるから、ＣＰＵ４１は、Ｓ４１０にて、現在のアクティブオブジェクトと不一致であると判断し、Ｓ４１５にて、全てのオブジェクトについて非アクティブとする。このようにするのは、タッチした領域にオブジェクトがない場合を考慮しているのであり、アクティブなオブジェクト以外の領域をタッチすれば、全てのオブジェクトについて一度非アクティブとすることができる。そして、このことにより現在のアクティブオブジェクトの拡縮用タッチエリアと移動用タッチエリアはアクティブとなる。
【００４７】
図２１は、複数のオブジェクトの枠外のタッチ後の表示を示している。この例では、オブジェクトが配置されていない領域をタッチしているので、全てのオブジェクトが非アクティブとなる。
一方、星形のイラストのオブジェクト１２７をタッチ操作したときは、ＣＰＵ４１は、Ｓ４２０にて、この最上レイヤオブジェクトをアクティブにする。図２０は、この状態を示しており、タッチ操作された星形のイラストのオブジェクト１２７がアクティブとなり、枠線や拡縮用タッチエリアと移動用タッチエリアはアクティブとなって表示されている。
【００４８】
このように、オブジェクトに設定される枠内をタッチ操作すると、このオブジェクトの拡張用タッチエリア（第１のタッチエリア）と移動用タッチエリア（第２のタッチエリア）とが操作可能な状態に変更され、枠以外の領域をタッチ操作すると、このオブジェクトの拡張用タッチエリア（第１のタッチエリア）と移動用タッチエリア（第２のタッチエリア）とが操作不可能な状態に変更されている。
【００４９】
なお、本発明は前記実施例に限られるものでないことは言うまでもない。当業者であれば言うまでもないことであるが、
・前記実施例の中で開示した相互に置換可能な部材および構成等を適宜その組み合わせを変更して適用すること
・前記実施例の中で開示されていないが、公知技術であって前記実施例の中で開示した部材および構成等と相互に置換可能な部材および構成等を適宜置換し、またその組み合わせを変更して適用すること
・前記実施例の中で開示されていないが、公知技術等に基づいて当業者が前記実施例の中で開示した部材および構成等の代用として想定し得る部材および構成等と適宜置換し、またその組み合わせを変更して適用すること
は本発明の一実施例として開示されるものである。
【符号の説明】
【００５０】
１０…電子機器、２０…タッチパネルディスプレイ、２１…タッチ入力デバイス、２２…ディスプレイ、４０…制御回路、５０…通信ユニット、６０…記憶デバイス。
【図１】
0006705206.tif 000002
【図２】
0006705206.tif 000003
【図３】
0006705206.tif 000004
【図４】
0006705206.tif 000005
【図５】
0006705206.tif 000006
【図６】
0006705206.tif 000007
【図７】
0006705206.tif 000008
【図８】
0006705206.tif 000009
【図９】
0006705206.tif 000010
【図１０】
0006705206.tif 000011
【図１１】
0006705206.tif 000012
【図１２】
0006705206.tif 000013
【図１３】
0006705206.tif 000014
【図１４】
0006705206.tif 000015
【図１５】
0006705206.tif 000016
【図１６】
0006705206.tif 000017
【図１７】
0006705206.tif 000018
【図１８】
0006705206.tif 000019
【図１９】
0006705206.tif 000020
【図２０】
0006705206.tif 000021
【図２１】
0006705206.tif 000022