(57)【特許請求の範囲】
【請求項１】
タッチパネルと、前記タッチパネルによって検出される操作物の移動に追従するようにコンテンツを前記タッチパネルに表示する制御部とを備えた表示システムであって、
前記制御部は、
前記コンテンツの端の表示状況と前記操作物の移動方向に応じて、前記操作物の移動に前記コンテンツが追従する追従度を変化させ、
前記操作物の移動にともなって前記コンテンツの第一端を表出させた位置から所定の第一距離を越えて前記操作物または前記コンテンツが移動する第一の期間に前記第一端の反対側の前記コンテンツの第二端を表示し、
前記第一の期間に前記操作物が前記タッチパネルから離れた場合、前記コンテンツの第二端側を表示して前記コンテンツの第一端側を非表示とし、
前記操作物の移動中に前記第一端を表出させた位置から前記第一距離以下を前記操作物または前記コンテンツが移動する第二の期間に前記操作物が前記タッチパネルから離れた場合、前記コンテンツの前記第一端側を表示して前記コンテンツの第二端側を非表示とし、
前記コンテンツの端を表出させる前の追従度を、前記コンテンツの端を表示中に前記操作物が前記コンテンツの内側方向に移動している場合よりも大きく、前記コンテンツの端を表示中に前記操作物が前記コンテンツの外側方向に移動している場合よりも小さくする、
表示システム。
【請求項２】
タッチパネルと、前記タッチパネルによって検出される操作物の移動に追従するようにコンテンツを前記タッチパネルに表示する制御部とを備えた表示システムであって、
前記制御部は、
前記コンテンツの端の表示状況と前記操作物の移動方向に応じて、前記操作物の移動に前記コンテンツが追従する追従度を変化させ、
前記操作物の移動にともなって前記コンテンツの第一端を表出させた位置から所定の第一距離を越えて前記操作物または前記コンテンツが移動する第一の期間に前記第一端の反対側の前記コンテンツの第二端を表示し、
前記第一の期間に前記操作物が前記タッチパネルから離れた場合、前記コンテンツの第二端側を表示して前記コンテンツの第一端側を非表示とし、
前記操作物の移動中に前記第一端を表出させた位置から前記第一距離以下を前記操作物または前記コンテンツが移動する第二の期間に前記操作物が前記タッチパネルから離れた場合、前記コンテンツの前記第一端側を表示して前記コンテンツの第二端側を非表示とし、
前記コンテンツの第一端を表出させた位置から所定の第三距離を越えて前記操作物が前記コンテンツの内側方向へ移動した場合は、前記追従度を前記コンテンツの端を表出させる前の追従度よりも大きくする、
表示システム。
【請求項３】
タッチパネルと、前記タッチパネルによって検出される操作物の移動に追従するようにコンテンツを前記タッチパネルに表示する制御部とを備えた表示システムであって、
前記制御部は、
前記コンテンツの端の表示状況と前記操作物の移動方向に応じて、前記操作物の移動に前記コンテンツが追従する追従度を変化させ、
前記操作物の移動にともなって前記コンテンツの第一端を表出させた位置から所定の第一距離を越えて前記操作物または前記コンテンツが移動する第一の期間に前記第一端の反対側の前記コンテンツの第二端を表示し、
前記第一の期間に前記操作物が前記タッチパネルから離れた場合、前記コンテンツの第二端側を表示して前記コンテンツの第一端側を非表示とし、
前記操作物の移動中に前記第一端を表出させた位置から前記第一距離以下を前記操作物または前記コンテンツが移動する第二の期間に前記操作物が前記タッチパネルから離れた場合、前記コンテンツの前記第一端側を表示して前記コンテンツの第二端側を非表示とし、
前記追従度を前記コンテンツの端が画面の端部から離れるほど前記コンテンツの端が表示されていない期間中の追従度から離れるように動的に変化させる、
表示システム。
【請求項４】
タッチパネルによって検出される操作物の移動に追従するようにコンテンツを前記タッチパネルに表示するための表示プログラムであって、
前記コンテンツの端の表示状況と前記操作物の移動方向に応じて、前記操作物の移動に前記コンテンツが追従する追従度を変化させ、
前記操作物の移動にともなって前記コンテンツの第一端を表出させた位置から所定の第一距離を越えて前記操作物または前記コンテンツが移動する第一の期間に前記第一端の反対側の前記コンテンツの第二端を表示し、
前記第一の期間に前記操作物が前記タッチパネルから離れた場合、前記コンテンツの第二端側を表示して前記コンテンツの第一端側を非表示とし、
前記操作物の移動中に前記第一端を表出させた位置から前記第一距離以下を前記操作物または前記コンテンツが移動する第二の期間に前記操作物が前記タッチパネルから離れた場合、前記コンテンツの前記第一端側を表示して前記コンテンツの第二端側を非表示とし、
前記コンテンツの端を表出させる前の追従度を、前記コンテンツの端を表示中に前記操作物が前記コンテンツの内側方向に移動している場合よりも大きく、前記コンテンツの端を表示中に前記操作物が前記コンテンツの外側方向に移動している場合よりも小さくする、
機能をコンピューターに実現させる表示プログラム。
【請求項５】
タッチパネルによって検出される操作物の移動に追従するようにコンテンツを前記タッチパネルに表示するための表示プログラムであって、
前記コンテンツの端の表示状況と前記操作物の移動方向に応じて、前記操作物の移動に前記コンテンツが追従する追従度を変化させ、
前記操作物の移動にともなって前記コンテンツの第一端を表出させた位置から所定の第一距離を越えて前記操作物または前記コンテンツが移動する第一の期間に前記第一端の反対側の前記コンテンツの第二端を表示し、
前記第一の期間に前記操作物が前記タッチパネルから離れた場合、前記コンテンツの第二端側を表示して前記コンテンツの第一端側を非表示とし、
前記操作物の移動中に前記第一端を表出させた位置から前記第一距離以下を前記操作物または前記コンテンツが移動する第二の期間に前記操作物が前記タッチパネルから離れた場合、前記コンテンツの前記第一端側を表示して前記コンテンツの第二端側を非表示とし、
前記コンテンツの第一端を表出させた位置から所定の第三距離を越えて前記操作物が前記コンテンツの内側方向へ移動した場合は、前記追従度を前記コンテンツの端を表出させる前の追従度よりも大きくする、
機能をコンピューターに実現させる表示プログラム。
【請求項６】
タッチパネルによって検出される操作物の移動に追従するようにコンテンツを前記タッチパネルに表示するための表示プログラムであって、
前記コンテンツの端の表示状況と前記操作物の移動方向に応じて、前記操作物の移動に前記コンテンツが追従する追従度を変化させ、
前記操作物の移動にともなって前記コンテンツの第一端を表出させた位置から所定の第一距離を越えて前記操作物または前記コンテンツが移動する第一の期間に前記第一端の反対側の前記コンテンツの第二端を表示し、
前記第一の期間に前記操作物が前記タッチパネルから離れた場合、前記コンテンツの第二端側を表示して前記コンテンツの第一端側を非表示とし、
前記操作物の移動中に前記第一端を表出させた位置から前記第一距離以下を前記操作物または前記コンテンツが移動する第二の期間に前記操作物が前記タッチパネルから離れた場合、前記コンテンツの前記第一端側を表示して前記コンテンツの第二端側を非表示とし、
前記追従度を前記コンテンツの端が画面の端部から離れるほど前記コンテンツの端が表示されていない期間中の追従度から離れるように動的に変化させる、
機能をコンピューターに実現させる表示プログラム。
【発明の詳細な説明】
【技術分野】
【０００１】
本発明は表示システム及び表示プログラムに関する。
【背景技術】
【０００２】
タッチパネルに触れる操作物に追従するようにコンテンツをタッチパネルに表示する表示システムが知られている。また、項目数が多いリストを操作に応じてループ表示する技術が知られている。ここでループ表示とは、コンテンツの一端が表示されているときに、コンテンツの一端をコンテンツの内側方向に移動させる操作がなされると、コンテンツの反対側を画面に表出させるとともにコンテンツの反対側をコンテンツの一端に追従させることをいうものとする。
【先行技術文献】
【特許文献】
【０００３】
【特許文献１】特開２０１２−１３７８２１号公報
【特許文献２】特許第４７４３９１９号公報
【発明の概要】
【発明が解決しようとする課題】
【０００４】
しかし、ループ表示には、コンテンツの端がユーザーにわかりにくくなるという問題がある。
【０００５】
本発明は、コンテンツの端がわかりやすいループ表示を実現することを目的の１つとする。
【課題を解決するための手段】
【０００６】
上記目的を達成するための表示システムは、タッチパネルと、前記タッチパネルによって検出される操作物の移動に追従するようにコンテンツを前記タッチパネルに表示する制御部とを備えた表示システムであって、前記制御部は、前記操作物の移動にともなって前記コンテンツの第一端を表出させた位置から所定の第一距離を越えて前記操作物が移動する第一の期間に前記第一端の反対側の前記コンテンツの第二端を表示し、前記第一の期間に前記操作物が前記タッチパネルから離れた場合、前記コンテンツの第二端側を表示して前記コンテンツの第一端側を非表示とし、前記操作物の移動中に前記第一端を表出させた位置から前記第一距離以下を前記操作物が移動する第二の期間に前記操作物が前記タッチパネルから離れた場合、前記コンテンツの前記第一端側を表示して前記コンテンツの第二端側を非表示とする。
【０００７】
本発明によると、コンテンツの第一端が表示されている期間に操作物がタッチパネルから離れた場合に、コンテンツの第一端が表出した後の操作物の移動距離に応じて、コンテンツの第一端側を表示するか、コンテンツの第二端側を表示するかを切り換えるため、コンテンツの端がわかりやすいループ表示が実現される。
【図面の簡単な説明】
【０００８】
【図１】本発明の一実施形態を示す画面遷移図。
【図２】本発明の一実施形態を示す画面遷移図。
【図３】本発明の一実施形態を示す模式図。
【図４】本発明の一実施形態を示すフローチャート。
【図５】本発明の一実施形態を示すフローチャート。
【図６】本発明の一実施形態を示すグラフ。
【図７】本発明の一実施形態を示すグラフ。
【図８】本発明の一実施形態を示す画面遷移図。
【図９】本発明の一実施形態を示すグラフ。
【発明を実施するための形態】
【０００９】
以下、本発明の実施の形態を添付図面を参照しながら説明する。尚、各図において対応する構成要素には同一の符号が付され、重複する説明は省略される。
【００１０】
１．概要
図１および図２に本発明の一実施形態としての表示システム１を用いたＧＵＩの画面遷移を示す。表示システム１は、図１Ａ〜図１Ｄに示すように、タッチパネル１０によって検出される指２の移動に追従するようにコンテンツＣをタッチパネル１０に表示する。例えば図１Ａに示すように、タッチパネル１０にコンテンツＣの中間部が表示されている状態において、タッチパネル１０のコンテンツＣの表示領域に指２で触れ、タッチパネル１０に触れた指２をコンテンツＣの内側方向（図１Ａでは上方向）に移動させることによって、図１Ｂに示すようにコンテンツＣの第一端（下端）Ｃｚが画面に表出した後に、指２をタッチパネル１０から離すと仮定する。この場合、表示システム１は、タッチパネル１０から離れるまでの指２の移動距離に応じて、図２Ａに示すようにコンテンツＣの第一端（下端）Ｃｚが画面端に表示される状態に戻すか、図２Ｂに示すように第一端Ｃｚの反対側のコンテンツＣの第二端（上端）Ｃａが画面端に表示される状態にするかを切り換える。
【００１１】
２．構成
図３Ａは、表示システム１の構成を示すブロック図である。表示システム１は、タッチパネル１０と制御部２０とを備えるプリンター、スキャナー、ＰＤＡ（Personal Digital Assistant）、カーナビゲーションシステム、現金自動預け払い機、券売機などを構成する。タッチパネル１０は、指２やタッチペンなどの操作を認識する対象である操作物との接触位置を検出する検出部１１と、画像を表示する表示部１２とを備えている。検出部１１は、抵抗膜方式、静電容量方式など周知の方式により操作物との接触位置を検出する。また、赤外線方式などの、画面と接触していない状態でも位置を認識できる方式を採用し、画面と接触していない状態でも操作物の位置を検出するようにしてもよい。表示部１２は、周知の液晶ディスプレイ、プラズマディスプレイ、有機ＥＬディスプレイなどである。制御部２０は、プロセッサ、主記憶、入出力機構および外部記憶を備えるコンピューターである。
【００１２】
図３Ｂは、制御部２０がタッチパネル１０に表示するコンテンツの一例である。コンテンツＣは、選択可能なファイル名の一覧を示す画像であって、ファイル名を示す文字列と、各ファイル名に対応する選択範囲を示す矩形線とを含む。コンテンツＣは、先端Ｃａから末端Ｃｚまでの表示長がタッチパネル１０の長辺の画素数よりも大きいため、コンテンツＣの全体を表示できない。そのため、ループ表示の対象となる。コンテンツＣの先端Ｃａから末端Ｃｚまでの表示長とは、コンテンツＣの先端Ｃａから末端Ｃｚまでの長さ（画素数）である。例えば、タッチパネル１０の長辺の画素数が３００画素だとすると、先端Ｃａから末端Ｃｚまでが３００画素よりも長いコンテンツＣがループ表示の対象となる。制御部２０は、コンテンツＣに対してタッチパネル１０の画面サイズに応じた表示対象領域を設定し、コンテンツＣの表示対象領域をタッチパネル１０に表示する。また、操作物が検出部１１に接触してすぐ離れた（接触していた時間が予め設定しておいた時間よりも短い）場合、操作物が接触した場所に表示されていた場所を選択したものとみなす。本実施形態では、操作物が接触した位置に表示されていたファイル名の画像ファイルが選択されたものとして、当該画像ファイルの内容の画像に画面を切り代えて表示を行う。
【００１３】
３．作動
図４は、表示プログラムによって実行されるループ表示処理の流れを示すフローチャートである。制御部２０は、外部記憶に記憶された表示プログラムを実行することにより、以下に述べるようにコンテンツＣをタッチパネル１０にループ表示する。ループ表示処理は、ループ表示の対象となるコンテンツがタッチパネル１０に表示されている状態でタッチパネル１０から出力される操作物との接触位置が変化すると起動する。
【００１４】
はじめに制御部２０は、タッチパネル１０の出力に基づいて操作物の変位を取得する（Ｓ１０）。具体的には制御部２０は、タッチパネル１０と操作物との接触位置の変化量と変化方向とを操作物の変位として取得する。以後、タッチパネル１０と操作物との接触位置の変化量を操作物の移動距離といい、タッチパネル１０と操作物との接触位置の変化方向を操作物の移動方向という。なお、本実施形態においてコンテンツＣは、タッチパネル１０の長辺方向にのみ移動するため、制御部２０は、タッチパネル１０の長辺と平行な２方向のいずれかを操作物の移動方向として検出する。すなわち、操作物が任意の方向に移動した場合、その変位のタッチパネル１０の長辺と平行な方向成分のみが操作物の変位として取得される。
【００１５】
次に制御部２０は、コンテンツＣの先端Ｃａまたは末端Ｃｚをタッチパネル１０に表示中であるか否かを判定する（Ｓ１１）。コンテンツＣの先端Ｃａまたは末端Ｃｚを表示中でない場合、制御部２０は、追従度を１に設定する（Ｓ１２）。ここで追従度は、操作物の移動距離に対するコンテンツＣの画面内での移動距離の割合とする。すなわち、コンテンツＣの先端Ｃａまたは末端Ｃｚを表示中でない場合、操作物の移動距離と移動方向にコンテンツＣの移動距離と移動方向が一致するように追従度を設定する。その結果、ステップＳ２２では、操作物が画面長辺方向に移動する速さでコンテンツＣが画面内を移動することになる。
【００１６】
コンテンツＣの先端Ｃａまたは末端Ｃｚをタッチパネル１０に表示中である場合、制御部２０は、操作物の変位がコンテンツＣの内側方向であるか否かを判定する（Ｓ１４）。図１Ｂ、図１Ｃ、図１Ｄには、コンテンツＣの末端Ｃｚが第一端としてタッチパネル１０に表示されている状態を示している。コンテンツＣの内側方向とは、操作物によって選択されている側のコンテンツＣの端から見て、選択されている側のコンテンツＣの内側に向かう方向である。図１Ｂ、図１Ｃ、図１Ｄでは、コンテンツＣの末端Ｃｚ側を指２が選択しており、コンテンツＣの末端側において末端ＣｚはコンテンツＣの下端に相当するため、コンテンツＣの内側方向は上方向になる。すなわち、図１Ｃおよび図１Ｄに示すコンテンツＣの先端Ｃａ側においてコンテンツＣの内側方向は下方向であるが、指２によって選択されているのはコンテンツＣの末端Ｃｚ側であるため、「操作物によって選択されているコンテンツＣの端から見て選択されているコンテンツＣの内側に向かう方向」は、図１Ｂと同じく、図の下から上に向かう方向である。したがって、図１Ｂ、図１Ｃ、図１Ｄに示すようにコンテンツＣが表示され、タッチパネル１０に触れている指２が図の下から上に向かう方向に移動している場合、操作物の変位はコンテンツＣの内側方向であると判定される。また図１Ｂ、図１Ｃ、図１Ｄに示すようにコンテンツＣが表示され、タッチパネル１０に触れている指２が図の上から下に向かう方向に移動している場合、操作物の変位はコンテンツＣの内側方向でないと判定される。
【００１７】
コンテンツＣの端が表示されている状態で操作物の変位がコンテンツＣの内側方向である場合、制御部２０は追従度を０．５に設定する（Ｓ１５）。すなわちコンテンツＣの端が表示されており操作物の変位がコンテンツＣの内側方向である場合、制御部２０は、操作物の移動距離の０．５倍の距離を操作物の移動方向にコンテンツＣが移動するように追従度を設定する。その結果、操作物の変位がコンテンツＣの内側方向である場合、ステップＳ２３およびステップＳ２４では、指２より遅くコンテンツＣが画面内を移動することになる。
【００１８】
操作物の変位がコンテンツＣの内側方向でない場合、制御部２０は追従度を１．５に設定する（Ｓ１６）。すなわち操作物の変位がコンテンツＣの外側方向である場合、制御部２０は、操作物の移動距離の１．５倍の距離を操作物の移動方向にコンテンツＣが移動するように追従度を設定する。その結果、ステップＳ２３およびステップＳ２４では、操作物より速くコンテンツＣが画面内を移動することになる。
【００１９】
このようにコンテンツＣの端が表示されている状態では、操作物より遅くコンテンツＣを移動させたり、操作物より速くコンテンツＣを移動させることにより、コンテンツＣの端が画面端に引っ張られたり、コンテンツＣの端が画面端から押し返されているような感覚をユーザーに与えることができる。コンテンツＣが画面端に引っ張られたり押し返されているような感覚は、コンテンツＣの端が表示されている状態でユーザーが指２を画面上で移動させている場合に生じ、コンテンツＣの端が表示されていない状態では生じないため、ユーザーはコンテンツＣの端が表示されていることを容易に認識することができる。なお、コンテンツＣの端が画面端に引っ張られているような感覚をユーザーに与える追従度の設定範囲は０より大きく１未満であればよい。またコンテンツＣの端が画面端に押し返されているような感覚をユーザーに与える追従度の設定範囲は１より大きければよい。
【００２０】
次に制御部２０は、コンテンツＣの第一端を表示中であるか否かを判定する（Ｓ２０）。ここで第一端とは、ループ表示の対象となるコンテンツＣの両端のうち、操作物の移動にともなって先に画面に表出する端であり、第二端とは第一端の後に画面に表出するコンテンツの端である。例えば、コンテンツＣの両端がいずれも画面に表示されていない状態で操作物が画面の上方に移動しつづけるとき、操作物に追従するようにコンテンツＣを表示すると、図１Ｂに示すようにコンテンツＣの末端Ｃｚが先端Ｃａよりも先に画面に表出する。したがってこの場合、第一端はコンテンツＣの末端Ｃｚとなり、第二端はコンテンツＣの先端Ｃａとなる。すなわちここでは、コンテンツＣの両端がいずれも表示されていなければ、コンテンツＣの第一端を表示中でないと判定される。
【００２１】
コンテンツＣの第一端を表示中でない場合、制御部２０は、操作物の移動距離だけコンテンツＣを移動させてタッチパネル１０に表示する（Ｓ２２）。例えば、図１Ａに示すようにコンテンツＣが表示されている状態で指２が図１Ａの上方向に２００ピクセルだけ移動すると、制御部２０は、ステップＳ１２で追従度を１に設定し、ステップＳ２２でコンテンツＣを図１Ａの上方向に２００ピクセル移動させる。
【００２２】
コンテンツＣの第一端を表示中である場合、制御部２０は、第一端から第一端が表出したタッチパネル１０の画面端までの距離が予め決められた第二距離未満であるか否かを判定する（Ｓ２１）。
【００２３】
第一端から第一端が表出したタッチパネル１０の画面端までの距離が第二距離未満である場合、制御部２０は、コンテンツＣを操作物に追従度０．５で追従させてタッチパネル１０に表示する（Ｓ２３）。例えば、図１Ｂに示すようにコンテンツＣが表示されている状態で指２が図１Ｂの上方向に２００ピクセルだけ移動すると、コンテンツＣを画面内で図１Ｂの上方向に１００ピクセル移動させる。この場合、コンテンツＣの表示対象領域が縮小することによって生ずる画面内の余白には、コンテンツＣとは異なることが容易に認識できるコンテンツＣ以外の画像を接続帯として表示する。具体的には例えば、コンテンツＣの背景画像を接続帯として表示してもよいし、コンテンツＣとは異なる領域であることを容易に認識できる背景画像以外の画像を接続帯として表示しても良い。
【００２４】
第一端から第一端が表出したタッチパネル１０の画面端までの距離が予め決められた第二距離未満でない場合、すなわち、第一端から画面端までの距離が予め決められた第二距離以上である場合、制御部２０はコンテンツＣの第一端側と第二端側とにそれぞれ表示対象領域を設定してコンテンツＣの第一端側と第二端側と接続帯とを一画面に表示する（Ｓ２４）。第一端と第二端の距離は、図１Ｃ、図１Ｄに示すように、予め決められた第二距離とし、第一端と第二端との間には接続帯を挿入する。例えば、図１Ｃに示すようにコンテンツＣの第一端Ｃｚが画面端から第二距離以上に離れている状態で指２が図１Ｃの上方向に１００ピクセルだけ移動すると、制御部２０は、ステップＳ１６で追従度を０．５に設定し、コンテンツＣの第一端Ｃｚ側と第二端Ｃａ側と第二距離を保って図１Ｃの上方向に５０ピクセル移動させる。また例えば、図１Ｃに示すようにコンテンツＣの第一端Ｃｚが画面端から第二距離以上に離れている状態で指２が図１Ｃの下方向に１００ピクセルだけ移動すると、制御部２０は、ステップＳ１６で追従度を１．５に設定し、コンテンツＣの第一端Ｃｚ側と第二端Ｃｚ側とを第二距離を保って図１Ｃの下方向に１５０ピクセル移動させる。
Ｓ２２、Ｓ２３、Ｓ２４の後は、操作物がタッチパネル１０にタッチしている状態が続いているのならば、Ｓ１０に戻って処理を繰り返す。一方、操作物がタッチパネル１０から離れたならば、本処理を終了して、入替処理に進む。
【００２５】
次に、図５を参照しながら、タッチパネル１０への表示対象とするコンテンツＣの表示対象領域を入れ替える入替処理について説明する。入替処理は、コンテンツＣがタッチパネル１０に表示されている状態で操作物が離れたことをタッチパネル１０が検出すると起動する。
【００２６】
まず制御部２０は、コンテンツの第一端をタッチパネル１０に表示中であるか否かを判定する（Ｓ３０）。コンテンツの第一端をタッチパネル１０に表示中でない場合、制御部２０は入替処理を終了する。この場合、タッチパネル１０から操作物が離れても、画面に表示されているコンテンツは移動しないことになる。
【００２７】
コンテンツの第一端をタッチパネル１０に表示中である場合、制御部２０は、コンテンツの第一端から第一端が表出した画面端までの距離が予め決められた第一距離以下であるか否かを判定する（Ｓ３１）。ここで第一距離は、第二距離を越える範囲で予め決めておけばよい。
【００２８】
コンテンツの第一端から第一端が表出した画面端までの距離が第一距離以下である場合、制御部２０は、コンテンツの第一端が、第一端が表出した画面端まで移動するように、コンテンツを画面内で移動させる（Ｓ３２）。第一距離は、第二距離を超える範囲で予め決められるため、第一端が第一距離以下で第二距離を超えている場合には、図１Ｃに示すようにコンテンツの第一端側と第二端側とが画面に表示されている状態で操作物がタッチパネル１０から離れたことになる。この場合、制御部２０は、図２Ａに示すようにコンテンツの第一端を第一端が表出した画面端まで移動させるとともに、コンテンツＣの第二端側と接続帯を非表示にする。
【００２９】
コンテンツの第一端から第一端が表出した画面端までの距離が第一距離を越える場合、制御部２０は、コンテンツの第二端が、第二端が表出した画面端の反対側の画面端まで移動するとともに、コンテンツの第一端側が非表示になるように、コンテンツを画面内で移動させる（Ｓ３３）。具体的には例えば、図１Ｄに示すようにコンテンツＣの第一端側および第二端側が表示されているときに指２がタッチパネル１０から離れると、制御部２０は、図２Ｂに示すようにコンテンツＣの第二端Ｃａがタッチパネル１０の画面上端に重なるようにコンテンツＣを移動させるとともに、コンテンツＣの第一端側と接続帯を非表示にする。
【００３０】
図６は、図１Ａに示す状態で指２がタッチパネル１０に触れた後に上方向に指２が移動し、図１Ｃに示す状態で指２がタッチパネル１０から離れる場合の指２とコンテンツの変位を示すグラフである。図１Ａに示す状態から指２が上方向に移動すると、第一端が画面に表出するまで、追従度が１に設定されるため、図６に二点鎖線（第一端側）で示すようにコンテンツＣは指２と同じ速さで上方向に移動する。コンテンツの第一端が画面下端に表出してから指２が上方向に移動する期間中、追従度は０．５に設定されるため、一点鎖線（第一端）および二点鎖線で示すようにコンテンツＣの第一端側は指２の０．５倍の速さで上方向に移動する。指２に追従してコンテンツの第一端が上方向に第二距離移動すると、実線（第二端）で示すようにコンテンツの第二端側が画面に表出し、さらに指２が上方向に移動すると、コンテンツの第一端側および第二端側が指２の０．５倍の速さで上方向に移動する。指２に追従してコンテンツの第一端が上方向に第二距離を超え第一距離を超えない範囲で移動している期間中に、指２がタッチパネル１０から離れると、一点鎖線および二点鎖線で示すようにコンテンツＣの第一端側は第一端および第二端が表出した画面下端に到達するまで下方向に移動する。またこのとき、コンテンツＣの第二端側は、実線で示すように、第一端および第二端が表出した画面下端に第二端が到達するまで移動して非表示になる。その結果、図２Ａに示すようにコンテンツＣの末端側のみがタッチパネル１０に表示されることとなる。
【００３１】
図７は、図１Ａに示す状態で指２がタッチパネル１０に触れた後に上方向に指２が移動し、図１Ｄに示す状態で指２がタッチパネル１０から離れる場合の指２とコンテンツの変位を示すグラフである。図１Ｃに示す状態から指２が上方向に移動すると、コンテンツＣは指２に追従し、既に述べたように第一端、第二端が順に画面の下端から表出する。指２に追従してコンテンツの第一端が上方向に第一距離を超えて移動している期間中に、指２がタッチパネル１０から離れると、実線で示すようにコンテンツＣの第二端側は第一端および第二端が表出した画面下端の反対側の画面上端に第二端が到達するまで上方向に移動する（Ｈは画面の長辺方向の長さを表している）。このとき、コンテンツＣの第一端側は、一点鎖線で示すように第一端が画面上端に到達すると非表示になる。その結果、図２Ｂに示すようにコンテンツＣの先端側のみがタッチパネル１０に表示されることとなる。
【００３２】
なお、ここまで説明したループ表示と入替処理とを実行する場合に、指２が画面の下方向に移動すると、画面は図８に示すように遷移する。すなわち、図８Ａに示すように指２がタッチパネル１０に触れた後、下方向に移動すると、図８Ｂに示すようにコンテンツＣの先端Ｃａが画面上端に第一端として表出する。さらに指２が下方向に移動すると、コンテンツＣの末端Ｃｚが画面上端に第二端として表出した後、図８Ｃに示すようにコンテンツＣの第一端側と第二端側とが第二距離を保って画面下方向に移動する。図８Ｃに示すように、コンテンツＣの第一端から第一端が表出した画面上端までの距離が第一距離を超えている状態で指２がタッチパネル１０から離れると、図８Ｃに示すように第二端Ｃｚが画面下端に到達するまでコンテンツＣは画面下方向に移動し、コンテンツＣの第一端側は非表示になる。
【００３３】
このように、コンテンツの第一端が表示されている期間に操作物がタッチパネル１０から離れた場合に、コンテンツの第一端が画面に表出した後のコンテンツの移動距離に応じて、コンテンツの第一端側を表示するか、コンテンツの第二端側を表示するかを切り換えるため、コンテンツの端がわかりやすいループ表示が実現される。
【００３４】
４．他の実施形態
尚、本発明の技術的範囲は、上述した実施形態に限定されるものではなく、本発明の要旨を逸脱しない範囲内において種々変更を加え得ることは勿論である。
例えば、コンテンツの第一端が表示されている期間に操作物がタッチパネル１０から離れた場合に、コンテンツの第一端が表出した後のコンテンツの移動距離に代えて、コンテンツの第一端が表出した後の操作物の移動距離に応じて、コンテンツの第一端側を表示して第二端側を非表示とするか、コンテンツの第二端側を表示して第一端側を非表示とするかを切り換えてもよい。
【００３５】
また例えば、操作物がタッチパネル１０から離れるか否かに関わらず、コンテンツの第一端が表示されている期間に、コンテンツの第一端が表出した後のコンテンツ又は操作物の移動距離に応じて、コンテンツの第一端側を表示して第二端側を非表示とするか、コンテンツの第二端側を表示して第一端側を非表示とするかを切り換えてもよい。具体的には、第一端が表出した後に操作物が第三距離（第一距離と等しくてもよいし、第一距離よりも長くてもよい）を超えてコンテンツの内側方向に移動した場合には、操作物がタッチパネルに触れていても、第一端側が非表示になるまでコンテンツを操作物より速く移動させて第二端側だけを表示してもよい。
【００３６】
また、コンテンツＣの第一端または第二端を画面端に移動させるとき、コンテンツＣの端が画面端に衝突して跳ねるようにコンテンツＣを移動させても良い。例えば図１Ｃに示す状態で指２がタッチパネル１０から離れた場合にコンテンツＣの第一端Ｃｚを画面下端に移動させるとき、図９Ａに示すように、コンテンツＣの速度を振動させる。図９Ａに示す例では、コンテンツＣの第一端Ｃｚは、画面下端に衝突して跳ね上がる動作を２度繰り返し、３回目の落下で画面下端に静止する。また例えば図１Ｄに示す状態で指２がタッチパネル１０から離れた場合にコンテンツＣの第二端Ｃａを画面上端に移動させるとき、図９Ｂに示すように、コンテンツＣの速度を振動させる。図９Ｂに示す例では、コンテンツＣの第二端Ｃａは、画面上端まで上昇して跳ね返る動作を２度繰り返し、３回目の上昇で画面上端に静止する。このように操作物と無関係にコンテンツＣを移動させることにより、ユーザーはコンテンツＣの端をさらに認識しやすくなる。
【００３７】
また、コンテンツの第一端側を表示するか、コンテンツの第二端側を表示するかを切り換える際に、コンテンツを時間の経過とともに移動させずに、一瞬で移動させても良い。
またコンテンツの第一端と第二端の距離をゼロとしてもよい。この場合は、コンテンツの第一端と第二端が重なる線の色を変えるなど、コンテンツの端を強調表示することによって、コンテンツの端を認識しやすくすることが好ましい。
【００３８】
また、タッチパネルの画面内に収まるサイズのコンテンツであっても、ループ表示の対象としても良い。例えばウインドウやドロップダウンリストボックスといった画面内の一部の領域である特定領域における表示に本発明を適用しても良い。この場合、操作物が移動するにつれて、画面の端部から新たな画像が出てくるように表示するのではなく、特定領域の端部から新たな画像が出てくるように表示する。またループ表示の対象とするコンテンツは、リストに限らず、写真画像や図表ページやテキストページなど、どのような種類のものであってもよい。
【００３９】
また、ループ表示におけるコンテンツの移動方向は、画面の長辺方向でも良いし、短辺方向でも良いし、斜め方向を含む全方向であってもよい。また、コンテンツの端が表示されている期間中の操作物に対するコンテンツの追従度を、コンテンツの端が表示されていない期間中の追従度と一致させても良い。コンテンツの端が表示されている期間中の操作物に対するコンテンツの追従度を、コンテンツの端が画面の端部から離れるほどコンテンツの端が表示されていない期間中の追従度から離れるように、動的に追従度を変化させてもよい。
【符号の説明】
【００４０】
１…表示システム、２…指、１０…タッチパネル、１１…検出部、１２…表示部、２０…制御部、Ｃ…コンテンツ、Ｃａ…先端、Ｃｚ…末端
【図１】
0006379893.tif 000002
【図２】
0006379893.tif 000003
【図３】
0006379893.tif 000004
【図４】
0006379893.tif 000005
【図５】
0006379893.tif 000006
【図６】
0006379893.tif 000007
【図７】
0006379893.tif 000008
【図８】
0006379893.tif 000009
【図９】
0006379893.tif 000010