(57)【要約】【課題】簡単な操作で階層画面の表示を制御することができる電子機器、表示制御方法及びプログラムを提供すること。【解決手段】本技術に係る電子機器は、タッチスクリーンと、制御部とを備える。  制御部は、タッチスクリーンへのドラッグ操作に応じて、タッチスクリーンへの第１のメニュー及び第１のメニューに応じた表示対象の表示を制御する。  本技術では、ドラッグ操作を行うだけで、第１のメニュー及び第１のメニューに応じた表示対象の表示へ切り替えることができるので、簡単な操作で階層画面の表示を制御することができる。【選択図】図２
2012226516.tif 000002
【特許請求の範囲】
【請求項１】
タッチスクリーンと、
前記タッチスクリーンへのドラッグ操作に応じて、前記タッチスクリーンへの第１のメニュー及び前記第１のメニューに応じた表示対象の表示を制御する制御部と
を具備する電子機器。
【請求項２】
請求項１に記載の電子機器であって、
前記制御部は、前記タッチスクリーンへのドラッグ操作に応じて前記タッチスクリーンに表示された前記第１のメニューを隠す
電子機器。
【請求項３】
請求項２に記載の電子機器であって、
前記制御部は、前記タッチスクリーンの第１の方向に向けて前記第１のメニュー及び前記表示対象を順に表示し、前記ドラッグ操作が前記第１の方向とは逆方向の第２の方向に向かうとき前記タッチスクリーンに表示された前記第１のメニューを隠す
電子機器。
【請求項４】
請求項３に記載の電子機器であって、
前記制御部は、前記ドラッグ操作が前記第１の方向に向かうとき前記表示対象が表示されたタッチスクリーンから隠されていた前記第１のメニューを表示する
電子機器。
【請求項５】
請求項２に記載の電子機器であって、
前記制御部は、前記第１のメニューの上位階層の第２のメニューを前記第１のメニュー及び前記表示対象と共に表示し、前記タッチスクリーンへのドラッグ操作に第１の特徴があったとき前記タッチスクリーンに表示された前記第１のメニュー及び前記第２のメニューを同時に隠す
電子機器。
【請求項６】
請求項５に記載の電子機器であって、
前記第１の特徴は、前記タッチスクリーンへのドラッグ操作の操作距離が所定の長さを超えたときである
電子機器。
【請求項７】
請求項１に記載の電子機器であって、
前記制御部は、前記表示対象が表示されたタッチスクリーンへのドラッグ操作に応じて前記タッチスクリーンから隠されていた前記第１のメニューを表示する
電子機器。
【請求項８】
請求項７に記載の電子機器であって、
前記制御部は、前記表示対象が表示されたタッチスクリーンへのドラッグ操作に応じて前記タッチスクリーンから隠されていた前記第１のメニューを表示するときに、前記ドラッグ操作の操作距離に応じた表示幅で前記第１のメニューを表示する
電子機器。
【請求項９】
タッチスクリーンに第１のメニュー及び前記第１のメニューに応じた表示対象を表示し、
前記タッチスクリーンへのドラッグ操作に応じて前記タッチスクリーンに表示された前記第１のメニューを隠す
表示制御方法。
【請求項１０】
タッチスクリーンを備えた電子機器に、
前記タッチスクリーンに第１のメニュー及び前記第１のメニューに応じた表示対象を表示するステップと、
前記タッチスクリーンへのドラッグ操作に応じて前記タッチスクリーンに表示された前記第１のメニューを隠すステップ
を実行させるプログラム。
【発明の詳細な説明】
【技術分野】
【０００１】
本技術は、タッチスクリーンを備える電子機器、表示制御方法及びプログラムに関する。
【背景技術】
【０００２】
パーソナルコンピュータのブラウザには、ウェブページと共に履歴などを階層的に表示することが可能である。履歴などを表示するとウェブページの表示エリアが狭くなる、等の理由で履歴などの表示エリアを閉じることが可能である。履歴などの表示エリアを閉じる操作は、例えば履歴などの表示エリアの右上に表示された特定のボタンを指示してクリックすることで行われる。このような技術に関連する情報としては、例えば特許文献１がある。
【先行技術文献】
【特許文献】
【０００３】
【特許文献１】特開２００８−２８１４４５号公報
【発明の概要】
【発明が解決しようとする課題】
【０００４】
特定のボタンを指示してクリックする操作は比較的に高い精度で行う必要があることから、タッチスクリーン上でこれを実現しようとすると、操作性が悪くなる。
【０００５】
以上のような事情に鑑み、本技術の目的は、簡単な操作で階層画面の表示を制御することができる電子機器、表示制御方法及びプログラムを提供することにある。
【課題を解決するための手段】
【０００６】
本技術に係る電子機器は、タッチスクリーンと、制御部とを備える。
制御部は、タッチスクリーンへのドラッグ操作に応じて、タッチスクリーンへの第１のメニュー及び第１のメニューに応じた表示対象の表示を制御する。
本技術では、ドラッグ操作を行うだけで、第１のメニュー及び第１のメニューに応じた表示対象の表示へ切り替えることができるので、簡単な操作で階層画面の表示を制御することができる。
【０００７】
制御部は、タッチスクリーンへのドラッグ操作に応じてタッチスクリーンに表示された第１のメニューを隠すものであってもよい。
本技術では、ドラッグ操作を行うだけで、第１のメニューを隠すことができるので、簡単な操作で階層画面の表示を切り替えることができる。
【０００８】
制御部は、タッチスクリーンの第１の方向に向けて第１のメニュー及び表示対象を順に表示し、ドラッグ操作が第１の方向とは逆方向の第２の方向に向かうときタッチスクリーンに表示された第１のメニューを隠すものであってもよい。
本技術では、上位階層である第１のメニューから下位階層である表示対象が展開される方向である第１の方向と逆方向にドラッグ操作が行われることによって、上位階層である第１のメニューが隠されるので、より直感的な操作で階層画面の表示を切り替えることができる。
【０００９】
制御部は、ドラッグ操作が第１の方向に向かうとき表示対象が表示されたタッチスクリーンから隠されていた第１のメニューを表示してもよい。
本技術では、下位階層である表示対象が表示されたタッチスクリーンの、上位階層から下位階層が展開される方向である第１の方向に向けてドラッグ操作を行うことにより、上位階層である第１のメニューを表示できるので、より直感的な操作で階層画面の表示を切り替えることができる。
【００１０】
制御部は、第１のメニューの上位階層の第２のメニューを第１のメニュー及び表示対象と共に表示し、タッチスクリーンへのドラッグ操作に第１の特徴があったときタッチスクリーンに表示された第１のメニュー及び第２のメニューを同時に隠してもよい。
本技術では、第１の特徴のあるドラッグ操作だけで複数の階層のメニューを同時に隠すことができるので、より簡単な操作でメニューを隠すことができる。
【００１１】
第１の特徴は、タッチスクリーンへのドラッグ操作の操作距離が所定の長さを超えたときであってもよい。
本技術では、ドラッグ操作の操作距離が所定の長さを超えたとき複数の階層を同時に隠すことができ、より簡単な操作でメニューを隠すことができる。
【００１２】
制御部は、表示対象が表示されたタッチスクリーンへのドラッグ操作に応じてタッチスクリーンから隠されていた第１のメニューを表示してもよい。
本技術では、ドラッグ操作だけで、第１のメニューを表示することができるので、簡単な操作で階層画面の表示を切り替えることができる。
【００１３】
制御部は、表示対象が表示されたタッチスクリーンへのドラッグ操作に応じてタッチスクリーンから隠されていた第１のメニューを表示するときに、ドラッグ操作の操作距離に応じた表示幅で第１のメニューを表示してもよい。
本技術では、ドラッグ操作の操作距離に応じた表示幅で第１のメニューを表示することができるので、簡単な操作でメニューの表示幅を設定することができる。
【００１４】
本技術に係る表示制御方法は、タッチスクリーンに第１のメニュー及び第１のメニューに応じた表示対象を表示し、タッチスクリーンへのドラッグ操作に応じてタッチスクリーンに表示された第１のメニューを隠す。
本技術では、ドラッグ操作を行うだけで、第１のメニューを隠すことができるので、簡単な操作で階層画面の表示を切り替えることができる。
【００１５】
本技術に係るプログラムは、タッチスクリーンを備えた電子機器に、タッチスクリーンに第１のメニュー及び第１のメニューに応じた表示対象を表示するステップと、タッチスクリーンへのドラッグ操作に応じてタッチスクリーンに表示された第１のメニューを隠すステップを実行させる。
本技術では、ドラッグ操作を行うだけで、第１のメニューを隠すことができるので、簡単な操作で階層画面の表示を切り替えることができる。
【発明の効果】
【００１６】
以上のように、本技術によれば、簡単な操作で階層画面の表示切り替えができる。
【図面の簡単な説明】
【００１７】
【図１】本技術の一実施形態に係る電子機器のハードウェア構成を示す図である。
【図２】一実施形態におけるドラッグ操作による階層画面の表示切り替え動作を説明するためのフローチャート図である。
【図３】図１に示したタッチスクリーンにおける表示例を示す図である。
【図４】一実施形態におけるタッチスクリーンの表示例を示す図である。
【図５】一実施形態におけるタッチスクリーンの表示例を示す図である。
【図６】一実施形態におけるタッチスクリーンの表示例を示す図である。
【図７】一実施形態におけるタッチスクリーンの表示例を示す図である。
【図８】一実施形態におけるタッチスクリーンの表示例を示す図である。
【図９】一実施形態におけるタッチスクリーンの表示例を示す図である。
【図１０】他の実施形態における階層画面の表示切り替え動作を説明するためのフローチャート図である。
【図１１】比較例としての階層画面の表示切り替えを説明するための図である。
【図１２】比較例としての階層画面の表示切り替えを説明するための図である。
【発明を実施するための形態】
【００１８】
以下、本技術に係る実施形態を、図面を参照しながら説明する。
［ＰＣの構成］
【００１９】
図１は、本技術に係る一実施形態の電子機器を示すブロック図である。電子機器としては、例えばＰＣ（Personal  Computer）やスマートフォンなどの情報処理装置を例にして説明するが、タッチスクリーンを有する他の電子機器にも本技術を適用できる。
【００２０】
図１に示すように、電子機器１００は、ＣＰＵ（Central processing Unit）を含む制御部１１１、ＲＯＭ（Read Only Memory）１１２、ＲＡＭ（Random Access Memory）１１３、入出力インターフェース１１５、及びこれらを互いに接続するバス１１４と、タッチスクリーン１１６とを備える。
【００２１】
制御部１１１は、必要に応じてＲＡＭ１１３等に適宜アクセスし、各演算処理を行いながら電子機器１００の各ブロック全体を統括的に制御する。制御部１１１は、タッチスクリーン１１６へのタッチ操作やドラッグ操作等のジェスチャー操作（以下、ドラッグ操作と称す。）に応じて、タッチスクリーン１１６への表示を制御する。
【００２２】
ＲＯＭ１１２は、制御部１１１に実行させるＯＳ、プログラムや各種パラメータなどのファームウェアが固定的に記憶されている不揮発性のメモリである。ＲＯＭ１１２には、タッチスクリーン１１６を備えた電子機器１００に、タッチスクリーン１１６に第１のメニュー及び第１のメニューに応じた表示対象を表示するステップと、タッチスクリーン１１６へのドラッグ操作に応じてタッチスクリーン１１６に表示された第１のメニューを隠すステップを実行させるプログラムが記憶されている。
【００２３】
ＲＡＭ１１３は、制御部１１１の作業用領域などとして用いられ、ＯＳ、実行中の各種アプリケーションプログラム、処理中の各種データを一時的に保持する。
【００２４】
入出力インターフェース１１５には、タッチスクリーン１１６、記憶部としてのＨＤＤ１１８、ネットワーク１５０等が接続される。
【００２５】
ＨＤＤ１１８には、上記ＯＳや各種アプリケーションプログラム、各種データが記憶される。ネットワーク５０は、無線又は有線によってネットワークに接続する。タッチスクリーン１１６は、例えば入力装置としてのタッチパネルと表示部としての液晶パネルとで構成される。
【００２６】
タッチスクリーン１６のタッチパネルは、液晶パネルの表面上に重畳して配設される透明な感圧式の入力装置である。タッチパネルは、表示画面内の任意の箇所に対するユーザの入力操作を受け付ける。ユーザが指又はタッチペンを用いてタッチパネルにタッチ操作やドラッグ操作などのジェスチャー操作をすると、タッチパネルは、当該ジェスチャー操作に対応する位置の座標を判断して制御部１１１に出力する。なお、入力装置としては、表示部に対するユーザのジェスチャー操作を判断可能であれば、タッチパネル以外にも、接触式や非接触式にかかわらず、任意の位置判断デバイスを使用してもよい。
【００２７】
タッチスクリーン１１６の液晶パネルは、液晶ディスプレイ等の表示パネル部と、該表示パネル部を表示駆動する表示駆動部と有する。上記表示駆動部は、バス１１４を介して入力される各種の表示データを上記表示パネル部に表示させるための画素駆動回路で構成されている。画素駆動回路は、上記表示パネル部においてマトリクス状に配置されている各画素について、それぞれ所定の水平／垂直駆動タイミングで画像信号に基づく駆動信号を印加し、表示を実行させる。
【００２８】
このように構成された電子機器では、図３に示すように、例えばタッチスクリーン１１６に、第２のメニュー１１〜１９が表示された第１階層１０と、第２のメニュー１１に対応する第１のメニュー１２１〜１２７が表示された第２階層２０と、第１のメニュー１２１に応じた表示対象である実体４０が表示された第３階層３０が表示可能である。第１階層１０の第２のメニューや第２階層の第１のメニューの表示をタッチスクリーン１１６上から隠したり、タッチスクリーン１１６上に表示させる、階層画面の表示の切り替えは、タッチスクリーン１６に対するユーザの所定のドラッグ操作（ドラッグのジェスチャー操作）によって行うことができる。
［ドラッグ操作による階層画面の表示切り替え動作］
【００２９】
次に、以上のように構成された電子機器１００の表示制御方法について、図２に基づき、図３〜図９を用いて説明する。
【００３０】
図２は、ドラッグ操作による階層画面の表示の切り替え動作を説明するためのフローチャートである。図３〜図９は、ドラッグ操作により階層画面の表示が切り替えられた電子機器１００のタッチスクリーン１１６画面を示す。図４、図５、図７及び図９において、２つの同じ大きさの円が一部重なって横に並んだ外形を有する図形は、ユーザによるドラッグ操作の様子を示しており、矢印はドラッグ操作方向を示す。本実施形態では、第２方向としての左方向にドラッグ操作を行うことにより階層画面が隠され、第１方向としての右方向にドラッグ操作を行うことにより階層画面が表示されるように制御される。階層画面としては、最上位のファルダからコンテンツの詳細情報まで例えば三階層のデータ（ＲＳＳ  Ｆｅｅｄ、お気に入り、メールなど)を一画面に並列で表示できるものであればよい。
【００３１】
電子機器１００の、例えばウェブブラウザが起動されると、図３に示すように、制御部１１１は、タッチスクリーン１１６上に、第１階層１０、第２階層２０及び第３階層３０を表示させる（ステップ１（Ｓ１））。第１階層１０には第２のメニュー１１〜１９が表示され、第２階層２０には第１階層１０の最上位にあるメニュー１１に対応する第１のメニュー１２１〜１２７が表示される。第３階層３０には第２階層２０の最上位にあるメニュー１２７の実体（コンテンツ）４０が表示される。ここで、第１階層１０の第２のメニュー１１〜１９は、第２階層２０の第１のメニュー１２１〜１２７の上位階層となる。このように、タッチスクリーン１１６の右方向（第１の方向）に向けて、第２のメニュー１１〜１９、第１のメニュー１２１〜１２７及び表示対象である実体４０が順に表示され、左から右方向に向けて下位の階層が順に展開されて表示される。
【００３２】
ここでは、起動時の画面として、第１階層１０及び第２階層２０それぞれのメニューの最上位に対応するメニュー及び実体が表示されるように設定しているが、例えば、前回終了時の画面と同様の画面が起動時の画面となってもよい。
【００３３】
次に、制御部１１１は、ユーザによるタッチ操作やドラッグ操作などのジェスチャー操作を判断する（ステップ２（Ｓ２））。
【００３４】
制御部１１１がタッチ操作であると判断すると、ユーザがタッチした箇所のメニューが選択されたとされ、制御部１１１はそのメニューに対応する実体をタッチスクリーン１１６上に表示させる。ここでは、Ｓ２で、ユーザが第１階層１０のメニュー１５を選択する場合を例に挙げる。
【００３５】
図４に示すように、ユーザがタッチスクリーン１１６に表示される第１階層１０のメニュー１５を選択、タッチ操作することにより、制御部１１１は、第２階層２０にメニュー１５に対応する第１のメニュー５２１〜５２４を表示させる。メニュー１５が選択された時点でのタッチスクリーン１１６には、第２階層２０の最上位のメニュー５２１が選択されたとされ、第３階層にはこのメニュー５２１に対応する実体が表示される。次に、ユーザが第２階層２０に表示される第１のメニュー５２１〜５２４の中からメニュー５２４を選択、タッチ操作することにより、図４に示すように、制御部１１１は、メニュー５２４に対応する実体４１を第３階層３０に表示させる。
【００３６】
ここでは、起動時の画面として、第１階層１０及び第２階層２０それぞれのメニューの最上位に対応するメニュー及び実体が表示されるように設定されている。しかし、例えば前回終了時の表示画面が起動時画面となるように設定されている場合には、タッチスクリーン１１６上に必ずしもメニューが表示されているとは限らない。この場合には、タッチスクリーン１１６上に所望のメニューの表示がある場合は、タッチ操作によって所望のメニューを選択すればよい。所望のメニューの表示がない場合は、ドラッグ操作により表示されていない階層のメニューを表示させることができる。ドラッグ操作によるメニューの表示については後述する。
【００３７】
次に、制御部１１１は、ドラッグ操作の方向が左方向（第２の方向）か否かを判断する（ステップ３（Ｓ３））。例えば、図４に示すように、タッチスクリーンに対して第１の方向とは逆方向である第２の方向としての左方向５０に向かってドラッグ操作が行われた場合、制御部１１１はドラッグ操作の方向が左方向であると判断し（Ｓ３のＹｅｓ）、ステップ４（Ｓ４）に進む。
【００３８】
Ｓ４では、制御部１１１は、タッチスクリーン１１６上にメニューが表示されているか否かを判断する。ここでは、図４に示すように、全てのメニュー（第２のメニュー１１〜１９、第１のメニュー５２１〜５２４）が表示されているので、制御部１１１はメニューが表示されていると判断し（Ｓ４のＹｅｓ）、ステップ５（Ｓ５）に進む。
【００３９】
ここで、タッチスクリーン１１６上に第１階層１０の第２のメニュー１１〜１９のみ、または、第２階層２０の第１のメニュー５２１〜５２４のみが表示されている場合においても、Ｓ４において、制御部１１１はメニューが表示されていると判断し（Ｓ４のＹｅｓ）、ステップ５（Ｓ５）に進む。一方、図５に示すように、タッチスクリーン上に第１階層１０の第２のメニュー１１〜１９も第２階層２０の第１のメニュー５２も表示されておらず、第３階層３０の実体４１のみが表示されている場合は、Ｓ４において、制御部１１１はメニューが表示されていないと判断し（Ｓ４のＮｏ）、階層画面の表示を制御する動作は行わず（ステップ９（Ｓ９））、タッチスクリーン１１６に表示される画面表示は変わらない。その後、Ｓ２に戻る。
【００４０】
Ｓ５では、制御部１１１は、ドラッグ操作の距離が、所定の長さであるＳより長いか否かを判断する。Ｓの値は予めデフォルト設定されており、任意に設定を変更することも可能である。制御部１１１は、タッチスクリーン１１６へのドラッグ操作に、ドラッグ操作の操作距離がＳを越えるという第１の特徴があったと判断するとき（Ｓ５のＹｅｓ）には、全てのメニュー（ここでは、第２のメニュー１１〜１９及び第１のメニュー５２１〜５２４）をタッチスクリーン１１６上から隠す（ステップ１０（Ｓ１０））。これにより、図５に示すように、第３階層３０の実体４１のみがタッチスクリーン１１６上に表示される。その後、Ｓ２に戻る。
【００４１】
制御部１１１は、Ｓ５において、ドラッグの距離がＳ以下と判断するとき（Ｓ５のＮｏ）には、設定が「左のメニューから隠す」になっているか否かを判断する（ステップ６（Ｓ６）。制御部１１１は、設定が「左のメニューから隠す」になっていると判断するとき（Ｓ６のＹｅｓ）には、タッチスクリーン１１６上左側に位置する１階層のメニューを隠す（ステップ７（Ｓ７））。これにより、図６に示すように、第１階層１０の第２のメニュー１１〜１９が隠され、第２階層２０の第１のメニュー５２１〜５２４と第３階層３０の実体４１がタッチスクリーン１１６上に表示される。
【００４２】
ここで、左側に位置する１階層のメニューを隠すとは、タッチスクリーン１１６上に表示された一番左に位置する階層のメニューから隠すということである。この実施形態においては、左から右に向かって階層が展開して表示されていくので、左側に上位階層、右側に下位外層が位置することとなり、左側に位置する１階層のメニューを隠すということは、タッチスクリーン１１６上に表示された階層のうち最も上位の階層から隠していくことを意味する。
【００４３】
制御部１１１は、Ｓ６において、設定が「左のメニューから隠す」になっていないと判断（Ｓ６のＮｏ）するときには、タッチスクリーン１１６上右側に位置する１階層のメニューを隠す（ステップ１１（Ｓ１１））。これにより、図８に示すように、第２階層２０の第１のメニュー５２１〜５２４が隠され、第１階層１０の第２のメニュー１１〜１９と第３階層３０の実体４１がタッチスクリーン１１６上に表示される。
【００４４】
ここで、「右側に位置する１階層のメニューを隠す」とは、表示された一番右に位置する階層のメニューから隠すということである。本実施形態においては、左から右に向かって階層が展開して表示されていくので、左側に上位階層、右側に下位外層が位置することとなり、右側に位置する１階層のメニューを隠すということは、タッチスクリーン１１６上に表示された階層のうち最も下位の階層から隠していくことを意味する。
【００４５】
Ｓ７及びＳ１１で１階層のメニューが隠された後、再びＳ２に戻る。
【００４６】
制御部１１１は、Ｓ３において、タッチスクリーンに対して左方向５０に向かってドラッグ操作が行われなかったと判断したとき（Ｓ３のＮｏ）には、行われたドラッグ操作の操作方向が逆方向、すなわち右方向（第１の方向）か否かを判断する（ステップ８（Ｓ８））。
【００４７】
制御部１１１は、Ｓ８において、行われたドラッグ操作の操作方向が逆方向へのドラッグ操作でないと判断する（Ｓ８のＮｏ）と、階層画面の表示の制御をする動作は行わず（ステップ９（Ｓ９））、タッチスクリーン１１６に表示される画面表示は変わらない。その後、Ｓ２に戻る。
【００４８】
制御部１１１は、Ｓ８において、逆方向へのドラッグであると判断する（Ｓ８のＹｅｓ）と、タッチスクリーン１１６上に表示されていないメニューがあるか否かを判断する（ステップ１２（Ｓ１２））。
【００４９】
ここで、例えば図３に示す表示画面においては、全てのメニューが表示されているので、Ｓ１２において制御部１１１は表示されていないメニューはないと判断し（Ｓ１２のＮｏ）、階層画面の表示の制御をする動作は行われない（ステップ９（Ｓ９））。従って、タッチスクリーン１１６に表示される画面表示は変わらず、図３に図示される表示となる。その後、再びＳ２に戻る。
【００５０】
一方、図５や、図６及び図７に示す表示画面においては、それぞれ表示されていないメニューがあるので、Ｓ１２で制御部１１１は、表示されていないメニューがあると判断し（Ｓ１２のＹｅｓ）、ステップ１３（Ｓ１３）に進む。
【００５１】
制御部１１１は、Ｓ１３において、ドラッグ操作の距離が、所定の長さであるＳより長いか否かを判断する。制御部１１１は、Ｓ１３でタッチスクリーン１１６へのドラッグ操作の操作距離がＳを越えたと判断する（Ｓ１３のＹｅｓ）と、図４に示すようにタッチスクリーン１１６上に全てのメニューが表示される。その後、再びＳ２に戻る。
【００５２】
制御部１１１は、Ｓ１３でタッチスクリーン１１６へのドラッグ操作の操作距離がＳ以下であると判断する（Ｓ１３のＮｏ）と、設定は「右のメニューから表示」になっているか否かを判断する（ステップ１４（Ｓ１４））。制御部１１１は、Ｓ１３において、設定は「右のメニューから表示」になっていると判断する（Ｓ１４のＹｅｓ）と、タッチスクリーン１１６上に右側から１階層のメニューを表示させる（ステップ１５（Ｓ１５））。本実施形態においては、左から右に向かって階層が展開して表示されていくので、左側に上位階層、右側に下位階層が位置することとなる。Ｓ１５において、右側から１階層のメニューを表示とは、タッチスクリーン１１６上に表示されていないメニューのある階層のうち、表示されている実体に対応する、最も下位にある１階層が表示されることを意味する。
【００５３】
ここで、例えば図５に示す表示画面で同図に示すように右方向６０にドラッグ操作が行われた場合、制御部１１１は、Ｓ１４で設定は「右のメニューから表示」になっていると判断（Ｓ１４のＹｅｓ）したとき、図６に示すように、Ｓ１５でタッチスクリーン１１６上に表示されている実体に対応するメニューがある階層、本実施形態においては第２階層２０の第１のメニュー５２１から５２４を表示させる。
【００５４】
また、例えば図６及び図７に示す表示画面で、図７に示すように右方向６０にドラッグ操作が行われた場合、制御部１１１は、Ｓ１４で「右のメニューから表示」になっていると判断（Ｓ１４のＹｅｓ）したとき、図４に示すように、Ｓ１５でタッチスクリーン１１６上に、第１階層１０の第２のメニュー１１〜１９を表示させる。ここでは、表示されていないメニューのある階層は第１階層１０の１つのみであるので、第１階層１０が表示されるが、表示されていないメニューのある階層が複数の場合は右側の階層、すなわち、本実施形態においては表示されていないメニューのある階層のうち下位の階層を表示することになる。
【００５５】
更に、図８及び図９に示す表示画面で、図９に示すように右方向６０にドラッグ操作が行われた場合、制御部１１１は、Ｓ１４で「右のメニューから表示」になっていると判断（Ｓ１４のＹｅｓ）したとき、図４に示すように、Ｓ１５でタッチスクリーン１１６上に、第２階層２０の第１のメニュー５２１〜５２４を表示させる。ここでは、表示されていないメニューのある階層は第２階層２０の１つのみであるので、第２階層２０が表示されるが、表示されていないメニューのある階層が複数の場合は右側の階層、すなわち、本実施形態においては表示されていないメニューのある階層のうち下位の階層を表示することになる。
【００５６】
制御部１１１は、Ｓ１４において、設定は「右のメニューから表示」になっていないと判断する（Ｓ１４のＮｏ）と、タッチスクリーン１１６上に左側から１階層のメニューを表示させる（ステップ１７（Ｓ１７））。本実施形態においては、左から右に向かって階層が展開して表示されていくので、左側に上位階層、右側に下位階層が位置することとなる。Ｓ１７において、左側から１階層のメニューを表示とは、タッチスクリーン１１６上に表示されていないメニューのある階層のうち、表示されている実体に対応する、最も上位にある１階層が表示されることを意味する。
【００５７】
ここで、例えば図５に示す表示画面で同図に示すように右方向６０にドラッグ操作が行われた場合、制御部１１１は、Ｓ１４で設定は「右のメニューから表示」になっていないと判断（Ｓ１４のＮｏ）したとき、図８に示すように、Ｓ１７でタッチスクリーン１１６上に表示されている実体に対応するメニューがある第１階層１０の第２のメニュー１１〜１９を表示させる。
【００５８】
また、例えば図６及び図７に示す表示画面で、図７に示すように右方向６０にドラッグ操作が行われた場合、制御部１１１は、Ｓ１４で「右のメニューから表示」になっていないと判断（Ｓ１４のＮｏ）したとき、図４に示すように、Ｓ１７でタッチスクリーン１１６上に第１階層１０の第２のメニュー１１〜１９を表示させる。ここでは、表示されていないメニューのある階層は第１階層１０の１つのみであるので、第１階層１０が表示されるが、表示されていないメニューのある階層が複数の場合は左側の階層、すなわち、本実施形態においては表示されていないメニューのある階層のうち上位の階層を表示することになる。
【００５９】
更に、図８及び図９に示す表示画面で、図９に示すように右方向６０にドラッグ操作が行われた場合、制御部１１１は、Ｓ１４で「右のメニューから表示」になっていないと判断（Ｓ１４のＮｏ）したとき、図４に示すように、Ｓ１７でタッチスクリーン１１６上に、第２階層２０の第１のメニュー５２１〜５２４を表示させる。ここでは、表示されていないメニューのある階層は第２階層２０の１つのみであるので、第２階層２０が表示されるが、表示されていないメニューのある階層が複数の場合は左側の階層、すなわち、本実施形態においては表示されていないメニューのある階層のうち上位の階層を表示することになる。
【００６０】
Ｓ１５及びＳ１７で１階層のメニューが隠された後、Ｓ２に戻る。
［本技術に係るドラッグ操作による階層画面の表示切り替え動作の利点］
【００６１】
電子機器１００によれば、ユーザがタッチスクリーン１１６に対してドラッグ操作を行うだけで階層画面の表示を切り替えることができる。
【００６２】
図１１に示すように、ユーザがブラウザにウェブページ１２００が表示されたタッチスクリーン１１１６上でブックマークを選択すると、ウェブページ１２００上に重畳してブックマークページ１２０１が表示される。ブックマークページ１２０１では履歴などを階層的に表示することができる。ブックマークページ１２０１を表示する領域だけウェブページを表示する領域が狭くなるので、ウェブページを表示する領域を広くするために、ブックマークページ１２０１の右上に表示された特定のボタンを指示してクリックし、ブックマークページ１２０１を閉じることが考えられる。このようにして階層画面の表示を制御することが考えられる。
【００６３】
図１２に示すように、ユーザがメーラー起動したタッチスクリーン２１１６上で第１階層２０１０に表示されたメニュー２０１１から所定のメニューを選択すると、第２階層２０２０にその選択されたメニューに対応するサブメニュー２０２１が表示される。更に、ユーザがサブメニュー２０２１から所定のサブメニューを選択すると、第３階層２０３０にその選択されたサブメニューに対応する実体２０４０が表示される。そして、サブメニューをダブルクリックすると、図１２に示す表示画面上に該表示画面と一部重畳して、実体２０４０が表示される。この表示画面上に重畳して表示された実体２０４０を閉じる場合は、実体２０４０の表示エリアの右上に表示された特定のボタンを指示してクリックする。このようにして階層画面の表示を切り替えることが考えられる。
【００６４】
図１１に示した技術では、ブックマークページの右上に表示された特定のボタンを指示してクリックすることで階層画面（ブックマークページ）を閉じ、また図１２に示した技術では、実体の表示エリアの右上に表示された特定のボタンを指示してクリックすることで実体が表示された階層画面を閉じる。しかしながら、このような特定のボタンを指示してクリックする操作は比較的に高い精度で行う必要があることから、タッチスクリーン上でこれを実現しようとすると、操作性が悪くなる。特にスマートフォンのようなタッチスクリーンの面積が小さく、操作部も表示部と兼用していて操作部の面積が小さい場合には、このような操作が煩わしいことはユーザにとって非常に不便である。
【００６５】
これに対して、電子機器１００では、ユーザがタッチスクリーン１１６に対してドラッグ操作を行うだけで階層画面の表示を切り替えることができるので、特定のボタンを指示してクリックするという高い精度が必要な操作を行う必要がない。つまり、本技術に係る電子機器１００では、隠されていたメニューのある階層の表示は第１の方向に向かうドラッグ操作だけで、また、メニューのある階層を隠すのは第１の方向と逆方向である第２の方向に向かうドラッグ操作だけで行うことができる。従って、ユーザはドラッグ操作の方向に応じて階層画面の表示の切り替えができるので、簡単な操作で階層画面の表示の切り替えができる。また、メニューのある階層を隠すことにより、表示対象の表示エリアをその分広くすることができる。これにより、階層が表示されていたことにより例えば表示対象の一部が途切れて表示されていたものを、階層を隠すことで表示対象の全てを簡単な操作で表示させることができる。
【００６６】
本技術に係る電子機器１００では、タッチスクリーンの第１の方向に向けて第１のメニュー及び表示対象が順に表示され、隠されていたメニューのある階層の表示は第１の方向に向かうドラッグ操作で、また、メニューのある階層を隠すのは第１の方向と逆方向である第２の方向に向かうドラッグ操作で行なわれる。これにより、より直感的な操作で階層画面の表示を切り替えることができる。すなわち、第１の方向に向けて第１のメニューがある上位階層、表示対象がある下位階層が順に表示されるので、下位階層が展開していく方向と逆の方向（第２の方向）にドラッグ操作を行うことで上位階層が隠される。そして、上位階層が隠された状態で、下位階層が展開していく方向（第１の方向）にドラッグ操作を行うことで上位階層を出現（表示）させるので、操作がより直感的である。
【００６７】
本技術に係る電子機器１００では、第１のメニューの上位階層の第２のメニューを第１のメニュー及び表示対象と共に表示し、タッチスクリーンへの第２の方向に向かうドラッグ操作の操作距離が所定の長さを超えたとき複数の階層を同時に隠すようなされている。このように、ドラッグ操作の操作距離によって隠す階層数を制御することができ、１ステップで複数の階層を隠すことができ操作性が向上する。上記実施形態においては、複数の階層を同時に隠す動作が行われる第１の特徴を、ドラッグ操作の操作距離が所定の長さを超えたときとしているが、これに限られない。例えば、通常のジェスチャー操作を指１本で行い、複数の階層を同時に隠す場合のみ指２本でドラッグ操作を行い、指２本のドラッグ操作があった場合に複数の階層を同時に隠すようにしてもよい。また、操作する指の数と隠す階層数を一致させてもよく、例えば指１本のドラッグ操作であれば１階層を、指２本のドラッグ操作であれば２階層を、指３本のドラッグ操作であれば３階層を隠す、というように設定してもよい。また、ドラッグ操作の操作スピードが所定よりも速いときに、複数の階層を同時に隠すようにしてもよい。
【００６８】
また、本技術に係る電子機器１００では、タッチスクリーンへの第１の方向に向かうドラッグ操作の操作距離が所定の長さを超えたとき、複数の階層を同時に表示している。このように、ドラッグ操作の操作距離によって表示する階層数を制御することができ、１ステップで隠されていた複数の階層を表示することができ操作性が向上する。上記実施形態においては、複数の階層を同時に表示する動作が行われる特徴を、ドラッグ操作の操作距離が所定の長さを超えたときとしているが、これに限られない。例えば、通常のジェスチャー操作を指１本で行い、複数の階層を同時に表示する場合のみ指２本でドラッグ操作を行うものとしてもよい。また、操作する指の数と表示する階層数を一致させてもよく、例えば指１本のドラッグ操作であれば１階層を、指２本のドラッグ操作であれば２階層を、指３本のドラッグ操作であれば３階層を表示する、というように設定してもよい。また、ドラッグ操作の操作スピードが所定よりも速いときに、複数の階層を表示するようにしてもよい。
【００６９】
尚、上述の実施形態においては、タッチスクリーン１１６上に左から右方向に向かって順に下位階層が展開して表示される場合を例にあげたが、これに限られるものではない。例えば右から左に順に下位階層が展開してもよいし、上から下に向かって順に下位階層が展開するように表示されてもよい。
［他の実施形態］
【００７０】
上述の実施形態では、３階層を例にあげたが、これに限られるものではなく、本技術は２階層以上の表示に適用可能である。
【００７１】
また、上述の実施形態では、右方向へのドラッグ操作で隠されていた階層のメニューの表示を行い、そのときのドラッグ操作距離によって、隠されていた階層のメニュー表示を、全ての階層のメニューの表示とするか１階層のメニュー表示とするか制御している。これに対し、右方向へのドラッグ操作で、ドラッグ操作距離に応じて、隠されていたメニューを表示する際の表示エリアの表示幅を設定することができるようにしてもよい。以下、図１０を用いて説明する。図１０は、他の実施形態における階層画面の表示切り替え動作を説明するためのフローチャート図である。尚、上述の実施形態とＳ１〜Ｓ１２は同様であるので、ここでは説明を省略し、Ｓ１３から動作を説明する。
【００７２】
Ｓ１２で、制御部１１１は、表示されていないメニューがあると判断したとき（Ｓ１２のＹｅｓ）、ステップ１３（Ｓ１３）に進む。
【００７３】
制御部１１１は、Ｓ１３において、設定は「右のメニューから表示」になっているか否かを判断する。制御部１１１は、Ｓ１３において、設定は「右のメニューから表示」になっていると判断する（Ｓ１３のＹｅｓ）と、タッチスクリーン１１６上に、隠されていた右側から１階層のメニューを、ドラッグ操作距離に応じた表示幅で表示させる（ステップ１４（Ｓ１４））。本実施形態においては、左から右に向かって階層が展開して表示されていくので、左側に上位階層、右側に下位階層が位置することとなる。Ｓ１４において、右側から１階層のメニューを表示とは、タッチスクリーン１１６上に表示されていないメニューのある階層のうち、表示されている実体に対応する、最も下位にある１階層が表示されることを意味する。
【００７４】
制御部１１１は、Ｓ１３において、設定は「右のメニューから表示」になっていないと判断する（Ｓ１３のＮｏ）と、タッチスクリーン１１６上に、隠されていた左側から１階層のメニューを表示させる（ステップ１５（Ｓ１５））。本実施形態においては、左から右に向かって階層が展開して表示されていくので、左側に上位階層、右側に下位階層が位置することとなる。Ｓ１５において、左側から１階層のメニューを表示とは、タッチスクリーン１１６上に表示されていないメニューのある階層のうち、表示されている実体に対応する、最も上位にある１階層が表示されることを意味する。
【００７５】
Ｓ１４及びＳ１５で１階層のメニューが隠された後、Ｓ２に戻る。
【００７６】
このように、表示対象が表示されたタッチスクリーンへのドラッグ操作に応じてタッチスクリーンから隠されていた第１のメニューを表示するときに、ドラッグ操作の操作距離に応じた表示幅で第１のメニューを表示してもよい。これにより、ドラッグ操作の操作距離に応じた表示幅で第１のメニューを表示することができるので、簡単な操作でメニューの表示幅を設定することができる。これにより、長い文字列を有するメニューがあっても、表示幅を広くとることで、途中で文字が切れることなく表示することができる。
【００７７】
また、本実施形態の構成に加え、例えば、右方向に向かうドラッグ操作の操作スピードが所定の速さよりも速い場合に同時に全てのメニューを表示するように設定してもよい。これにより、１ステップの操作で全メニュー表示が可能となる。また、既に表示されているメニューの表示エリアの表示幅を変更したい場合、例えば、表示幅を変更する対象となるメニューの表示エリア内でユーザがダブルタップすることで制御部が表示幅の変更と判断し、その後ユーザの右方向に向かうドラッグ操作の操作距離に応じた表示幅で対象のメニューが表示されるようにしてもよい。
【００７８】
図１１及び図１２に示す技術では、ブックマークページや各第１階層〜第３階層の表示幅を調整するときは、その階層画面の端にマウスポインタを位置させた状態でドラッグ操作をすることにより表示幅を調整することが考えられる。しかしながら、このような技術では、特定の場所を指示してドラッグ操作して階層画面の表示幅を調整することは高い精度で行う必要があることから、これをタッチスクリーン上で実現しようとすると、操作性が悪くなる。
【００７９】
これに対し、本実施形態の電子機器では、ユーザが行うドラッグ操作の操作距離に応じて階層画面の表示幅を設定でき、簡単な操作でメニューの表示幅を設定することができる。
【００８０】
尚、本技術は以下のような構成をとることもできる。
【００８１】
（１）タッチスクリーンと、
前記タッチスクリーンへのドラッグ操作に応じて、前記タッチスクリーンへの第１のメニュー及び前記第１のメニューに応じた表示対象の表示を制御する制御部と
を具備する電子機器。
【００８２】
（２）前記（１）に記載の電子機器であって、前記制御部は、前記タッチスクリーンへのドラッグ操作に応じて前記タッチスクリーンに表示された前記第１のメニューを隠す。
【００８３】
（３）前記（１）又は（２）に記載の電子機器であって、前記制御部は、前記タッチスクリーンの第１の方向に向けて前記第１のメニュー及び前記表示対象を順に表示し、前記ドラッグ操作が前記第１の方向とは逆方向の第２の方向に向かうとき前記タッチスクリーンに表示された前記第１のメニューを隠す。
【００８４】
（４）前記（１）〜（３）いずれかに記載の電子機器であって、前記制御部は、前記ドラッグ操作が前記第１の方向に向かうとき前記表示対象が表示されたタッチスクリーンから隠されていた前記第１のメニューを表示する。
【００８５】
（５）前記（１）〜（４）いずれかに記載の電子機器であって、前記第１のメニューの上位階層の第２のメニューを前記第１のメニュー及び前記表示対象と共に表示し、前記タッチスクリーンへのドラッグ操作に第１の特徴があったとき前記タッチスクリーンに表示された前記第１のメニュー及び前記第２のメニューを同時に隠す。
【００８６】
（６）前記（５）に記載の電子機器であって、前記第１の特徴は、前記タッチスクリーンへのドラッグ操作の操作距離が所定の長さを超えたときである。
【００８７】
（７）前記（１）〜（６）いずれかに記載の電子機器であって、前記制御部は、前記表示対象が表示されたタッチスクリーンへのドラッグ操作に応じて前記タッチスクリーンから隠されていた前記第１のメニューを表示する。
【００８８】
（８）前記（１）〜（７）いずれかに記載の電子機器であって、前記制御部は、前記表示対象が表示されたタッチスクリーンへのドラッグ操作に応じて前記タッチスクリーンから隠されていた前記第１のメニューを表示するときに、前記ドラッグ操作の操作距離に応じた表示幅で前記第１のメニューを表示する。
【００８９】
（９）タッチスクリーンに第１のメニュー及び前記第１のメニューに応じた表示対象を表示し、
前記タッチスクリーンへのドラッグ操作に応じて前記タッチスクリーンに表示された前記第１のメニューを隠す表示制御方法。
【００９０】
（１０）前記（９）に記載の表示制御方法であって、前記タッチスクリーンの第１の方向に向けて前記第１のメニュー及び前記表示対象を順に表示し、前記ドラッグ操作が前記第１の方向とは逆方向の第２の方向に向かうとき前記タッチスクリーンに表示された前記第１のメニューを隠す。
【００９１】
（１１）前記（９）又は（１０）に記載の表示制御方法であって、前記ドラッグ操作が前記第１の方向に向かうとき前記表示対象が表示されたタッチスクリーンから隠されていた前記第１のメニューを表示する。
【００９２】
（１２）前記（９）〜（１１）いずれかに記載の表示制御方法であって、前記第１のメニューの上位階層の第２のメニューを前記第１のメニュー及び前記表示対象と共に表示し、前記タッチスクリーンへのドラッグ操作に第１の特徴があったとき前記タッチスクリーンに表示された前記第１のメニュー及び前記第２のメニューを同時に隠す。
【００９３】
（１３）前記（１２）に記載の表示制御方法であって、前記第１の特徴は、前記タッチスクリーンへのドラッグ操作の操作距離が所定の長さを超えたときである。
【００９４】
（１４）前記（９）〜（１３）いずれかに記載の表示制御方法であって、前記表示対象が表示されたタッチスクリーンへのドラッグ操作に応じて前記タッチスクリーンから隠されていた前記第１のメニューを表示する。
【００９５】
（１５）前記（９）〜（１４）いずれかに記載の表示制御方法であって、前記表示対象が表示されたタッチスクリーンへのドラッグ操作に応じて前記タッチスクリーンから隠されていた前記第１のメニューを表示するときに、前記ドラッグ操作の操作距離に応じた表示幅で前記第１のメニューを表示する。
【００９６】
（１６）タッチスクリーンを備えた電子機器に、
前記タッチスクリーンに第１のメニュー及び前記第１のメニューに応じた表示対象を表示するステップと、
前記タッチスクリーンへのドラッグ操作に応じて前記タッチスクリーンに表示された前記第１のメニューを隠すステップを実行させるプログラム。
【００９７】
（１７）前記（１６）に記載のプログラムであって、前記タッチスクリーンの第１の方向に向けて前記第１のメニュー及び前記表示対象を順に表示するステップと、前記ドラッグ操作が前記第１の方向とは逆方向の第２の方向に向かうとき前記タッチスクリーンに表示された前記第１のメニューを隠すステップを実行させる。
【００９８】
（１８）前記（１６）又は（１７）に記載のプログラムであって、前記ドラッグ操作が前記第１の方向に向かうとき前記表示対象が表示されたタッチスクリーンから隠されていた前記第１のメニューを表示するステップを実行させる。
【００９９】
（１９）前記（１６）〜（１８）いずれかに記載のプログラムであって、前記第１のメニューの上位階層の第２のメニューを前記第１のメニュー及び前記表示対象と共に表示するステップと、前記タッチスクリーンへのドラッグ操作に第１の特徴があったとき前記タッチスクリーンに表示された前記第１のメニュー及び前記第２のメニューを同時に隠すステップを実行させる。
【０１００】
（２０）前記（１９）に記載のプログラムであって、前記第１の特徴は、前記タッチスクリーンへのドラッグ操作の操作距離が所定の長さを超えたときである。
【０１０１】
（２１）前記（１６）〜（２０）いずれかに記載のプログラムであって、前記表示対象が表示されたタッチスクリーンへのドラッグ操作に応じて前記タッチスクリーンから隠されていた前記第１のメニューを表示するステップを実行させる。
【０１０２】
（２２）前記（１６）〜（２１）いずれかに記載のプログラムであって、前記表示対象が表示されたタッチスクリーンへのドラッグ操作に応じて前記タッチスクリーンから隠されていた前記第１のメニューを表示するときに、前記ドラッグ操作の操作距離に応じた表示幅で前記第１のメニューを表示するステップを実行させる。
【符号の説明】
【０１０３】
１１〜１９  第２のメニュー
４０、４１  実体（表示対象）
５０  左方向（第２の方向）
６０  右方向（第１の方向）
１００  電子機器
１１１  制御部
１１６  タッチスクリーン
１２１〜１２７、５２１〜５２３  第１のメニュー
【図１】
2012226516.tif 000003
【図２】
2012226516.tif 000004
【図１０】
2012226516.tif 000005
【図３】
2012226516.tif 000006
【図４】
2012226516.tif 000007
【図５】
2012226516.tif 000008
【図６】
2012226516.tif 000009
【図７】
2012226516.tif 000010
【図８】
2012226516.tif 000011
【図９】
2012226516.tif 000012
【図１１】
2012226516.tif 000013
【図１２】
2012226516.tif 000014