特許 5768869 画像表示装置及びプログラム

(19)【発行国】日本国特許庁(JP)

(12)【公報種別】特許公報(B2)

(11)【特許番号】5768869

(24)【登録日】2015年7月3日

(45)【発行日】2015年8月26日

(54)【発明の名称】画像表示装置及びプログラム

(51)【国際特許分類】

   G09G 5/00 20060101AFI20150806BHJP

   G06F 3/0488 20130101ALI20150806BHJP

   G06F 3/0485 20130101ALI20150806BHJP

【ＦＩ】

   G09G5/00 530T

   G06F3/048 620

   G06F3/048 656D

   G09G5/00 510H

【請求項の数】3

【全頁数】16

(21)【出願番号】特願2013-264953(P2013-264953)

(22)【出願日】2013年12月24日

(62)【分割の表示】特願2013-163652(P2013-163652)の分割

【原出願日】2013年8月6日

(65)【公開番号】特開2015-31949(P2015-31949A)

(43)【公開日】2015年2月16日

【審査請求日】2013年12月24日

(73)【特許権者】

【識別番号】000005496

【氏名又は名称】富士ゼロックス株式会社

(74)【代理人】

【識別番号】110001210

【氏名又は名称】特許業務法人ＹＫＩ国際特許事務所

(72)【発明者】

【氏名】嶋立 紀世子

【審査官】 中村 直行

(56)【参考文献】

【文献】 特開２０１３−０４５４５７（ＪＰ，Ａ）

【文献】 特開２０１２−０１５６１９（ＪＰ，Ａ）

【文献】 特開２０１３−１３７６１４（ＪＰ，Ａ）

【文献】 特開２０１２−０３３０６１（ＪＰ，Ａ）

【文献】 特開２０１０−１３４８０１（ＪＰ，Ａ）

【文献】 特開２００８−０７１２５６（ＪＰ，Ａ）

(58)【調査した分野】（Int.Cl.，ＤＢ名）

Ｇ０９Ｇ ３／００ − ５／４２

Ｇ０６Ｆ ３／０４８５

Ｇ０６Ｆ ３／０４８８

(57)【特許請求の範囲】

【請求項1】

画像を表示する表示画面への指定を検知する検知手段と、
前記表示画面への指定位置が移動した場合に、前記指定位置の移動方向の角度に応じて、前記表示画面に表示されている画像を別の画像に切り替えるページ切替動作と、前記表示画面に表示されている画像の表示内容を移動させる移動動作と、を切り替えて実行する制御手段と、
を有する画像表示装置。

【請求項2】

前記制御手段は、前記表示画面に表示されている画像の端部が、前記表示画面の表示領域の端部に接している場合に、前記指定位置の移動方向の角度に応じて前記ページ切替動作又は前記移動動作を行う、
請求項１に記載の画像表示装置。

【請求項3】

コンピュータを、
表示画面への指定を検知する検知手段から検知結果を受ける手段と、
前記表示画面への指定位置が移動した場合に、前記指定位置の移動方向の角度に応じて、前記表示画面に表示されている画像を別の画像に切り替えるページ切替動作と、前記表示画面に表示されている画像の表示内容を移動させる移動動作と、を切り替えて実行する制御手段と、
として機能させるプログラム。

【発明の詳細な説明】

【技術分野】

【0001】

本発明は、画像表示装置及びプログラムに関する。

【背景技術】

【0002】

タッチパネルが搭載された画像表示装置においては、表示画面への画像の表示に際して、ドラッグ操作（ユーザが、指やポインティングデバイス等によってタッチパネルを押下した状態で、指やポインティングデバイス等を移動させる操作）に連動した様々な制御が行われる。例えば、表示画面に表示された画像を別の画像に切り替える場合や、拡大表示された画像の表示位置を移動させる場合等に、ドラッグ操作が行われる。

【0003】

特許文献１には、表示画面への接触が検知された場合に表示画面に表示された操作部への操作を受け付ける第１の状態、及び、操作部への操作を受け付けずに表示画面の表示内容の一部又は全部を移動させる操作を受け付ける第２の状態を切り替える入力装置が開示されている。

【0004】

また、特許文献２には、タッチパネル上のユーザによる押下位置の移動距離が、ディスプレイに表示された画像の表示サイズに応じて設定された距離閾値を超えた場合、他の画像をディスプレイに表示させる画像表示装置が開示されている。

【先行技術文献】

【特許文献】

【0005】

【特許文献1】特開２００７−２９３５１１号公報

【特許文献2】特開２０１０−１１３４５９号公報

【発明の概要】

【発明が解決しようとする課題】

【0006】

ところで、画像表示装置において表示画面に表示された画像を別の画像に切り替える動作や表示位置を移動させる動作として共にドラッグ操作を採用している場合、ユーザの意図に反して画像の切り替えや表示位置の移動が行われ、操作性が低下してしまうおそれがある。

【0007】

本発明の目的は、表示画面に表示された画像に対する操作性の低下を軽減することである。

【課題を解決するための手段】

【0008】

請求項１に係る発明は、画像を表示する表示画面への指定を検知する検知手段と、前記表示画面への指定位置が移動した場合に、前記指定位置の移動方向の角度に応じて、前記表示画面に表示されている画像を別の画像に切り替えるページ切替動作と、前記表示画面に表示されている画像の表示内容を移動させる移動動作と、を切り替えて実行する制御手段と、を有する画像表示装置である。

【0009】

請求項２に係る発明は、前記制御手段は、前記表示画面に表示されている画像の端部が、前記表示画面の表示領域の端部に接している場合に、前記指定位置の移動方向の角度に応じて前記ページ切替動作又は前記移動動作を行う、請求項１に記載の画像表示装置である。

【0010】

請求項３に係る発明は、コンピュータを、表示画面への指定を検知する検知手段から検知結果を受ける手段と、前記表示画面への指定位置が移動した場合に、前記指定位置の移動方向の角度に応じて、前記表示画面に表示されている画像を別の画像に切り替えるページ切替動作と、前記表示画面に表示されている画像の表示内容を移動させる移動動作と、を切り替えて実行する制御手段と、として機能させるプログラムである。

【発明の効果】

【0011】

請求項１，３に係る発明によると、指定位置の移動方向の角度に応じて動作を変更しない場合と比べて、表示画面に表示された画像に対する操作性の低下が軽減される。

【0012】

請求項２に係る発明によると、画像の端部が表示画面の表示領域の端部に接していない場合にも指定位置の移動方向の角度に応じて動作を変更する場合と比べて、表示画面に表示された画像に対する操作性の低下が軽減される。

【図面の簡単な説明】

【0013】

【図1】実施形態に係る画像表示装置の一例を示すブロック図である。

【図2】タッチパネルの表示例を示す模式図である。

【図3】複数ページの構成を示す模式図である。

【図4】複数ページの構成を示す模式図である。

【図5】操作モードの判定処理を説明するための模式図である。

【図6】スクロールモードを説明するための模式図である。

【図7】ページ切替モードを説明するための模式図である。

【図8】操作モードの判定処理を説明するための模式図である。

【図9】操作モードの判定処理を説明するための模式図である。

【図10】実施形態に係る画像表示装置の動作の一例を示すフローチャートである。

【図11】スクロールモードを説明するための模式図である。

【図12】ページ切替モードを説明するための模式図である。

【図13】変形例１に係る処理を説明するための模式図である。

【図14】ドラッグ操作の軌跡を説明するための模式図である。

【図15】変形例２に係る処理を説明するための模式図である。

【図16】変形例２に係る処理を説明するための模式図である。

【図17】変形例２に係る処理を説明するための模式図である。

【図18】変形例２に係る処理を説明するための模式図である。

【発明を実施するための形態】

【0014】

図１に、本発明の実施形態に係る画像表示装置を示す。本実施形態に係る画像表示装置１０は、表示操作部としてのタッチパネル１２と、制御部１８と、画像記憶部２０とを含む。

【0015】

画像表示装置１０は、一例として画像形成装置に設けられる。この画像形成装置は、例えば、原稿を読み取って画像データを生成するスキャン機能、原稿を読み取って当該原稿に基づく画像を用紙に形成するコピー機能、及び、画像データを受けて当該画像データに基づく画像を用紙に形成するプリント機能のうちの少なくとも１つの機能を備えている。なお、画像表示装置１０は、例えば携帯端末装置やパーソナルコンピュータ等のように、画像形成装置以外の装置に設置されてもよい。このように、本実施形態は、タッチパネルが用いられる装置であれば、どのような装置に適用されてもよい。

【0016】

タッチパネル１２は、液晶パネル等の表示部１４と、表示部１４の表示画面上に配置されたタッチセンサ１６とを備え、画像を表示するとともに、ユーザが表示部１４の表示画面に接触したことをタッチセンサ１６によって検知することで、ユーザによる操作を受け付ける。例えば、タッチセンサ１６は、表示部１４の表示画面上においてユーザによって押下された位置を検知し、その押下された位置に関する位置情報を制御部１８に出力する。

【0017】

制御部１８は、画像記憶部２０に記憶された画像データに基づく画像を表示部１４に表示させる。また、制御部１８は、位置情報をタッチセンサ１６から受け、当該位置情報に基づいて表示部１４を制御する。

【0018】

画像記憶部２０には、一例として、複数のページで構成された画像データ（例えば文書データ）が記憶されている。画像表示装置１０が画像形成装置に設けられている場合、画像記憶部２０には、スキャン機能によって生成された画像データや、プリント機能の対象となる画像データ等が記憶される。例えば、スキャン機能によって生成された画像データに基づく画像や、プリント機能の対象となる画像データに基づく画像が、表示部１４に表示される。

【0019】

図２に、タッチパネル１２の表示例を示す。タッチパネル１２には、画像が表示される表示エリア３０と、画像の表示倍率（拡大又は縮小）を指定するための表示倍率スライダ３２と、画像の表示位置を横方向に移動させるための横スクロールバー３４と、画像の表示位置を縦方向に移動させるための縦スクロールバー３６とが表示される。制御部１８は、表示倍率スライダ３２によって指定された表示倍率に従って、表示対象の画像である表示ページ画像４０を拡大又は縮小させて表示部１４に表示させる。

【0020】

次に、タッチパネル１２に対するユーザの操作について説明する。タッチパネル１２に対するユーザの操作には、例えば、タッチ操作、ドラッグ操作及びリリース操作がある。タッチセンサ１６は、ユーザの指やポインティングデバイスが表示部１４の表示画面に触れたときに「タッチ操作」を検知し、表示画面への接触位置が移動したときに「ドラッグ操作」を検知し、表示画面からユーザの指やポインティングデバイスが離れたときに「リリース操作」を検知する。

【0021】

タッチセンサ１６が出力する位置情報には、ドラッグ操作における接触位置の移動方向（ドラッグ方向）を示す情報と接触位置の移動距離（ドラッグ距離）を示す情報とが含まれていてもよいし、押下された位置の座標情報のみが含まれていてもよい。位置情報に座標情報のみが含まれている場合、制御部１８は、座標情報に基づいてドラッグ方向及びドラッグ長を求める。

【0022】

本実施形態では、表示画面に表示された画像に対する操作モードとして、スクロールモードとページ切替モードとがある。スクロールモードでは、制御部１８は、ドラッグ操作におけるドラッグ方向及びドラッグ距離を検出し、ドラッグ方向及びドラッグ距離に応じて、表示エリア３０に拡大表示された画像の表示位置を移動させる。ページ切替モードでは、制御部１８は、ドラッグ操作に応じて、表示エリア３０に表示されているページの画像を別のページの画像に切り替える。

【0023】

制御部１８は、ドラッグ操作のドラッグ方向に基づき、スクロールモード及びページ切替モードの中から操作モードを決定する。具体的には、表示ページ画像４０の端部が表示エリア３０の端部に接している状況下でドラッグ操作が行われた場合、制御部１８は、ドラッグ方向に応じた操作モードを決定する。

【0024】

以下、制御部１８による制御について詳しく説明する。例えば、複数のページで構成された画像データをタッチパネル１２に表示する場合に、表示対象の画像を拡大して表示するものする。

【0025】

まず、複数ページの配置関係について説明する。複数ページの配置には、一例として、表示エリアを基準にして、左右方向の配置と上下方向の配置とがある。図３に左右方向の配置例を示す。図３に示す例では、表示対象の画像である表示ページ画像４０が、拡大されて表示エリア３０に表示されており、表示ページ画像４０の前のページとして前ページ画像４２が存在し、表示ページ画像４０の次のページとして次ページ画像４４が存在する。表示エリア３０内には、表示ページ画像４０の一部が表示されている。一例として、表示ページ画像４０を基準にして左側に前ページ画像４２が配置されており、右側に次ページ画像４４が配置されている。このように、左右方向に複数のページが配置されている場合、制御部１８は、左右方向の端部を対象にして、表示ページ画像４０の端部と表示エリア３０の端部との接触を検出する。

【0026】

また、図４に上下方向の配置例を示す。図４に示す例では、表示ページ画像４０を基準にして上側に前ページ画像４２が配置されており、下側に次ページ画像４４が配置されている。このように、上下方向に複数のページが配置されている場合、制御部１８は、上下方向の端部を対象にして、表示ページ画像４０の端部と表示エリア３０の端部との接触を検出する。

【0027】

以下では、図５を参照し、左右方向にページが配置されている画像データを例にとって、制御部１８による制御について説明する。図５に示す例では、表示ページ画像４０の端部のうち次ページ画像４４が配置されている方向の端部（画像端部４０ａ）が、表示エリア３０の右端部（表示エリア端部３０ａ）に接している。この状況下で、ドラッグ方向の角度が、表示エリア端部３０ａに直交する方向（表示エリア端部３０ａに直交する仮想線５２）から予め設定された閾値角度θｔ以下となり、ドラッグ方向が、表示エリア端部３０ａから離れる方向を向いている場合、制御部１８は、ページ切替モードを選択し、それ以外の条件では、スクロールモードを選択する。図５に示す例では、接触位置５０を起点として、ページ切替モード範囲５４（２θｔ以下の範囲）にドラッグ方向が含まれる場合、制御部１８は、ページ切替モードを選択する。一方、スクロールモード範囲５６（２θｔ以外の範囲）にドラッグ方向が含まれる場合、制御部１８は、スクロールモードを選択する。表示ページ画像４０の右端部（画像端部４０ａ）が表示エリア３０の右端部（表示エリア端部３０ａ）に接している状況下では、右側から左側にスクロール操作を行っても表示ページ画像４０の表示内容は右側から左側に移動し得ないので、ドラッグ方向がページ切替モード範囲５４に含まれる場合（左側にドラッグされた場合）には、制御部１８は、スクロールモードを選択せずにページ切替モードを選択する。閾値角度θｔは、一例として４５°である。従って、ページ切替モード範囲５４は、±４５°（９０°）の範囲となる。但し、閾値角度θｔとして他の値が用いられてもよいし、ユーザによって閾値角度θｔが設定されてもよい。

【0028】

なお、ドラッグ方向の角度の判定は、ある程度のドラッグ距離（ドラッグ量）がないと誤差が生じ得るため、制御部１８は、ドラッグ距離が予め設定された距離閾値Ｌｔ以上になった時点で、操作モードを判定してもよい。

【0029】

上記の処理により、スクロールモードが選択された場合、図６に示すように、制御部１８は、ドラッグ方向及びドラッグ距離に応じて、表示エリア３０に拡大表示された表示ページ画像４０の表示位置を移動させる。一方、ページ切替モードが選択された場合、図７に示すように、制御部１８は、ドラッグ距離に応じてページをスクロールさせ、次ページ画像４４を表示エリア３０内に表示させる。このようにページスクロールが行われると、ドラッグ距離に応じた範囲の次ページ画像４４が徐々に引き出されて表示エリア３０内に表示される。図５及び図７に示す例では、左側にドラッグされた場合、制御部１８は、ドラッグ距離に応じて次ページ画像４４を徐々に表示エリア３０内に表示させることになる。なお、表示エリア３０に表示されている表示ページ画像４０が、最後尾ページの画像の場合、制御部１８は、ページスクロールを行わない。

【0030】

また、図８に示すように、表示ページ画像４０の端部のうち前ページ画像４２が配置されている方向の端部（画像端部４０ｂ）が、表示エリア３０の左端部（表示エリア端部３０ｂ）に接している場合、ドラッグ方向の角度が、表示エリア端部３０ｂに直交する方向（仮想線５２）から閾値角度θｔ以下となり、ドラッグ方向が、表示エリア端部３０ｂから離れる方向を向いている場合、制御部１８は、ページ切替モードを選択し、それ以外の条件では、スクロールモードを選択する。ページ切替モードが選択された場合、制御部１８は、ドラッグ距離に応じてページをスクロールさせ、前ページ画像４２を表示エリア３０内に表示させる。図８に示す例では、右側にドラッグされた場合、制御部１８は、ドラッグ距離に応じて前ページ画像４２を徐々に表示エリア３０内に表示させることになる。表示ページ画像４０の左端部（画像端部４０ｂ）が表示エリア３０の左端部（表示エリア端部３０ｂ）に接している状況下では、左側から右側にスクロール操作を行っても表示ページ画像４０の表示内容は左側から右側に移動し得ないので、ドラッグ方向がページ切替モード範囲５４に含まれる場合（右側にドラッグされた場合）には、制御部１８は、スクロールモードを選択せずにページ切替モードを選択する。なお、表示エリア３０に表示されている表示ページ画像４０が先頭ページの画像の場合、制御部１８は、ページスクロールを行わない。

【0031】

以上のように、表示ページ画像４０の端部のうち切り替え先のページが配置されている方向の端部が表示エリア３０の端部に接している状況下で、ドラッグ操作が行われてページ切替モードが選択されると、制御部１８は、切り替え先のページの画像を表示エリア３０内に表示させる。例えば、ユーザがページを切り替えたい場合、スクロール操作によって、切り替え先のページが配置されている方向の表示エリア３０の端部に表示ページ画像４０の端部を接触させ、その状態で、ページ切替モードが選択されるようにドラッグ操作を行えばよい。例えば、次ページ画像４４にページを切り替えたい場合、ユーザはスクロール操作によって、図５に示すように、表示ページ画像４０の右端部（画像端部４０ａ）を表示エリア３０の右端部（表示エリア端部３０ａ）に接触させ、その状態で、ページ切替モードが選択されるようにドラッグ操作を行えばよい。同様に、前ページ画像４２にページを切り替えたい場合、ユーザはスクロール操作によって、図８に示すように、表示ページ画像４０の左端部（画像端部４０ｂ）を表示エリア３０の左端部（表示エリア端部３０ｂ）に接触させ、その状態で、ページ切替モードが選択されるようにドラッグ操作を行えばよい。

【0032】

別の例として、図９に示すように、表示ページ画像４０の上下方向に別のページの画像が配置されている場合も、左右方向に別のページの画像が配置されている場合と同様に、ページ切替モードとスクロールモードとが切り替えられる。例えば、表示ページ画像４０を基準にして上側に前ページ画像４２が配置されており、下側に次ページ画像４４が配置されているものとする。このとき、表示ページ画像４０の上端部（画像端部４０ｃ）が、表示エリア３０の上端部（表示エリア端部３０ｃ）に接している状況下で、ドラッグ方向の角度が、表示エリア端部３０ｃに直交する方向（仮想線５２）から閾値角度θｔ以下となり、ドラッグ方向が、表示エリア端部３０ｃから離れる方向を向いている場合、制御部１８は、ページ切替モードを選択し、それ以外の条件では、スクロールモードを選択する。図９に示す例では、下側にドラッグされた場合、制御部１８は、前ページ画像４２を表示エリア３０内に表示させることになる。表示ページ画像４０の上端部（画像端部４０ｃ）が表示エリア３０の上端部（表示エリア端部３０ｃ）に接している状況下では、上側から下側にスクロール操作を行っても表示ページ画像４０の表示内容は上側から下側に移動し得ないので、ドラッグ方向がページ切替モード範囲５４に含まれる場合（下側にドラッグされた場合）には、制御部１８は、スクロールモードを選択せずにページ切替モードを選択する。また、表示ページ画像４０の下端部が、表示エリア３０の下端部に接している状況下で、ドラッグ方向の角度が、表示エリア３０の下端部に直交する方向から閾値角度θｔ以下となり、ドラッグ方向が、表示エリア３０の下端部から離れる方向を向いている場合、制御部１８は、ページ切替モードを選択し、次ページ画像４４を表示エリア３０内に表示させる。

【0033】

次に、図１０に示すフローチャートを参照して、画像表示装置１０の動作を説明する。例えば図５に示すように、左右方向にページが配置され、表示ページ画像４０が、表示エリア３０内に拡大表示されているものとする。まず、ユーザによってタッチパネル１２が操作されると、制御部１８は、タッチパネル１２の検知結果に基づいてユーザの操作を検知し（Ｓ０１）、その操作に応じた制御を行う（Ｓ０２）。

【0034】

検知された操作が「タッチ操作」に該当する場合、制御部１８は、操作モードを初期状態（操作モードの指定がない状態）に設定する（Ｓ０３）。そして、処理はステップＳ０１に戻る。

【0035】

検知された操作が「ドラッグ操作」に該当する場合、制御部１８は、操作モードに応じた制御を行う（Ｓ０４）。操作モードとしてスクロールモードが既に指定されている場合（Ｓ０４:スクロール）、制御部１８は、ドラッグ方向及びドラッグ距離に応じて、図５に示す表示ページ画像４０の表示位置を移動させる（Ｓ０７）。そして、処理はステップＳ０１に戻る。一方、操作モードとしてページ切替モードが既に指定されている場合（Ｓ０４：ページ切替）、制御部１８は、ドラッグ距離に応じてページをスクロールさせ、別のページの画像を表示エリア３０内に表示させる（Ｓ１０）。そして、処理はステップＳ０１に戻る。

【0036】

スクロールモード及びページ切替モードのいずれも指定されていない場合（Ｓ０４：指定なし）、制御部１８は、表示ページ画像４０の端部が表示エリア３０の端部に接しているか否かに応じて、操作モードを決定する（Ｓ０５）。例えば、表示ページ画像４０の端部が表示エリア３０の端部に接していない場合（Ｓ０５，Ｎｏ）、制御部１８は、操作モードをスクロールモードに設定する（Ｓ０６）。この場合、制御部１８は、ドラッグ方向及びドラッグ距離に応じて、表示ページ画像４０の表示位置を移動させる（Ｓ０７）。そして、処理はステップＳ０１に戻る。

【0037】

表示ページ画像４０の端部が表示エリア３０の端部に接している場合（Ｓ０５，Ｙｅｓ）、制御部１８は、ドラッグ方向の角度に応じて操作モードを決定する（Ｓ０８）。例えば図１１（ａ）に示すように、矢印６０で示すドラッグ方向の角度が閾値角度θｔよりも大きくなり、スクロールモード範囲５６（２θｔ以外の範囲）に含まれる場合、制御部１８は、操作モードをスクロールモードに設定する（Ｓ０６）。この場合、例えば図１１（ｂ）に示すように、制御部１８は、ドラッグ方向及びドラッグ距離に応じて、表示ページ画像４０の表示位置を移動させる（Ｓ０７）。例えば図１１（ａ）に示すように、矢印６０で示す上方向にドラッグ操作が行われた場合、制御部１８は、図１１（ｂ）に示すように、矢印６２で示す下方向に表示ページ画像４０の表示位置を移動させる（下方向にスクロールする）。そして、処理はステップＳ０１に戻る。

【0038】

一方、例えば図１２（ａ）に示すように、矢印７０で示すドラッグ方向の角度が閾値角度θｔ以下となり、ページ切替モード範囲５４（２θｔ以下の範囲）に含まれる場合、制御部１８は、操作モードをページ切替モードに設定する（Ｓ０９）。この場合、例えば図１２（ｂ）に示すように、制御部１８は、ドラッグ距離に応じてページをスクロールさせ、別のページの画像（例えば次ページ画像４４）を表示エリア３０内に表示させる（Ｓ１０）。例えば図１２（ａ）に示すように、矢印７０で示す左方向にドラッグ操作が行われた場合、制御部１８は、図１２（ｂ）に示すように、矢印７２で示す左方向にページをスクロールさせ、次ページ画像４４を表示エリア３０内に表示させる。例えば、制御部１８は、ページをスクロールすることで、次ページ画像４４を徐々に表示エリア３０内に表示させる。そして、処理はステップＳ０１に戻る。

【0039】

また、ステップＳ０２にて「リリース操作」が検出された場合、制御部１８は、操作モードに応じた制御を行う（Ｓ１１）。操作モードとしてページ切替モードが指定されている場合（Ｓ１１:ページ切替）、制御部１８は、リリース直前のドラッグ操作に基づいてページを切り替える（Ｓ１２）。ページスクロールが行われている場合、制御部１８は、そのページスクロールを中止してページを切り替える。また、ページスクロールによるページ切替が途中の場合、制御部１８は、ページ切替中に表示エリア３０内に表示されている表示ページ画像４０のサイズと、ページスクロールによって引き出されて表示エリア３０内に表示されている別ページの画像（前ページ画像４２又は次ページ画像４４）のサイズとを比較し、表示ページ画像４０のサイズが別ページ画像のサイズよりも大きい場合、表示ページ画像４０を表示エリア３０内に戻して表示させ、別ページ画像のサイズが表示ページ画像４０のサイズよりも大きい場合、ページを切り替えて別ページ画像を表示エリア３０内に表示させてもよい。また、制御部１８は、リリースされたときのドラッグ操作の速度や距離によって、その操作がフリック操作か否かを判定してもよい。フリック操作が検知された場合、制御部１８は、ページスクロールの位置に関わらず、ページ切替を実行してもよい。

【0040】

一方、ステップＳ１１にて、操作モードが指定されていない場合又はスクロールモードが指定されている場合（Ｓ１１:指定なし又はスクロール）、制御部１８は、処理を終了する。例えばスクロールモードが指定されている場合、制御部１８は、スクロールを停止させる。また、スクロールモードにおいてフリック操作が検知された場合、制御部１８は、フリックした方向にスクロールを続け、時間の経過とともに徐々にスクロールを停止させてもよい。

【0041】

上記の画像表示装置１０によると、表示ページ画像４０の端部が表示エリア３０の端部に接している状況下で、ドラッグ方向に基づいてページ切替モード及びスクロールモードの中から操作モードを決定することで、ユーザの意図に反してページ切替やスクロールが実行されることが防止又は低減され、タッチパネルの操作性が向上する。本実施形態では、切り替え先のページが配置されている方向の表示エリア３０の端部に表示ページ画像４０の端部を接触させ、その状態でドラッグ操作を行えば、ページ切替モード及びスクロールモードの中から操作モードが選択されるので、簡単な操作でユーザの意図した操作モードが選択される。

【0042】

また、ページ切替モード範囲５４（２θｔ以下の範囲）を基準に操作モードが決定されるので、ユーザが曖昧なドラッグ操作を行った場合であっても、ユーザの意図に反した操作が防止又は低減される。また、タッチパネルによる座標検知の性能の影響が軽減され、ユーザの意図に反した操作が防止又は軽減される。

【0043】

次に、図１３を参照して、変形例１について説明する。変形例１では、表示ページ画像４０の左右方向に別ページの画像９０，９２が配置され、上下方向に別ページの画像９４，９６が配置されている。表示ページ画像４０の左右のいずれかの端部が表示エリア３０の左右のいずれかの端部に接している状況下でドラッグ操作が行われた場合、制御部１８は、左右方向へのページ切替モード及びスクロールモードの中から操作モードを選択する。一方、表示ページ画像４０の上下のいずれかの端部が表示エリア３０の上下のいずれかの端部に接している状況以下でドラッグ操作が行われた場合、制御部１８は、上下方向へのページ切替モード及びスクロールモードの中から操作モードを選択する。このように、左右方向及び上下方向にページが配置されている場合であっても、左右方向又は上下方向にページが配置されている場合と同様に、タッチパネルの操作性が向上する。

【0044】

なお、上述した閾値角度θｔは、ユーザによって変更されてもよい。これにより、ユーザに応じた条件が設定される。また、左右方向にページが配置されている場合と上下方向にページが配置されている場合とで、それぞれ別々の閾値角度θｔを採用してもよい。これにより、タッチパネル１２の設置条件等に応じた条件が設定される。また、表示エリア３０の左側と右側とで異なる閾値角度θｔを用いてもよい。同様に、表示エリア３０の上側と下側とで異なる閾値角度θｔを用いてもよい。

【0045】

次に、図１４から図１８を参照して、変形例２について説明する。図１４には、ユーザの指１００，１１０，１２０の移動の軌跡が示されている。例えばユーザがドラッグ操作を行った場合、矢印Ａ，Ｂ，Ｃで示すように、ドラッグ操作の軌跡は弧を描くようになる。特に、立てられたタッチパネル１２を操作する場合、ユーザは手首を固定してドラッグ操作しがちなので、ドラッグ操作の軌跡は弧を描くようになる。変形例２では、ドラッグ操作の軌跡に対応して、閾値角度を設定する。なお、以下に示す変形例２では、ユーザは、右手の指によってドラッグ操作するものとする。

【0046】

例えば図１５に示すように、表示ページ画像４０の右側の端部（画像端部４０ａ）が、表示エリア３０の右端部（表示エリア端部３０ａ）に接している場合に、ユーザが、表示エリア３０に対して右側に配置されたページの画像を引き出して表示させようとするものとする。この場合、ユーザの指の軌跡は、下方向を向きやすい。従って、仮想線５２に対して、下側の閾値角度θｔ１を、上側の閾値角度θｔ２よりも大きくする（θｔ１＞θｔ２）。これにより、右側の画像を引き出そうとしてユーザがドラッグ操作を行った場合に、ドラッグ操作の軌跡が下方向を向いた場合であっても、ドラッグ方向の角度が閾値角度θｔ１以下となりやすいので、ユーザの意図通りにページ切替が行われる。

【0047】

また、図１６に示すように、表示ページ画像４０の左側の端部（画像端部４０ｂ）が、表示エリア３０の左端部（表示エリア端部３０ｂ）に接している場合に、ユーザが、表示エリア３０に対して左側に配置されたページの画像を引き出して表示させようとするものとする。この場合、ユーザの指の軌跡は、上方向を向きやすい。従って、仮想線５２に対して、上側の閾値角度θｔ２を、下側の閾値角度θｔ１よりも大きくする（θｔ２＞θｔ１）。これにより、左側の画像を引き出そうとしてユーザがドラッグ操作を行った場合に、ドラッグ操作の軌跡が上方向を向いた場合であっても、ドラッグ方向の角度が閾値角度θｔ２以下となりやすいので、ユーザの意図通りにページ切替が行われる。

【0048】

また、図１７に示すように、表示ページ画像４０の上側の端部（画像端部４０ｃ）が、表示エリア３０の上端部（表示エリア端部３０ｃ）に接している場合に、ユーザが、表示エリア３０に対して上側に配置されたページの画像を引き出して表示させようとするものとする。この場合、ユーザの指の軌跡は、左方向を向きやすい。従って、仮想線５２に対して、左側の閾値角度θｔ３を、右側の閾値角度θｔ４よりも大きくする（θｔ３＞θｔ４）。これにより、上側の画像を引き出そうとしてユーザがドラッグ操作を行った場合に、ドラッグ操作の軌跡が左方向を向いた場合であっても、ドラッグ方向の角度が閾値角度θｔ３以下となりやすいので、ユーザの意図通りにページ切替が行われる。

【0049】

また、図１８に示すように、表示ページ画像４０の下側の端部（画像端部４０ｄ）が、表示エリア３０の下端部（表示エリア端部３０ｄ）に接している場合に、ユーザが、表示エリア３０に対して下側に配置されたページの画像を引き出して表示させようとするものとする。この場合、ユーザの指の軌跡は、右方向を向きやすい。従って、仮想線５２に対して、右側の閾値角度θｔ４を、左側の閾値角度θｔ３よりも大きくする（θｔ４＞θｔ３）。これにより、下側の画像を引き出そうとしてユーザがドラッグ操作を行った場合に、ドラッグ操作の軌跡が右方向を向いた場合であっても、ドラッグ方向の角度が閾値角度θｔ４以下となりやすいので、ユーザの意図通りにページ切替が行われる。

【0050】

上記の変形例２における閾値角度の関係をまとめると、以下のようになる。
右側の画像を引き出す場合、下側の閾値角度θｔ１＞上側の閾値角度θｔ２
左側の画像を引き出す場合、上側の閾値角度θｔ２＞下側の閾値角度θｔ１
上側の画像を引き出す場合、左側の閾値角度θｔ３＞右側の閾値角度θｔ４
下側の画像を引き出す場合、右側の閾値角度θｔ４＞左側の閾値角度θｔ３

【0051】

なお、ユーザが左手の指でドラッグ操作を行う場合、上記の不等号の向きはそれぞれ逆になる。例えば、ドラッグ操作を行う手を示す情報が、画像表示装置１０に設定されてもよい。この設定は、例えばユーザによって行われる。制御部１８は、ドラッグ操作が右手で行われる設定になっている場合、上記の不等号の向きに従って処理を行い、ドラッグ操作が左手で行われる設定になっている場合、上記の不等号の向きを逆にして処理を行う。

【0052】

以上のように、仮想線５２の上下又は左右で同じ閾値角度を用いずに、ページ切替が行われる方向に応じて、上下又は左右の閾値角度を変えることで、ユーザの意図通りにページ切替が行われやすくなり、ユーザの操作性の低下が防止又は軽減される。

【0053】

また、タッチパネル１２が傾いて設置されている場合、ドラッグ方向の軌跡は下方向を向きやすいので、下側の閾値角度θｔ１＞上側の閾値角度θｔ２としてもよい。

【0054】

なお、上記の実施形態及び変形例１，２では、タッチパネルを使用する場合について説明したが、ユーザによる操作を受け付ける装置は、タッチパネルに限らず、マウスであってもよい。マウスが用いられる場合であっても、制御部１８は、マウスによる指定位置の移動方向に基づき、ページ切替モード又はスクロールモードを実行する。

【0055】

また、上記の実施形態及び変形例１，２では、一例として複数のページで構成される画像データを表示する場合について説明したが、本実施形態はこの例に限定されるものではない。例えば、写真閲覧用のアプリケーション等を実行する場合に、本実施形態が適用されてもよい。この場合、制御部１８は、複数の写真（画像）を対象にして、表示部１４に表示される個々の写真を切り替える写真切替モード（ページ切替モード）、又は、表示部１４に表示されている写真の表示内容を移動させるスクロールモードを実行してもよい。

【0056】

上述した画像表示装置１０は、一例としてハードウェア資源とソフトウェアとの協働により実現される。具体的には、画像表示装置１０は、図示しないＣＰＵ等のプロセッサを備えている。当該プロセッサが、図示しない記憶装置に記憶されたプログラムを読み出して実行することにより、制御部１８の機能が実現される。上記プログラムは、ＣＤやＤＶＤ等の記憶媒体を経由して、又は、ネットワーク等の通信手段を経由して、記憶装置に記憶される。

【符号の説明】

【0057】

１０ 画像表示装置、１２ タッチパネル、１４ 表示部、１６ タッチセンサ、１８ 制御部、２０ 画像記憶部、３０ 表示エリア、４０ 表示ページ画像、４２ 前ページ画像、４４ 次ページ画像、５４ ページ切替モード範囲、５６ スクロールモード範囲。

【図1】

【図2】

【図3】

【図4】

【図5】

【図6】

【図7】

【図8】

【図9】

【図10】

【図11】

【図12】

【図13】

【図14】

【図15】

【図16】

【図17】

【図18】