JP2015014816A - 電子機器、表示制御方法、および表示制御プログラム - Google Patents

Abstract

【課題】オブジェクトの移動とレイヤ順序の変更を容易に行うことができる電子機器等を提供する。【解決手段】本電子機器は、複数のレイヤにそれぞれ配置された複数のオブジェクトを表示部１７の画面１８に表示する電子機器１であって、第１のオブジェクトへの入力操作を受け付ける座標入力部１１と、入力操作を受け付けた第１のオブジェクトの領域の一部である入力操作領域と、第２のオブジェクトと第１のオブジェクトとが重複した領域である重複領域と、の位置関係に基づいて、第１のオブジェクトが配置される第１のレイヤと第２のオブジェクトが配置される第２のレイヤとの順序を制御するレイヤ順管理部１５と、制御された第１のレイヤおよび第２のレイヤにそれぞれ配置された第１のオブジェクトおよび第２のオブジェクトを表示部１７の画面１８に表示させる表示制御部１６と、を備える。【選択図】図２

Description

本発明は、電子機器、表示制御方法、および表示制御プログラムに関する。特に、複数のレイヤにそれぞれ配置された複数のオブジェクトを表示部の画面に表示する電子機器等に関する。

従来、電子機器の表示画面上で、複数のオブジェクトが重ねて配置されることがある。この重なりによる階層（レイヤ）の順序を変更するためには、対象オブジェクトを１段階前面に移動したり最前面に移動したりすることが考えられる。

しかし、複数のレイヤが存在する場合には、所望の順序に並び替えるために、何度も移動操作を行う必要があり、手間がかかることがある。

この種の従来技術として、例えば、重なることなく対象オブジェクトから離れているオブジェクトについてはレイヤ順序の変更対象外として、重なりのあるオブジェクトとの間のみでレイヤ順序を変更する技術が知られている（例えば、特許文献１参照）。これにより、重なりのあるオブジェクトのみを対象として簡単にレイヤ順序を入れ替えることができる。

特開平７−１５２３５６号公報

しかしながら、上記特許文献１の技術では、重なりのあるオブジェクト間でレイヤ順序の入れ替えは、１回の操作で可能であるが、オブジェクトの移動を同時に行う場合、少なくとも２回の操作が必要であった。

このように、レイヤ順序の変更とオブジェクトの移動を別々に操作しなければならず、操作に手間がかかることがあった。

本発明は、上記事情に鑑みてなされたものであり、オブジェクトの移動とレイヤ順序の変更を容易に行うことができる電子機器、表示制御方法、および表示制御プログラムを提供することを目的とする。

本発明の電子機器は、複数のレイヤにそれぞれ配置された複数のオブジェクトを表示部の画面に表示する電子機器であって、前記複数のオブジェクトの１つである第１のオブジェクトへの入力操作を受け付ける入力部と、前記入力部により入力操作を受け付けた前記第１のオブジェクトの領域の一部である入力操作領域と、前記複数のオブジェクトの１つである第２のオブジェクトと前記第１のオブジェクトとが重複した領域である重複領域と、の位置関係に基づいて、前記第１のオブジェクトが配置される第１のレイヤと前記第２のオブジェクトが配置される第２のレイヤとの順序を制御するレイヤ制御部と、前記レイヤ制御部によって制御された前記第１のレイヤおよび前記第２のレイヤにそれぞれ配置された前記第１のオブジェクトおよび前記第２のオブジェクトを前記表示部の画面に表示させる表示制御部と、を備える。

この構成により、第１のオブジェクトを移動させて第２のオブジェクトに重ねることで、第１オブジェクトの移動とレイヤ順序の変更をスムーズに行うことができる。すなわち、オブジェクトの移動とレイヤ順序の変更を容易に行うことができる。

また、本発明の表示制御方法は、複数のレイヤにそれぞれ配置された複数のオブジェクトを表示部の画面に表示する電子機器の表示制御方法であって、前記複数のオブジェクトの１つである第１のオブジェクトへの入力操作を受け付けるステップと、前記入力操作を受け付けた前記第１のオブジェクトの領域の一部である入力操作領域と、前記複数のオブジェクトの１つである第２のオブジェクトと前記第１のオブジェクトとが重複した領域である重複領域と、の位置関係に基づいて、前記第１のオブジェクトが配置される第１のレイヤと前記第２のオブジェクトが配置される第２のレイヤとの順序を制御するステップと、前記制御された前記第１のレイヤおよび前記第２のレイヤにそれぞれ配置された前記第１のオブジェクトおよび前記第２のオブジェクトを前記表示部の画面に表示させるステップと、を有する。

この方法により、第１のオブジェクトを移動させて第２のオブジェクトに重ねることで、第１オブジェクトの移動とレイヤ順序の変更をスムーズに行うことができる。すなわち、オブジェクトの移動とレイヤ順序の変更を容易に行うことができる。

また、本発明の表示制御プログラムは、上記表示制御方法の各ステップをコンピュータに実行させるためのプログラムである。

このプログラムにより、第１のオブジェクトを移動させて第２のオブジェクトに重ねることで、第１オブジェクトの移動とレイヤ順序の変更をスムーズに行うことができる。すなわち、オブジェクトの移動とレイヤ順序の変更を容易に行うことができる。

本発明によれば、オブジェクトの移動とレイヤ順序の変更を容易に行うことができる。

本発明の実施形態における電子機器の構成例を示すブロック図 （Ａ）〜（Ｅ）本発明の実施形態における操作対象のオブジェクトの操作例を説明するための図 本発明の実施形態における操作のイメージを示す図 （Ａ）、（Ｂ）本発明の実施形態における基本的な操作例を示す図 本発明の実施形態における電子機器の表示制御手順の一例を示すフローチャート （Ａ）〜（Ｄ）本発明の実施形態における操作対象のオブジェクトに対し、レイヤ順を変更することなく移動だけ行う場合の操作例を示す図 （Ａ）〜（Ｆ）本発明の実施形態におけるエフェクトのかけ方が異なる種々の操作例を示す図 本発明の実施形態における操作対象のオブジェクトが指より小さい場合の操作例を示す図 （Ａ）〜（Ｃ）本発明の実施形態における他のオブジェクトが四角形でない場合の操作例を示す図 （Ａ）、（Ｂ）本発明の実施形態における操作対象のオブジェクトが他のオブジェクトに隠れている場合の操作例を示す図 （Ａ）〜（Ｃ）本発明の実施形態における操作対象のオブジェクトが四角形でない場合のエフェクトのかけ方の一例を示す図 図５のステップＳ２における操作対象のオブジェクトにエフェクトをかけるエフェクト処理手順の一例を示すフローチャート （Ａ）〜（Ｃ）本発明の実施形態における種々のエフェクトのかけ方の一例を示す図

本発明の実施形態について、図面を用いて以下に説明する。

本実施形態の電子機器は、複数のオブジェクトを画面に表示・編集可能な電子機器に適用される。

図１は本発明の実施形態における電子機器１の構成例を示すブロック図である。図１には、電子機器１における表示制御に係わる部分の構成が主に示されている。電子機器１は、座標入力部１１、表示位置判定部１２、エフェクト判定部１３、レイヤ順判定部１４、レイヤ順管理部１５、表示制御部１６、および表示部１７を有して構成される。

座標入力部１１は、例えば表示部１７の画面１８に設けられたタッチパネルからなり、使用者の指などの接触（タッチ）位置を座標として検知する。座標入力部１１は、検知結果を含む座標位置の情報を表示位置判定部１２へ出力する。座標入力部１１は、例えば、複数のオブジェクトの１つである第１のオブジェクト（例えば、図２の操作対象のオブジェクト２１）への入力操作を受け付ける入力部としての機能を有する。

表示位置判定部１２は、座標入力部１１により入力された指などの接触位置をもとに、操作対象のオブジェクトの表示位置を判定する。表示位置判定部１２は、判定結果を含むオブジェクトの表示位置の情報をエフェクト判定部１３へ出力する。

エフェクト判定部１３は、操作対象のオブジェクトに対し、エフェクト(効果)をかける位置を判断する。エフェクト判定部１３は、判断結果を含むエフェクト表示内容の情報をレイヤ順判定部１４および表示制御部１６へ出力する。なお、エフェクトとしては、対象箇所に色をつけたり、影をつけたりするなど、視覚的な何らかの効果を与えることが考えられる。エフェクトの内容は、あらかじめ決められていてもよいし、ユーザが任意に選択できるようにしてもよい。このエフェクトの内容も、エフェクト表示内容の情報に含まれる。

レイヤ順判定部１４は、指が接触した操作対象のオブジェクトの一部である操作領域と、他のオブジェクトと操作対象のオブジェクトとの接触位置（重複領域）と、に基づいて、レイヤ順序（単にレイヤ順ともいう）を変更するか否かを判定する。また、レイヤ順判定部１４は、レイヤ順序を変更すると判定した場合、レイヤ順管理部１５にレイヤ順序を変更するためのレイヤ順序変更命令を送出する。

レイヤ順管理部１５は、各オブジェクトのレイヤ順を管理する。例えば、レイヤ順管理部１５は、複数のオブジェクトがそれぞれ配置されたレイヤの順序を含むレイヤ情報を内部のメモリに保持する。また、レイヤ順管理部１５は、レイヤ順判定部１４からのレイヤ情報変更命令に従って、オブジェクトのレイヤ順序などのレイヤ情報を変更する。

表示制御部１６は、レイヤ順管理部１５に記憶されたレイヤ情報に従って、表示データを生成し、この表示データを表示部１７に出力する。例えば、表示制御部１６は、レイヤ順判定部１４によって変更された第１のレイヤおよび第２のレイヤにそれぞれ配置された第１のオブジェクトおよび第２のオブジェクトを表示部１７の画面１８に表示させる。また、表示制御部１６は、エフェクト判定部１３からのエフェクト表示内容に従って、第１のオブジェクトおよび第２のオブジェクトにエフェクトをかける（エフェクト処理を実行する）。また、表示制御部１６は、各オブジェクトが配置されるレイヤの情報をレイヤ順管理部１５へ出力する。

表示部１７は、電子機器１の例えば筺体前面に設けられ、表示制御部１６からの表示データに基づく複数のオブジェクトを画面１８に表示する。つまり、電子機器１は、複数のレイヤにそれぞれ配置された複数のオブジェクトを表示部１７の画面１８に表示する。

なお、表示位置判定部１２、エフェクト判定部１３、レイヤ順判定部１４、レイヤ順管理部１５、および表示制御部１６は、電子機器１内のＲＯＭに格納された表示制御プログラムを、ＣＰＵが実行することによって機能として実現される。これらは、ハードウェア(論理回路)で実現されてもよい。

図２（Ａ）〜（Ｅ）は操作対象のオブジェクトの操作例を説明するための図である。図２（Ａ）に示すように、電子機器１の表示部１７の画面１８には、操作対象のオブジェクト２１が表示されている。操作対象のオブジェクト２１は、図２（Ａ）における左右方向（横方向）および上下方向（縦方向）の各中央線２２、２３によって４つに分割された操作領域（図中のＡ、Ｂ、Ｃ、Ｄ）に区分される。操作領域Ａ〜Ｄは、入力操作領域の１つである。

図２（Ｂ）、（Ｃ）に示すように、いずれか１つの操作領域に指３１を接触させると、表示制御部１６は、この指と対向する側の辺および指側の辺にそれぞれエフェクト２５、２７をかける。

例えば、図２（Ｂ）に示すように、操作領域Ｄに指３１が接触すると、オブジェクト２１の対向側の上辺２１ａ、左辺２１ｂにエフェクト２５として例えば黄色のライン（図中、網点）が付加される。さらに、オブジェクト２１の指側の下辺２１ｃ、右辺２１ｄにエフェクト２７として例えば青色のライン（図中、斜線）が付加される。

また、図２（Ｃ）に示すように、操作領域Ｃに指３１が接触すると、オブジェクト２１の対向側の上辺２１ａ、右辺２１ｄにエフェクト２５として例えば黄色のライン（図中、網点）が付加される。さらに、オブジェクト２１の指側の下辺２１ｃ、左辺２１ｂにエフェクト２７として例えば青色のライン（図中、斜線）が付加される。

図２（Ｄ）に示すように、操作領域Ｄに指３１が接触した状態で、操作対象のオブジェクト２１をドラッグし、対向側（入力操作領域と反対側）の上辺２１ａ、左辺２１ｂから他のオブジェクト（画像）４０に重ねる。この結果、操作対象のオブジェクト２１は、他のオブジェクト４０の上位レイヤに配置される。この場合、例えば、操作対象のオブジェクト２１は、他のオブジェクト４０の一段階上位のレイヤに配置される。

また、図２（Ｅ）に示すように、操作領域Ｄに指３１が接触した状態で、操作対象のオブジェクト２１をドラッグし、指側（入力操作領域側）の下辺２１ｃ、右辺２１ｄから他のオブジェクト（画像）４０に重ねる。この結果、操作対象のオブジェクト２１は、他のオブジェクト４０の下位レイヤに配置される。この場合、例えば、操作対象のオブジェクト２１は、他のオブジェクト４０の一段階下位のレイヤに配置される。

このように、操作対象のオブジェクト２１を移動させ、他のオブジェクト４０に重ねることで、レイヤ順序が変更される。

図３は操作のイメージを示す図である。操作対象のオブジェクト２１内の１つの操作領域に指３１を接触させると、オブジェクト２１の指側の端部が沈み、オブジェクト２１の対向側の端部が浮き上がるようなイメージが想定される。

そして、そのまま操作対象のオブジェクト２１を移動させ、浮き上がった対向側の端部から他のオブジェクト４０に重ねると、操作対象のオブジェクト２１が他のオブジェクト４０の上に重なるようなイメージが想定される。

逆に、沈んだ指側の端部から他のオブジェクト４０に重ねると、操作対象のオブジェクト２１が他のオブジェクト４０の下に重なるようなイメージが想定される。

このように、本実施形態の電子機器１を利用すると、使用者にとって操作のイメージが直観的で分かり易くなる。

図４（Ａ）、（Ｂ）は基本的な操作例を示す図である。図４（Ａ）では、オブジェクト４２がオブジェクト４３の上位レイヤに配置されており、操作対象のオブジェクト２１をオブジェクト４２、４３の間に配置する場合を示す。なお、オブジェクト４２、４３に記されている「１」、「２」はそれぞれレイヤ順を示す。

指３１が操作領域Ｄに接触した状態で、操作対象のオブジェクト２１を対向側の端部からオブジェクト４３に重ね、さらに、指側の端部からオブジェクト４２に重ねると、操作対象のオブジェクト２１はオブジェクト４２、４３の間に配置される。

図４（Ｂ）では、オブジェクト４４、４５が重なっておらず、レイヤの順番が不明な場合であって、操作対象のオブジェクト２１をオブジェクト４４、４５の間に配置する場合を示す。

このような場合も、指３１が操作領域Ｄに接触した状態で、操作対象のオブジェクト２１を対向側の端部からオブジェクト４４に重ね、さらに、指側の端部からオブジェクト４５に重ねると、操作対象のオブジェクト２１はオブジェクト４４、４５の間に配置される。

上記構成を有する電子機器１の表示制御動作例を示す。図５は電子機器１の表示制御手順の一例を示すフローチャートである。この表示制御プログラムは、電子機器１内のＲＯＭに格納されており、電子機器１内のＣＰＵによって実行される。なお、図２を参照しながら説明する。

表示位置判定部１２は、座標入力部１１からの座標位置の情報を参照して、操作対象のオブジェクト２１が押下されるまで待つ（ステップＳ１）。

操作対象のオブジェクト２１が押下されると、エフェクト判定部１３は、押下された指の位置が４分割された操作領域のいずれにあるかを判定する。そして、表示制御部１６は、エフェクト判定部１３の判定結果をもとに、操作対象のオブジェクト２１の指側および対向側の端部にエフェクトをかける（ステップＳ２）。

座標入力部１１を介して操作対象のオブジェクト２１が画面上でドラッグ操作されると、表示制御部１６は、この操作に従って、操作対象のオブジェクト２１を移動させる（ステップＳ３）。

レイヤ順判定部１４は、操作対象のオブジェクト２１の移動の結果、操作対象のオブジェクト２１が他のオブジェクト４０と接触したか否かを判別する（ステップＳ４）。他のオブジェクト４０と接触していない場合、電子機器１は、ステップＳ８の処理に進む。

一方、他のオブジェクト４０と接触した場合、レイヤ順判定部１４は、接触場所は対向側であるか否かを判別する（ステップＳ５）。

ステップＳ５で接触場所が対向側である場合、レイヤ順管理部１５は、操作対象のオブジェクト２１を他のオブジェクト４０の上位レイヤに配置する（ステップＳ６）。

一方、ステップＳ５で接触場所が指側である場合、レイヤ順管理部１５は、操作対象のオブジェクト２１を他のオブジェクト４０の下位レイヤに配置する（ステップＳ７）。

ステップＳ６、Ｓ７の処理後、表示位置判定部１２は、操作対象のオブジェクト２１から指３１が離され（リリースされ）、操作対象のオブジェクト２１の移動を終了するか否かを判別する（ステップＳ８）。移動を終了しない場合、電子機器１はステップＳ３の処理に戻る。

一方、操作対象のオブジェクト２１から指３１が離され、操作対象のオブジェクト２１の移動を終了する場合、表示制御部１６は、ステップＳ２で操作対象のオブジェクト２１にかけたエフェクト２５、２７を消去する（ステップＳ９）。この後、電子機器１は本動作を終了する。

なお、表示制御部１６は、移動途中で指３１の押下位置が他の操作領域に変更された場合、この変更に伴い、エフェクトのかけ方を変更してもよい。具体的には、ステップＳ８でＮＯの場合、ステップＳ２の処理に戻るようにすることで、この変更は実現される。

また、電子機器１では、操作対象のオブジェクト２１に対する操作として、上記基本的な操作の他に、種々の応用的な操作が用意されている。以下に、応用的な操作について説明する。

図６（Ａ）〜（Ｄ）は操作対象のオブジェクト２１に対し、レイヤ順を変更することなく移動だけ行う場合の操作例を示す図である。図６（Ａ）に示すように、左右方向（横方向）および上下方向（縦方向）の各中央線２２、２３の交点を含む中心部を指３１で接触（タッチ）することで、エフェクト判定部１３は、エフェクトがかからないようにする。

あるいは、図６（Ｂ）に示すように、いずれか１箇所の操作領域を２本の指３１、３２でタッチすること（１箇所ダブルタッチ）で、エフェクト判定部１３は、エフェクトがかからないようにする。

このように、特定の操作を行うことで、移動だけを行うことができ、操作性が損なわれることはなくなる。

図６（Ｃ）に示すように、複数のオブジェクト４６、４７、４８、４９が複雑に配置されている場合、中心部２１ｇを指３１でタッチしてドラッグさせると、表示制御部１６は、エフェクトをかけずに操作対象のオブジェクト２１を移動させる。このとき、他のオブジェクト４６、４７と接触しても、レイヤ順は変更されない。

図６（Ｄ）に示すように、操作対象のオブジェクト２１の中心部が他のオブジェクト５０に隠れてタッチできない場合、２本の指３１、３２で１つの操作領域（例えば操作領域Ｄ）をタッチしてドラッグさせることで、図６（Ｃ）の場合と同様に、表示制御部１６は、エフェクトがかからずに操作対象のオブジェクト２１が移動する。

図７（Ａ）〜（Ｆ）はエフェクトのかけ方が異なる種々の操作例を示す図である。操作対象のオブジェクト２１を常に他のオブジェクトの下に潜り込ませたい場合、図７（Ａ）に示すように、２本の指３１、３２を、それぞれ対角の位置にある操作領域（例えば操作領域Ａ、Ｄ）にタッチする。操作対象のオブジェクト２１の上下左右の４辺には、全体に沈んだようなイメージとなる、エフェクト２７として例えば青色のライン（図中、斜線）が付加される。

また、エフェクトをかける箇所を変更したい場合、種々の操作が挙げられる。図７（Ｂ）に示すように、縦方向の中央線２３上に指３１を接触させる操作を行う。この操作により、横方向の中央線２２を挟んで、操作対象のオブジェクト２１の上側の端部に浮き上がるようなエフェクト２５（第２のエフェクトの一例）をかけ、下側の端部に沈み込むようなエフェクト２７（第１のエフェクトの一例）をかけるエフェクト処理が行われる。このような入力操作に対応するエフェクトのかけ方は、棒状の図形を移動させたり、レイヤ順を変更したりする際、操作しやすくなり、有効である。

また、図７（Ｃ）に示すように、操作領域Ｃ、Ｄにそれぞれ隣り合うように指３１、３２を接触させた場合、操作対象のオブジェクト２１の上辺２１ａに浮き上がるようなエフェクト２５をかけ、その他の３辺に沈み込むようなエフェクト２７をかける。

また、上記実施形態では、４つの操作領域に分割した場合を示したが、より細かく分割してもよい。例えば、図７（Ｄ）、（Ｅ）、（Ｆ）に示すように、４×４の１６区画に分割し、周囲の操作領域にあるいは操作領域を仕切る線に指を接触させることで、エフェクト２５、２７のかかり方が変わるようにしてもよい。

図７（Ｄ）に示すように、操作領域Ｊ、Ｋを仕切る線上に指３１を接触させた場合、この接触位置に基づいて、表示制御部１６は、エフェクト２５、２７のかかり方を微調整する。

図７（Ｅ）に示すように、操作領域Ｋを強く押し込むように指で接触させた場合、表示制御部１６は、沈み込み量が多くなるようにエフェクト２５、２７をかける。

図７（Ｆ）に示すように、操作領域Ｋを弱く押し込むように指で接触させた場合、表示制御部１６は、浮き上がり量が多くなるようにエフェクト２５、２７をかける。

なお、この場合、座標入力部１１として押圧力を検知可能なタッチパネルには、抵抗膜式あるいは静電容量方式のものが用いられる。このように、さまざまなタッチ操作でエフェクト２５、２７のかかり方を変更することができる。

図８は操作対象のオブジェクト７１が指３１より小さい場合の操作例を示す図である。操作対象のオブジェクト７１が指３１より小さい場合、エフェクトが見えず、どの方向から他のオブジェクトに接触させればよいのか分からない。しかし、一般的に操作対象のオブジェクト７１が指３１より小さい場合、他のオブジェクト７５の上に配置されることが多い。

そこで、本実施形態では、操作対象のオブジェクト７１が一定サイズ以下である場合、あるいは、操作対象のオブジェクトの面積に対する指３１による接触面積の比率が一定値以上である場合、常に操作対象のオブジェクト７１が上位レイヤに配置されるようにする。

図８に示すように、指３１で操作対象のオブジェクト７１に接触した場合、操作対象のオブジェクト７１の全ての辺に浮き上がるようなエフェクト２５が付加される。これにより、操作対象のオブジェクト７１が指３１より小さくても、操作性が損なわれることは回避される。

図９（Ａ）〜（Ｃ）は他のオブジェクト８１が四角形でない場合の操作例を示す図である。他のオブジェクト８１が四角形でなく丸形等の形状を有する場合、操作対象のオブジェクト２１を移動させても、他のオブジェクト８１との接触が分かりにくく、レイヤ順が変更されたのか判別しにくかった。

本実施形態では、他のオブジェクト８１が四角形でなくても、図９（Ａ）に示すように、他のオブジェクト８１を囲む四角枠（図中、点線枠）８３が他のオブジェクト８１として扱われる。ただし、この四角枠８３は非表示である。図９（Ｂ）に示すように、操作対象のオブジェクト２１が四角枠８３と接触した段階で、図９（Ｃ）に示すように、四角枠８３に、エフェクト８５として例えば緑色のライン（図中、実線）がかかり、レイヤ順が変更されたことが分かる。

これにより、他のオブジェクト８１が四角形でない場合でも、他のオブジェクト８１との接触が分かり易くなり、レイヤ順の変更が識別し易くなる。

図１０（Ａ）、（Ｂ）は操作対象のオブジェクト９１が他のオブジェクト９５に隠れている場合の操作例を示す図である。図１０（Ａ）に示すように、操作対象のオブジェクト９１が他のオブジェクト９５に隠れている場合、操作対象のオブジェクト９１全体の外形が分からない。このような場合、図１０（Ｂ）に示すように、操作対象のオブジェクト９１の周囲に付加される、エフェクト２５、２７だけを最上位レイヤに表示することで、操作対象のオブジェクト９１全体の外形が分かり、操作し易くなる。なお、エフェクト２５、２７を他のオブジェクト９５と同じレイヤに表示するようにしてもよい。

図１１（Ａ）〜（Ｃ）は操作対象のオブジェクト９６が四角形でない場合のエフェクトのかけ方の一例を示す図である。操作対象のオブジェクト９６が四角形でなく丸形等を有する場合でも、図１１（Ａ）に示すように、オブジェクト自体は四角枠９７で扱われている。また、図１１（Ｂ）に示すように、エフェクト２５、２７は四角枠９７の周囲に付加される。しかし、四角形でないオブジェクトを四角形として扱うことは、直観的な操作でないと感じることがある。

本実施形態では、四角形でない、例えば丸形の操作対象のオブジェクト９６の周囲に、浮き上がるようなエフェクト６５および沈み込むようなエフェクト６７を付加する。この場合、エフェクト６５、６７のかけ方として、例えば、以下のような方法がある。操作対象のオブジェクト９６のうち、透過部以外の画像（実際にオブジェクトが存在する部分の画像）の重心を計算し、この重心の位置と指３１の接触点とを直線で結ぶ。なお、指３１の接触点は、タッチパネルの接触位置（例えば、接触部分の中心点等）から得られる。さらに、この直線と垂直に交わり、重心を通る線を境とし、指側の端部をエフェクト６７、対向側の端部をエフェクト６５として付加する。

これにより、操作対象のオブジェクト９６の外形に沿ってエフェクト６５、６７がかかり、直観的な操作が期待される。

図１２は、図５のステップＳ２における操作対象のオブジェクトにエフェクトをかけるエフェクト処理手順の一例を示すフローチャートである。

まず、エフェクト判定部１３は、操作対象のオブジェクトの面積に対する他のオブジェクトの面積の比率が一定値以上であるか否かを判別する（ステップＳ２１）。

ステップＳ２１で一定値以上である場合、表示制御部１６は、図８に示したように、操作対象のオブジェクト７１が他のオブジェクト７５よりも上位レイヤに配置されるように、その周囲に浮き上がるようなエフェクト２５をかける（ステップＳ２２）。この後、電子機器１は元の処理に復帰する。つまり、図５のステップＳ３に進む。

一方、ステップＳ２１で面積の比率が一定値以上でない場合、エフェクト判定部１３は、図６（Ａ）に示したように、操作対象のオブジェクト２１の中心部を指３１で接触したか、あるいは図６（Ｂ）に示すように、１箇所の操作領域を２本の指３１、３２で接触したかを判別する（ステップＳ２３）。

ステップＳ２３で中心部を指で接触した場合あるいは２本の指で接触した場合、表示制御部１６は、エフェクト２５、２７をかけないようにする（ステップＳ２４）。この後、電子機器１は元の処理に復帰する。

一方、ステップＳ２３で、中心部を指で接触しておらず、かつ、２本の指で接触していない場合、エフェクト判定部１３は、図７（Ｂ）に示したように、指３１の接触箇所が中央線２３上であるか否かを判別する（ステップＳ２５）。

ステップＳ２５で接触箇所が中央線２３上である場合、表示制御部１６は、図７（Ｂ）に示したように、操作対象のオブジェクト２１を上下に分割してエフェクト２５、２７をかける（ステップＳ２６）。この後、電子機器１は元の処理に復帰する。

一方、ステップＳ２５で指３１の接触箇所が中央線２３上でない場合、表示制御部１６は、図２（Ｂ）〜（Ｄ）に示したように、対向側に浮き上がるようなエフェクト２５、指側に沈み込むようなエフェクト２７をかける（ステップＳ２７）。この後、電子機器１は元の処理に復帰する。

このように、本実施形態の電子機器（例えば電子機器１）は、入力操作を受け付けた第１のオブジェクト（例えば図２の操作対象のオブジェクト２１）の領域の一部である入力操作領域と、第２のオブジェクト（例えば図２の他のオブジェクト４０）と第１のオブジェクトとが重複した領域である重複領域と、の位置関係に基づいて、第１のオブジェクトが配置される第１のレイヤと第２のオブジェクトが配置される第２のレイヤとの順序を制御するレイヤ制御部（例えばレイヤ順管理部１５）を備える。

これにより、オブジェクトの移動とレイヤ順序の変更を容易に行うことができる。すなわち、操作対象のオブジェクト２１を移動させて他のオブジェクト４０に重ねることで、操作対象のオブジェクト２１の移動とレイヤ順序の変更をスムーズに行うことができる。

また、レイヤ制御部は、入力部により受け付けた入力操作により、第１のオブジェクトが入力操作領域側から第２のオブジェクトと重複した場合、第１のレイヤが第２のレイヤの下位のレイヤとなるように制御してもよい。また、レイヤ制御部は、入力部により受け付けた入力操作により、第１のオブジェクトが入力操作領域側から第２のオブジェクトと重複した場合、第１のオブジェクトが入力操作領域と対向側から第２のオブジェクトと重複した場合、第１のレイヤが第２のレイヤの上位のレイヤとなるよう制御してもよい。

これにより、第１のオブジェクトと第２のオブジェクトとが重複を開始する領域に応じて、移動と上下レイヤへのレイヤ順序の変更をスムーズに行うことができる。

また、レイヤ制御部は、第１のオブジェクトの領域の面積に対する接触面積の比率が所定比率以上である場合、又は、第１のオブジェクトの領域が一定サイズ以下である場合、入力部により受け付けた入力操作により第１のオブジェクトと第２のオブジェクトとが重複したとき、第１のレイヤが第２のレイヤの上位のレイヤとなるよう制御してもよい。

これにより、小さなオブジェクトについては常に他のオブジェクトの上側に表示されるようにすることができ、移動とレイヤ順序の変更をスムーズに行うことができる。

また、レイヤ制御部は、入力部により第１のオブジェクトの領域の中央部への入力操作を受け付けた場合、第１のレイヤと第２のレイヤとの順序を不変とするよう制御してもよい。また、レイヤ制御部は、入力部により第１のオブジェクトにおける同一の入力操作領域（例えば操作領域Ｄ）への複数の入力操作を同時に受け付けた場合、第１のレイヤと第２のレイヤとの順序を不変とするよう制御してもよい。

これにより、レイヤの変更を行わずに、レイヤ順序の変更を簡単に行うことができる。

また、レイヤ制御部は、入力部により第１のオブジェクトにおける対向する入力操作領域（例えば操作領域Ａ、Ｄ）への複数の入力操作を同時に受け付けた場合、第１のレイヤが第２のレイヤの下位のレイヤとなるように制御してもよい。

これにより、第１のオブジェクトが第２のオブジェクトよりも常に下位レイヤに配置されるようにレイヤ順序の変更を簡単に行うことができる。

また、レイヤ制御部は、入力部により受け付けた入力操作時の押圧力が大きい程、入力操作領域側とする範囲を大きくし、入力操作時の押圧力が小さい程、入力操作領域側と対向側とする範囲を大きくしてもよい。

これにより、押圧力が大きい程、第１のオブジェクトが第２のオブジェクトよりも下位のレイヤに配置され易くなり、押圧力が小さい程、第１のオブジェクトが第２のオブジェクトよりも上位のレイヤに配置され易くなる。したがって、直感的で分かりやすいオブジェクトの移動およびレイヤ順序の変更を行うことができる。

また、本実施形態の電子機器（例えば電子機器１）は、第１のオブジェクトにおける入力操作領域側の端部に対して第１のエフェクト処理（例えば青色に着色する処理）を行い、前記第１のオブジェクトにおける入力操作領域と対向側の端部に対して第２のエフェクト処理（例えば黄色に着色する処理）を行うエフェクト処理部（例えば表示制御部１６）を備えてもよい。

また、エフェクト処理部は、入力部により受け付けた入力操作により、第１のオブジェクトと第２のオブジェクトとが重複した場合、第２のオブジェクトの領域の端部としての矩形枠に対して第３のエフェクト処理（例えば、緑色に着色する処理）を行ってもよい。

これにより、第１のオブジェクトの画像が矩形でない場合であっても、第１のオブジェクトと第２のオブジェクトのレイヤ順序関係を簡単に把握することができる。

また、エフェクト処理部は、第１のレイヤが第２のレイヤよりも下位のレイヤであり、第１のオブジェクトと第２のオブジェクトとが重複した場合、第１のオブジェクトの端部に対する第１のエフェクト処理および第２のエフェクト処理の結果を、第２のレイヤよりも上位のレイヤで表示させてもよい。

これにより、第１のオブジェクトと第２のオブジェクトとの重複時に、第１のオブジェクトが第２のオブジェクトで隠れてしまう場合出会っても、第１のオブジェクトの端部にかけられたエフェクトを確認することができるので、どのようにレイヤ順序の変更を行おうとしているかを簡単に確認することができる。

また、エフェクト処理部は、第１のオブジェクトにおける画像が矩形の形状以外である場合、画像の端部に対して第１のエフェクト処理および前記第２のエフェクト処理を行ってもよい。また、エフェクト処理部は、入力部により入力を受け付けた入力位置と画像の基準点（例えば重心）との位置関係に基づいて、画像における基準点よりも入力位置側の端部に対して第１のエフェクト処理を行い、画像における基準点よりも入力位置と対向側の端部に対して第２のエフェクト処理を行ってもよい。

これにより、画像よりも外側の矩形部分ではなく、画像の端部にエフェクトがかけられるので、より直感的に操作対象のオブジェクト内の画像の移動やレイヤ順序の変更を行うことができる。

なお、本発明は、上記実施形態の構成に限られるものではなく、特許請求の範囲で示した機能、または本実施形態の構成が持つ機能が達成できる構成であればどのようなものであっても適用可能である。

例えば、上記実施形態では、エフェクトのかけ方は、オブジェクトの端部に例えば黄色と青色のラインを付加していたが、これに限らず、種々のエフェクトの表現が可能である。図１３（Ａ）〜（Ｃ）は種々のエフェクトのかけ方の一例を示す図である。

例えば、図１３（Ａ）に示すように、操作対象のオブジェクト２１の角部がめくれているように表現することで、浮き上がるようなエフェクトをかけてもよい。また、オブジェクトに影をつけることで、沈み込むようなエフェクトをかけてもよい。また、図１３（Ｂ）に示すように、上向きの矢印で浮き上がるようなエフェクトを表現し、下向きの矢印で沈み込むようなエフェクトを表現してもよい。また、図１３（Ｃ）に示すように、「Ｕｐ」、「Ｄｏｗｎ」の文字が記された吹き出しで表現してもよい。

また、上記実施形態では、操作対象のオブジェクト２１を４つの操作領域に分割する十字形の中央線は、非表示であったが、使用者が区画された操作領域を分かりやすくなるように、中央線を表示させてもよい。

また、上記実施形態では、操作対象のオブジェクト２１が他のオブジェクト４０と接触（重複）した際、単に上位レイヤあるいは下位レイヤに配置された場合を示したが、１段階のレイヤ変更に限らず、２段階以上の上位レイヤあるいは下位レイヤに配置されてもよい。また、１段階のレイヤ変更か２段階以上のレイヤ変更かを、図示しない操作部やレイヤ順管理部１５により変更できるようにしてもよい。

また、オブジェクトとしては、例えば、図形、画像、テキスト等が挙げられる。また、操作対象のオブジェクト２１を指３１で操作する場合を説明したが、スタイラスペンなどで操作してもよい。

また、複数のオブジェクトを画面に表示・編集可能な電子機器１として、例えば、スマートフォン、タブレット端末、ノートＰＣ等が挙げられる。

また、本発明は、上記実施形態の機能を実現する表示制御プログラムを、ネットワークあるいは各種記憶媒体を介して電子機器１に供給し、この電子機器１内のコンピュータが読み出して実行する表示制御プログラムも適用範囲である。

本発明は、オブジェクトの移動とレイヤ順序の変更を容易に行うことができる電子機器、表示制御方法、表示制御プログラム等に有用である。

１ 電子機器
１１ 座標入力部
１２ 表示位置判定部
１３ エフェクト判定部
１４ レイヤ順判定部
１５ レイヤ順管理部
１６ 表示制御部
１７ 表示部
１８ 画面
２１、７１、８１、９１、９６ 操作対象のオブジェクト
２２、２３ 中央線
２５、２７、６５、６７、８５ エフェクト
３１、３２ 指
４０、４２、４３、４４、４５、４６、４７、４８、４９、７５、９５ 他のオブジェクト
８３、９７ 四角枠
Ａ、Ｂ、Ｃ、Ｄ 操作領域

Claims (15)

1. 複数のレイヤにそれぞれ配置された複数のオブジェクトを表示部の画面に表示する電子機器であって、
   前記複数のオブジェクトの１つである第１のオブジェクトへの入力操作を受け付ける入力部と、
   前記入力部により入力操作を受け付けた前記第１のオブジェクトの領域の一部である入力操作領域と、前記複数のオブジェクトの１つである第２のオブジェクトと前記第１のオブジェクトとが重複した領域である重複領域と、の位置関係に基づいて、前記第１のオブジェクトが配置される第１のレイヤと前記第２のオブジェクトが配置される第２のレイヤとの順序を制御するレイヤ制御部と、
   前記レイヤ制御部によって制御された前記第１のレイヤおよび前記第２のレイヤにそれぞれ配置された前記第１のオブジェクトおよび前記第２のオブジェクトを前記表示部の画面に表示させる表示制御部と、
   を備える電子機器。
2. 請求項１に記載の電子機器であって、
   前記レイヤ制御部は、前記入力部により受け付けた入力操作により、前記第１のオブジェクトが前記入力操作領域側から前記第２のオブジェクトと重複した場合、前記第１のレイヤが前記第２のレイヤの下位のレイヤとなるように制御する電子機器。
3. 請求項１に記載の電子機器であって、
   前記レイヤ制御部は、前記入力部により受け付けた入力操作により、前記第１のオブジェクトが前記入力操作領域と対向側から前記第２のオブジェクトと重複した場合、前記第１のレイヤが前記第２のレイヤの上位のレイヤとなるよう制御する電子機器。
4. 請求項１に記載の電子機器であって、
   前記レイヤ制御部は、前記第１のオブジェクトの領域の面積に対する前記接触面積の比率が所定比率以上である場合、又は、前記第１のオブジェクトの領域が一定サイズ以下である場合、前記入力部により受け付けた入力操作により前記第１のオブジェクトと前記第２のオブジェクトとが重複したとき、前記第１のレイヤが前記第２のレイヤの上位のレイヤとなるよう制御する電子機器。
5. 請求項１ないし４のいずれか１項に記載の電子機器であって、
   前記レイヤ制御部は、前記入力部により前記第１のオブジェクトの領域の中央部への入力操作を受け付けた場合、前記第１のレイヤと前記第２のレイヤとの順序を不変とするよう制御する電子機器。
6. 請求項１ないし４のいずれか１項に記載の電子機器であって、
   前記レイヤ制御部は、前記入力部により前記第１のオブジェクトにおける同一の入力操作領域への複数の入力操作を同時に受け付けた場合、前記第１のレイヤと前記第２のレイヤとの順序を不変とするよう制御する電子機器。
7. 請求項１に記載の電子機器であって、
   前記レイヤ制御部は、前記入力部により前記第１のオブジェクトにおける対向する入力操作領域への複数の入力操作を同時に受け付けた場合、前記第１のレイヤが前記第２のレイヤの下位のレイヤとなるように制御する電子機器。
8. 請求項１ないし７のいずれか１項に記載の電子機器であって、
   前記レイヤ制御部は、前記入力部により受け付けた入力操作時の押圧力が大きい程、前記入力操作領域側とする範囲を大きくし、前記入力操作時の押圧力が小さい程、前記入力操作領域側と対向側とする範囲を大きくする電子機器。
9. 請求項１ないし８のいずれか１項に記載の電子機器であって、更に、
   前記第１のオブジェクトにおける入力操作領域側の端部に対して第１のエフェクト処理を行い、前記第１のオブジェクトにおける前記入力操作領域と対向側の端部に対して第２のエフェクト処理を行うエフェクト処理部を備える電子機器。
10. 請求項９記載の電子機器であって、
    前記エフェクト処理部は、前記入力部により受け付けた入力操作により、前記第１のオブジェクトと前記第２のオブジェクトとが重複した場合、前記第２のオブジェクトの領域の端部としての矩形枠に対して第３のエフェクト処理を行う電子機器。
11. 請求項９または１０記載の電子機器であって、
    前記エフェクト処理部は、前記第１のレイヤが前記第２のレイヤよりも下位のレイヤであり、前記第１のオブジェクトと前記第２のオブジェクトとが重複した場合、前記第１のオブジェクトの端部に対する前記第１のエフェクト処理および前記第２のエフェクト処理の結果を、前記第２のレイヤよりも上位のレイヤで表示させる電子機器。
12. 請求項９ないし１１のいずれか１項に記載の電子機器であって、
    前記エフェクト処理部は、前記第１のオブジェクトにおける画像が矩形の形状以外である場合、前記画像の端部に対して前記第１のエフェクト処理および前記第２のエフェクト処理を行う電子機器。
13. 請求項１２記載の電子機器であって、
    前記エフェクト処理部は、前記入力部により入力を受け付けた入力位置と前記画像の基準点との位置関係に基づいて、前記画像における前記基準点よりも前記入力位置側の端部に対して前記第１のエフェクト処理を行い、前記画像における前記基準点よりも前記入力位置と対向側の端部に対して前記第２のエフェクト処理を行う電子機器。
14. 複数のレイヤにそれぞれ配置された複数のオブジェクトを表示部の画面に表示する電子機器の表示制御方法であって、
    前記複数のオブジェクトの１つである第１のオブジェクトへの入力操作を受け付けるステップと、
    前記入力操作を受け付けた前記第１のオブジェクトの領域の一部である入力操作領域と、前記複数のオブジェクトの１つである第２のオブジェクトと前記第１のオブジェクトとが重複した領域である重複領域と、の位置関係に基づいて、前記第１のオブジェクトが配置される第１のレイヤと前記第２のオブジェクトが配置される第２のレイヤとの順序を制御するステップと、
    前記制御された前記第１のレイヤおよび前記第２のレイヤにそれぞれ配置された前記第１のオブジェクトおよび前記第２のオブジェクトを前記表示部の画面に表示させるステップと、
    を有する表示制御方法。
15. 請求項１４に記載の各ステップをコンピュータに実行させるための表示制御プログラム。

Images