JP6337863B2 - 表示装置及びこれを含む画像形成装置 - Google Patents

Description

本発明は、ページを表示する表示装置とこれを含む画像形成装置に関する。

スマートフォン、タブレットコンピューターのような表示パネルとタッチパネル部の組み合わせを含み、使用者の操作に応じて各種情報、画面を表示する表示装置が普及している。このような表示装置では、ウェブサイトにアクセスして画像や文字列のようなコンテンツを取得してウェブページを表示させたり、文書や画像のようなコンテンツを含むファイルを開いてファイル内容（ページ）を表示させたりすることができる。このような表示装置の一例が特許文献１に記載されている。

具体的に、特許文献１には、Ｗｅｂページにおいて表示させたい箇所の条件（文字列、画像、テキストボックス、ボタン、座標点）に優先順位を付けて記憶部１４に格納しておき、処理部１７の制御によりＷｅｂページの表示部１６への表示時に、条件に一致する箇所で優先順位が最も高いものを検出し、検出箇所が表示部中の所定の位置（左上、上中央、右上、左、中央、右、左下、下中央、右下など）に表示されるよう表示範囲を移動させる携帯端末が記載されている。この構成により、携帯端末のような小さな表示部しか持たない情報機器でもスクロール操作などを何度も行うことなく、優先的に表示させたい情報が含まれる部分をすばやく表示しようとする（特許文献１：段落［００５１］、［００８９］等参照）。

特開２００６−２０９５５３号公報

縦幅や横幅の大きいページは、１画面内にページ全体を表示できない。例えば、ＰＣ用のウェブページは、スマートフォンの１画面で表示できる領域よりも広い場合がある。また、ウェブページには、ＰＣのディスプレイよりも広いものもある。この場合、表示領域（画面）をスクロールさせて表示されていなかった領域を新たに表示させる。ページ全体を閲覧するとき、このスクロールが繰り返される。表示領域のスクロールのため、スクロールバーが画面に表示されることがある。

見たいコンテンツ（画像、文章、文字列のような情報）を探すとき、使用者は表示領域をスクロールしながら探す。しかし、コンテンツがページ全体に（端から端まで）ぎっしり詰め込まれているとは限らない。レイアウトの都合上、コンテンツが配されない余白部分（背景画像のみの部分）がページ内に存在する。

従来、スクロールしてみないと、スクロール先にコンテンツがあるか否かを確認することができないという問題がある。例えば、ページは基本的に左詰めで記述される。そして、現在の表示領域よりも右側にコンテンツが存在しているのか否かわからないので、右スクロールをしてみることになる。右端までの右スクロールの過程で新たに表示されたのが余白のみのとき、右スクロールは結果的に無駄な操作である。

なお、特許文献１記載の発明は、優先条件に基づきページ内で表示する領域の位置を自動的に決定する。しかし、使用者が求める情報はその都度変わるので、所望しない部分への自動的な表示位置の移動が行われる。また、特許文献１記載の技術では、現在の表示領域よりも右側にコンテンツが存在しているか否かはスクロールしてみないとわからない問題は解決できない。

本発明は、上記従来技術の問題点に鑑み、現在の表示領域を含むページの左右方向の帯領域のうち、これ以上右方向にコンテンツは無いことを示す情報を表示させ、無駄な右方向への表示領域のスクロールを無くす。

上記課題解決のため請求項１に係る表示装置は、表示パネル、入力受付部、処理部を含む。前記表示パネルは、ページの内容を表示するとともに、つまみ画像と前記つまみ画像のスライド範囲を示す溝画像を含む横スクロールバーを表示する。前記入力受付部は、前記表示パネルに対して設けられ、表示されている画像への操作を受け付ける。前記処理部は、前記表示パネルの表示を制御し、前記入力受付部の出力に基づき表示された画像への操作の内容を認識し、前記横スクロールバーの前記つまみ画像を移動させる方向と移動量に応じて前記表示パネルの表示領域を横方向で移動させる。ページの横幅が前記表示パネルの表示領域の横幅よりも広いとき、前記処理部は、上端と下端が前記表示パネルの表示領域の上端と下端に対応しページの左端から右端までのページ内の領域である帯領域において、コンテンツの右端のうち最も右側の位置であるコンテンツ終了位置を判定し、前記コンテンツ終了位置を示す前記横スクロールバーを前記表示パネルに表示させる。

上述したように、本発明によれば、現在の表示領域を含むページの左右方向の帯領域のうち、これ以上右方向にコンテンツは無いことを示す情報を表示する。これにより、無駄な右方向への表示領域のスクロールを無くすことができる。

実施形態に係る複合機の一例を示す図である。 実施形態に係る表示装置の外観の一例を示す図である。 実施形態に係る表示装置の一例を示す説明図である。 ページ全体と表示装置の表示領域の関係の一例を示す図である。 横スクロールバーの一例を示す図である。 実施形態に係る横スクロール設定画面の一例を示す図である。 実施形態に係るマーク画像の表示の流れの一例を示す図である。 ページ全体に対する表示領域の一例を示す図である。 実施形態に係る表示装置でのマーク画像の表示の一例を示す図である。 ページ全体に対する表示領域の一例を示す図である。 実施形態に係る表示装置でのマーク画像の表示の一例を示す図である。 実施形態に係るスクロール規制処理の一例を示す図である。 実施形態に係る溝画像変更モードでの表示の流れの一例を示す図である。 ページ全体に対する表示領域の一例を示す図である。 実施形態に係る溝画像の横幅変更の一例を示す図である。

以下、本発明の実施形態を図１〜図１５を用いて説明する。尚、本実施形態では、表示装置１を含む画像形成装置として複合機１００を例に挙げ説明する。但し、本実施の形態に記載される構成、配置等の各要素は発明の範囲を限定するものではなく単なる説明例にすぎない。

（複合機１００の概略）
図１に基づき、実施形態に係る複合機１００を説明する。図１は実施形態に係る複合機１００の一例を示す図である。

複合機１００は、表示装置１を含む。また、複合機１００は、主制御部２と記憶部３を含む（図１参照）。主制御部２は、ＣＰＵ２１、画像処理部２２のような回路を含む。主制御部２は、複合機１００の動作を制御する。記憶部３は、ＲＯＭ、ＨＤＤのような不揮発性の記憶装置と、ＲＡＭのような揮発性の記憶装置を組み合わせである。記憶部３は、複合機１００の制御用の各種のプログラムやデータ、設定データ、画像データのような各種データを記憶する。ＣＰＵ２１は、記憶部３に記憶されるプログラム、データに基づき複合機１００の制御、各種の演算、求められる信号処理を行う。画像処理部２２は、印刷や送信に用いる画像データへの画像処理のような処理や演算を行う。

図１に示すように、複合機１００は、表示装置１を含む。各使用者が所持するスマートフォンやタブレットコンピューター２００を表示装置１として用いることができる。この場合、各使用者の表示装置１には、複合機１００の設定や、複合機１００と通信を行うためのアプリケーション６がインストールされる。また、表示装置１は、複合機１００を設定するための専用のもの（表示パネルやタッチパネル部を含み、複合機１００に同梱される携帯型端末）でもよい。つまり、スマートフォン、タブレットコンピューター２００、複合機１００専用の表示装置１を、設定用の操作パネルとして用いることができる。主制御部２は、無線通信部２３を介し表示装置１と通信を行う。そして、主制御部２は、表示装置１でなされた操作に基づく設定内容を認識する。なお、複合機１００に表示装置１を固定し主制御部２と表示装置１を有線で接続してもよい。

複合機１００は、原稿搬送部４ａと画像読取部４ｂを含む。主制御部２は、セットされた原稿を読み取り位置に向けて原稿搬送部４ａに搬送させる。主制御部２は、原稿搬送部４ａが搬送する原稿や、載置読取用コンタクトガラス（不図示）にセットされた原稿を画像読取部４ｂに読み取らせる。そして、主制御部２は、画像データを画像読取部４ｂに生成させる。主制御部２は、スキャン、印刷、送信のようなジョブのとき、原稿搬送部４ａと画像読取部４ｂを動作させる。

印刷部５（給紙部５ａ、搬送部５ｂ、画像形成部５ｃ、定着部５ｄ）は、トナーを用いて画像データに基づき用紙に印刷を行う。印刷を伴うジョブのとき、主制御部２は、用紙を１枚ずつ搬送部５ｂに向けて給紙部５ａに用紙を供給させる。主制御部２は、給紙部５ａから供給された用紙を搬送部５ｂに搬送させる。主制御部２は、画像データに基づきトナー像を画像形成部５ｃに形成させ、搬送される用紙への転写を画像形成部５ｃに行わせる。主制御部２は、用紙に転写されたトナー像を定着部５ｄに定着させる。トナー定着後の用紙は、機外に排出される。

また、複合機１００は、通信部２４を含む。通信部２４は、各種コネクタ、ソケット、通信用チップを備える。通信部２４は、ネットワークやケーブルを介し、ＰＣやサーバーのようなコンピューター２００やファクシミリ装置３００と通信可能に接続される。通信部２４はコンピューター２００やファクシミリ装置３００からデータを受信する。主制御部２は、通信部２４が受信したデータに基づき印刷部５に印刷を行わせる（プリントジョブ）。また、通信部２４はコンピューター２００やファクシミリ装置３００にむけてデータを送信する（送信ジョブ）。例えば、主制御部２は、原稿の読み取りで得られた画像データを通信部２４に送信させる。

（表示装置１）
以下、図２、図３を用いて、実施形態に係る表示装置１の概要を説明する。図２は、実施形態に係る表示装置１の外観の一例を示す図である。図３は、実施形態に係る表示装置１の一例を示す説明図である。

図２は表示装置１の一例を示す。図２の表示装置１はスマートフォンである。図２に示すように、表示装置１は、表示パネル１１を含む。表示パネル１１に対してタッチパネル部１２（入力受付部に相当）が設けられる。使用者は、タッチパネル部１２をタッチすることにより様々な操作を行うことができる。

図３に示すように、表示装置１は、処理部１０（制御用チップ）、ＲＯＭ１３ａ、ＲＡＭ１３ｂ、フラッシュメモリー１３ｃ、表示パネル１１、タッチパネル部１２、Ｉ／Ｆ部１４、撮像部１６、音声処理部１７、マイクロフォン１７ａ、再生処理部１８、スピーカー１８ａ、無線通信部１９（通信部２４に相当）を含む。なお、表示装置１が複合機１００と同梱される専用機の場合、撮像部１６、音声処理部１７、マイクロフォン１７ａ、再生処理部１８、スピーカー１８ａを含める必要はなく、ハードキーのような別の部材、回路を含めることがある。

処理部１０は、演算処理回路、画像処理回路、表示制御回路のような複数の回路を含むＳｏＣのようなチップである。処理部１０は、表示装置１のＯＳやアプリケーション６に基づき、表示装置１の動作を制御する。また、処理部１０は、表示パネル１１の表示を制御する。

ＲＯＭ１３ａ、フラッシュメモリー１３ｃは、表示装置１の制御プログラム、制御データ、アプリケーション６を記憶する。処理部１０は、ＲＯＭ１３ａやフラッシュメモリー１３ｃに記憶される制御プログラム、制御データ、アプリケーション６に従って、表示装置１の各部を制御する。又、フラッシュメモリー１３ｃには、ダウンロードしたアプリケーション６を複数記憶させることができる（尚、図４では便宜上、アプリケーション６を１つのみ図示）。タッチパネル部１２を通じた使用者のアプリケーション６の起動要求に応じ、処理部１０は、フラッシュメモリー１３ｃからアプリケーション６やプログラムをＲＡＭ１３ｂに読み出し、実行できる。

処理部１０は、各種情報を表示パネル１１に表示させる。タッチパネル部１２は処理部１０と接続される。処理部１０は、タッチパネル部１２の出力に基づき、タッチされた位置を認識する。そして、処理部１０は、表示パネル１１が表示しているアイコンやボタンやキーなどのうち、タッチされた対象を認識する。アイコンやボタンやキーのような操作用の画像を押すことにより、アプリケーション６の起動のような表示装置１の動作を指示することができる。

Ｉ／Ｆ部１４は、各種規格に基づくコネクタやソケットや通信用チップを実装する。Ｉ／Ｆ部１４は、Ｉ／Ｆ部１４に挿入されたメモリーカードのような記録媒体に関し、データやプログラムの読み出しや書き込みを行なう。撮像部１６は、表示装置１に設けられたカメラである。撮像部１６は、撮像により得られたアナログ信号を処理してディジタルの画像データを生成する。

無線通信部１９は、アンテナや通信回路を含む。無線通信部１９は、処理部１０の指示に応じて、データ通信網のようなネットワークや複合機１００と通信を行う。例えば、無線通信部１９を介して、複合機１００と複合機１００の設定に関するデータ通信や、ネットワークを介したアプリケーション６のダウンロードを行うことができる。又、無線通信部１９は、音声データの送受信を行い、相手方の電話との通話にも用いることができる。

音声処理部１７は、マイクロフォン１７ａから入力された音声に対して、無線通信部１９から送信できる形態への信号処理を行う。再生処理部１８は、無線通信部１９で受信した相手型の音声データを再生し、スピーカに再生させる。

表示装置１では、複合機１００の設定用のアプリケーション６を起動し、起動により表示パネル１１に表示された画像の表示位置をタッチすることにより。複合機１００の印刷や送信のようなジョブに関する設定や複合機１００のシステム設定を行うことができる。タッチパネル部１２に設定完了の入力がなされたとき、処理部１０は、複合機１００の無線通信部２３に向けて設定内容データを表示装置１の無線通信部１９に送信させる。複合機１００の主制御部２は、受信した設定内容データに基づいたジョブを実行したり、受信した設定内容データに基づいてシステム設定を変更したりする。

また、表示装置１では、ブラウザを起動してタッチパネル部１２に入力することにより、ウェブサイトにアクセスし、ウェブページを閲覧することができる。具体的に、ブラウザが起動され、タッチパネル部１２への操作によりアクセスするウェブサイト（ＵＲＬ）が指定されたとき、処理部１０は、指定されたウェブサイトへのアクセスを無線通信部１９に行わせる。そして、処理部１０は、そのウェブサイトの情報（文字列や画像のようなコンテンツ、記述言語、リソースのような各種情報）を無線通信部１９に取得させる。そして、処理部１０は、ブラウザに基づき取得された情報を解析する。また、処理部１０は、ブラウザと解析結果に基づき、文字列や画像を配置したページＰを表示パネル１１に表示させる。

また、表示装置１では、文書ファイルや画像ファイルを開き、その内容（ページＰ）を閲覧することもできる。具体的に、文書ファイルや画像ファイルの閲覧のためのアプリケーション６が起動され、タッチパネル部１２への操作により閲覧するファイルが指定されたとき、処理部１０は、指定されたファイルを解析し、文字列や画像を含むファイル（ページＰ）を表示パネル１１に表示させる。

（ページ表示でのスクロール）
図４、図５を用いてページ表示でのスクロールを説明する。図４は、ページ全体と表示装置１の表示領域Ｆの関係の一例を示す図である。図５は、実施形態に係る横スクロールバー７の一例を示す図である。

図４のうち、大きい方の矩形は、表示装置１で閲覧するページ全体を示す。このページＰ内に、文章、文字列、記号列、画像（静止画、動画）のようなコンテンツが配される。そして、図４は、表示パネル１１の表示領域Ｆの左上隅とページＰの左上隅を合わせた状態（ページ閲覧時の初期状態）の一例を示している。

表示パネル１１の表示領域ＦよりもページＰの方が大きいとき、処理部１０は、ページＰの一部を表示パネル１１に表示させる。図４は、縦幅及び横幅のいずれも、ページＰの方が表示領域Ｆよりも大きい例を示す。このような場合、使用者は、スクロールにより表示領域Ｆを移動させてページＰに配されたコンテンツを確認する。閲覧にスクロールが必要なとき、処理部１０は、表示パネル１１の右端に縦方向でのスクロールのための縦スクロールバー７０を表示させる。また、処理部１０は、表示パネル１１の下端に横方向（左右方向）でのスクロールのために横スクロールバー７を表示させる。

処理部１０は、タッチパネル部１２の出力に基づき縦スクロールバー７０への操作を認識し、操作内容に応じて表示領域Ｆを上下方向で移動させる。また、処理部１０は、タッチパネル部１２の出力に基づき横スクロールバー７への操作を認識し、操作内容に応じて表示領域Ｆを上下方向で移動させる。

次に、図５を用いて横スクロールバー７を説明する。横スクロールバー７は、矢印画像７１（スクロールアロー、右方向と左方向のものが１つずつ）、つまみ画像７２（スクロールサム）、溝画像７３（スクロールトラック）を含む。溝画像７３はつまみ画像７２のスライド範囲を示す。溝画像７３の範囲でつまみ画像７２をスライド移動させることができる。つまみ画像７２は、ドラッグ操作（タッチしたままタッチ位置を移動させる操作）で移動させることができる。つまみ画像７２をタッチし、タッチしたまま左、又は、右方向にタッチ位置が移動されたとき、処理部１０は、つまみ画像７２の移動方向と同じ方向への表示領域Ｆのスクロールを表示パネル１１に行わせる。また、処理部１０は、つまみ画像７２の移動量が多いほど、表示領域Ｆのスクロール量（移動量）を大きくする。

ここで、処理部１０は、表示領域Ｆの横幅Ｗ１をページＰの横幅Ｗ２（図４参照）で除して第１比率（Ｗ１／Ｗ２）を求める。ページＰの横幅Ｗ２の方が大きいので、求められる第１比率は、１以下となる。そして、処理部１０は、溝画像７３の横幅Ｗ４に第１比率を乗じて得られる長さ（Ｗ４×Ｗ１／Ｗ２）をつまみ画像７２の横幅Ｗ３とする。これにより、横スクロールバー７におけるつまみ画像７２の横幅Ｗ３と溝画像７３の横幅Ｗ４の比と、表示領域Ｆの横幅Ｗ１とページＰの横幅Ｗ２の比が一致する。

また、ページＰの左端から表示領域Ｆの横方向の中央までの距離をページＰの横幅Ｗ２で除して得られる比は、溝画像７３の左端からつまみ画像７２の横方向の中央までの距離を溝画像７３の横幅Ｗ４で除して得られる比と一致又はほぼ一致する。また、ページＰの左端から表示領域Ｆの左端までの距離をページＰの横幅Ｗ２で除して得られる比は、溝画像７３の左端からつまみ画像７２の左端までの距離を溝画像７３の横幅Ｗ４で除して得られる比と一致又はほぼ一致する。また、ページＰの左端から表示領域Ｆの右端までの距離をページＰの横幅Ｗ２で除して得られる比は、溝画像７３の左端からつまみ画像７２の右端までの距離を溝画像７３の横幅Ｗ４で除して得られる比と一致又はほぼ一致する。言い換えると、溝画像７３の幅は、上端と下端が表示パネル１１の表示領域Ｆの上端と下端に対応しページＰの左端から右端までのページＰ内の領域である帯領域Ｂの幅と対応し、つまみ画像７２の幅は表示領域Ｆの幅と対応し、つまみ画像７２の位置は、帯領域Ｂ中の表示領域Ｆの位置と対応する。

（横スクロールバー７のモード設定）
次に、図６を用いて、実施形態に係る表示装置１の横スクロールバー７の表示モードを説明する。図６は、実施形態に係る横スクロール設定画面８の一例を示す図である。

ページ中、コンテンツが存在していない領域は、使用者にとって有効な情報が記載されていない領域である。そこで、ページＰの横幅が表示パネル１１の表示領域Ｆの横幅よりも広いとき、帯領域Ｂにおいて、コンテンツの右端のうち最も右側の位置であるコンテンツ終了位置Ｅ（図８、図１０参照）を判定し、コンテンツ終了位置Ｅを示す横スクロールバー７を表示パネル１１に表示させる。具体的に、表示装置１には、コンテンツ終了位置Ｅを示すマーク画像９を付した横スクロールバー７を表示パネル１１に表示させるマーク画像モード（詳細は後述）と、溝画像７３の横幅を短くした横スクロールバー７を表示パネル１１に表示させる溝画像変更モード（詳細は後述）が搭載される。モードの選択は、横スクロール設定画面８で設定を行うことができる（図６参照）。タッチパネル部１２に所定の操作が行われたとき、処理部１０は、横スクロール設定画面８を表示パネル１１に表示させる。

横スクロール設定画面８には、マーク画像９を表示するか否かを設定するためのマーク画像モードボタン８１が設けられる。マーク画像モードボタン８１をタッチしたまま横方向にタッチ位置をスライドさせることにより、マーク画像モードのＯＮ／ＯＦＦを切り替えることができる。つまり、タッチパネル部１２は、マーク画像モードで表示を行うか否かを定める設定を受け付ける。マーク画像９の表示を行う設定（マーク画像モードＯＮの設定）がなされているとき、処理部１０は、マーク画像９を表示パネル１１に表示させる。マーク画像９の表示を行わない設定（マーク画像モードＯＦＦの設定）がなされているとき、処理部１０は、マーク画像９を表示パネル１１に表示させない。

また、横スクロール設定画面８には、コンテンツ終了位置Ｅに応じて溝画像７３の横幅を変化させるか否かを設定するための溝画像変更モードボタン８２も設けられる。溝画像変更モードボタン８２をタッチしたまま横方向にタッチ位置をスライドさせることにより、溝画像変更モードのＯＮ／ＯＦＦを切り替えることができる。つまり、タッチパネル部１２は、コンテンツ終了位置Ｅに応じて溝画像７３の横幅を変化させるか否かを定める設定を受け付ける。処理部１０は、設定がＯＮのときコンテンツ終了位置Ｅに応じて溝画像７３の横幅を変化させ、設定がＯＦＦのとき、コンテンツ終了位置Ｅに応じて溝画像７３の横幅を変化させない。

なお、マーク画像モードボタン８１をＯＮ状態とする操作がなされると、溝画像変更モードボタン８２は自動的にＯＦＦ状態となる。一方、溝画像変更モードボタン８２をＯＮ状態とする操作がなされると、マーク画像モードボタン８１は自動的にＯＦＦ状態となる。つまり、マーク画像モードと溝画像変更モードは、何れか一方のみ選択できる。

（マーク画像モード）
次に、図７〜図１１を用いて、実施形態に係る表示装置１でのマーク画像モードでの表示の一例を説明する。図７は、実施形態に係るマーク画像９の表示の流れの一例を示す図である。図８、図１０は、実施形態に係る表示装置１でのページ全体に対する表示領域Ｆの一例を示す図である。図９、図１１は、実施形態に係る表示装置１でのマーク画像９の表示の一例を示す図である。

図８、図１０での破線で囲まれた網点矩形は、表示装置１の表示領域Ｆを図示している。そして、図８、図１０での実線の外枠（矩形）は、ページ全体を示している。また、図８、図１０での斜線網掛領域は、ページ中でコンテンツが存在している領域を示す。図８、図１０でのページＰ内の白地部分は、コンテンツが存在していない領域（余白部分、背景画像のみの部分）を示す。

以下、図７を用いて、マーク画像９の表示の流れを説明する。図７は、ウェブページのようなページＰの閲覧を表示装置１で開始した時点である。また、図７のフローチャートは、ページＰの閲覧が終了するまで（別の画面に切り替えられるまで）繰り返される。

まず、処理部１０は、表示パネル１１の表示領域Ｆと重なるページＰの左端から右端までの帯領域Ｂのうち、コンテンツがある最も右側の位置であるコンテンツ終了位置Ｅを判定する（ステップ♯１１）。

まず、処理部１０は、ページ中の領域であって、表示パネル１１が表示している領域と重なる左右方向の帯領域Ｂを確定する。そして、処理部１０は、帯領域Ｂに含まれる左右方向のラインごとにコンテンツの右端の位置を認識する。図８、図１０では、ページＰにおけるコンテンツの右端の位置を示すラインを破線で図示している。この破線のラインを処理部１０は認識する。そして、各ラインのコンテンツの右端の位置のうち最も右側にある位置をコンテンツ終了位置Ｅと判定する。

また、ページＰの表示を開始するとき、処理部１０は、ページＰの構成を解析して文章や画像のコンテンツをページＰ内に配置する。そこで、処理部１０は、ページＰを構成、配置する時点で、ページＰに含まれる左右方向のラインごとにコンテンツの右端（画像や文章の右端）の位置を認識しておき、各ラインの右端の位置を示すデータをＲＡＭ１３ｂに記憶させてもよい。この場合、処理部１０は、ＲＡＭ１３ｂのデータを参照し、ページＰのうち表示パネル１１に表示されている部分の各ラインのコンテンツの右端の位置のうち最も右側にある位置をコンテンツ終了位置Ｅと判定する。

そして、処理部１０は、マーク画像９を表示すべきか否かを判定する（ステップ♯１２）。処理部１０は、コンテンツ終了位置ＥがページＰの右端と重なっているとき、マーク画像９を表示しないと判定する。処理部１０は、コンテンツ終了位置ＥがページＰの右端よりも内側にあるとき（右端とは重なっていないとき）、マーク画像９を表示すると判定する。マーク画像９を表示するとき（ステップ♯１２のＹｅｓ）、マーク画像９の表示位置を定めるため、処理部１０は、ページＰの横幅とページＰの左端からコンテンツ終了位置Ｅまでの距離の比率を求める（ステップ♯１３）。

図８は、表示パネル１１にページ中の左上部分を表示させている状態の一例を示している。図１０は、表示パネル１１に表示させる領域を図８よりも下にずらした状態の一例を示す。図１０の状態の方が、図８の状態よりもコンテンツ終了位置Ｅが右端寄りである。

図８、図１０において、表示パネル１１の表示領域Ｆの左右幅（全幅）を横幅Ｗ１で図示している。また、図８、図１０において、ページ全体の左右幅（全幅）は、横幅Ｗ２である。また、図８では、ページＰの左端からコンテンツ終了位置Ｅまでの距離を横幅Ｗ５で図示している。また、図１０では、ページＰの左端からコンテンツ終了位置Ｅまでの距離を横幅Ｗ６で図示している。

処理部１０は、ステップ♯１３において、図８の状態では横幅Ｗ５／横幅Ｗ２を比率として求める。また、処理部１０は、ステップ♯１３において、図１０の状態では横幅Ｗ６／横幅Ｗ２を比率として求める。

続いて、処理部１０は、溝画像７３の全幅に比率を乗じて長さを求める（ステップ♯１４）。図９、図１１において、溝画像７３の全幅（左右幅）を横幅Ｗ４で図示している。また、図９では、溝画像７３の全幅に求めた比率を乗じて得られる幅（長さ）を横幅Ｗ７で示している。図９では、横幅Ｗ４×（横幅Ｗ５／横幅Ｗ２）＝横幅Ｗ７の関係となっている。また、図１１では、溝画像７３の全幅に求めた比率を乗じて得られる幅を横幅Ｗ８で示している。図１１では、横幅Ｗ４×（横幅Ｗ６／横幅Ｗ２）＝横幅Ｗ８の関係となっている。つまり、処理部１０は、溝画像７３の全幅に求めた比率を乗じて長さを求める。

そして、処理部１０は、溝画像７３の左端から求めた長さ分離れた位置にマーク画像９を表示させる（ステップ♯１５）。これにより、マーク画像９により、右端まではコンテンツが無いことや、コンテンツ終了位置Ｅを知らせることができる。

図９、図１１は、太目の縦線のマーク画像９を表示する例を示している。マーク画像９は、赤色のような注意を引く色としてもよい。また、縦線のマーク画像９の上端や下端に三角、丸、四角、星のような線画像以外の画像を付してもよい。ページ中の表示パネル１１の表示領域Ｆの縦方向での位置により、コンテンツ終了位置Ｅが変わる場合がある。そこで、図９、図１１に示すように、処理部１０は、マーク画像９の表示位置をコンテンツ終了位置Ｅに応じた位置とする。

ステップ♯１２のＮｏの場合（マーク画像９を表示する必要がないとき）、及び、ステップ♯１５の後、フローは、ステップ♯１１に戻る。処理部１０は、ページＰの表示中、一定の周期でステップ♯１１を行う。これにより、表示パネル１１の表示領域Ｆが移動しても、マーク画像９の表示位置は、移動後の表示領域Ｆのコンテンツ終了位置Ｅに応じた位置となる。

（スクロール規制処理）
次に、図６、図１２を用いて、実施形態に係るマーク画像モードでのスクロール規制処理を説明する。図１２は、実施形態に係るスクロール規制処理の一例を示す図である。

コンテンツ終了位置Ｅよりも右側は、コンテンツが無い。そのため、コンテンツ終了位置Ｅよりも右側にスクロールしても有益な情報は表示されず、そのような横スクロールは無駄である。そこで、コンテンツ終了位置Ｅよりも右側へのスクロールを規制する（できないようにする）ことが考えられる。

横スクロールバー７のうち、溝画像７３に付されるマーク画像９の表示位置は、ページＰの帯領域Ｂでのコンテンツ終了位置Ｅと対応する。そのため、つまみ画像７２の右端がマーク画像９と重なっている状態（図１２参照）は、現在の表示パネル１１の表示領域Ｆよりも右側にコンテンツは無い状態である。そこで、表示装置１では、マーク画像９が表示されている状態でつまみ画像７２を移動させる操作がなされたとき、つまみ画像７２の右端をマーク画像９よりも右側に移動させないスクロール規制処理を処理部１０に行わせることができる。

スクロール規制処理を行う設定がなされているとき、処理部１０は、マーク画像９よりも右側につまみ画像７２を移動させる操作がなされても、受け付けず、無視する。具体的に、つまみ画像７２の右端がマーク画像９と重なっている状態（図１２の状態）で、さらにつまみ画像７２を右側に移動させる操作がなされても、処理部１０はコンテンツ終了位置Ｅから右側への移動を表示パネル１１に行わせない。

ここで、スクロール規制処理を行うか否かは、横スクロール設定画面８で設定を行うことができる（図６参照）。横スクロール設定画面８には、スクロール規制処理を行うか否かを設定するためのスクロール規制処理設定ボタン８３が設けられる。スクロール規制処理設定ボタン８３をタッチしたまま横方向にタッチ位置をスライドさせることにより、スクロール規制処理のＯＮ／ＯＦＦを切り替えることができる。タッチパネル部１２は、スクロール規制処理を行うか否かを定める設定を受け付ける。処理部１０は、スクロール規制処理を行う設定がなされているときスクロール規制処理を行い、スクロール規制処理を行わない設定がなされているときスクロール規制処理を行わない。

（溝画像変更モード）
次に、図６、図１３〜図１５を用いて、実施形態に係る溝画像変更モードを説明する。図１３は、実施形態に係る溝画像変更モードでの表示の流れの一例を示す図である。図１４は、実施形態に係る表示装置１でのページ全体に対する表示領域Ｆの一例を示す図である。図１５は、実施形態に係る溝画像７３の横幅変更の一例を示す図である。

表示装置１には、コンテンツ終了位置Ｅに応じ、溝画像７３の横幅を変化させるモード（溝画像変更モード）も搭載されている。図１３を用いて、溝画像変更モードの流れを説明する。図１３のスタートは、ウェブページのようなページＰの閲覧を表示装置１で開始した時点である。また、図１３のフローチャートは、そのページＰの閲覧が終了するまで（別の画面に切り替えられるまで）繰り返される。

まず、処理部１０は、表示パネル１１の表示領域Ｆと重なるページＰの左端から右端までの帯領域Ｂのうち、コンテンツがある最も右側の位置であるコンテンツ終了位置Ｅを判定する（ステップ♯２１、図７のステップ♯１１と同様）。図１４では、ページＰにおけるコンテンツの右端の位置を示すラインを破線で図示している。この破線のラインを処理部１０は認識する。そして、帯領域Ｂ内の各ラインのコンテンツの右端の位置のうち最も右側にある位置をコンテンツ終了位置Ｅと判定する。また、ページＰを構成、配置する時点で、ページＰに含まれる左右方向のそれぞれのラインにおいて、コンテンツの右端の位置を認識、記憶しておいてもよい点は、ステップ♯１１と同様である。

そして、処理部１０は、溝画像７３の横幅の変更が必要か否かを判定する（ステップ♯２２）。処理部１０は、コンテンツ終了位置ＥがページＰの右端であるとき（右端と重なっているとき）、溝画像７３の横幅の変更が必要ないと判定する。処理部１０は、コンテンツ終了位置ＥがページＰの右端よりも内側にあるとき（右端とは重なっていないとき）、溝画像７３の横幅の変更が必要と判定する。

溝画像７３の横幅を変更するとき（ステップ♯２２のＹｅｓ）、処理部１０は、ページＰの横幅とページＰの左端からコンテンツ終了位置Ｅまでの距離の比率を求める（ステップ♯２３）。図１４では、ページＰのうち、表示領域Ｆを矩形網点図形で図示している。図１４は、表示パネル１１にページ中の左上部分を表示させている状態の一例を示している。

図１４において、表示パネル１１の表示領域Ｆの左右幅（全幅）を横幅Ｗ１で図示している。また、図１４、図１４において、ページ全体の左右幅（全幅）は、横幅Ｗ２である。また、図１４では、ページＰの左端からコンテンツ終了位置Ｅまでの距離を横幅Ｗ９で図示している。処理部１０は、ステップ♯２３において、図１４の状態では横幅Ｗ９／横幅Ｗ２を比率として求める。

続いて、処理部１０は、溝画像７３の全幅に１から比率を減じた値を乗じた長さを求める（ステップ♯２４）。図１５において、変更前（通常時）の溝画像７３の全幅（左右幅）を横幅Ｗ４で図示している。また、図１５では、溝画像７３の全幅に１から比率を減じた値を乗じた長さを横幅Ｗ１０で示している。図１５では、Ｗ４×（１−（横幅Ｗ９／横幅Ｗ２））＝横幅Ｗ１０の関係となっている。また、図１５では、溝画像７３の全幅に求めた比率を乗じて得られる幅を横幅Ｗ１１で示している。

そして、処理部１０は、溝画像７３の基準横幅を、求めた長さ分短くした溝画像７３を表示パネル１１に表示させる（ステップ♯２５）。これにより、マーク画像９により、右端まではコンテンツが無いことや、コンテンツ終了位置Ｅを知らせることができる。

基準横幅は、通常時（変更前）の溝画像７３の横幅である。言い換えると、基準横幅は、コンテンツ終了位置ＥがページＰの右端であり、横幅を変更しないときの溝画像７３の横幅である。なお、つまみ画像７２の横幅は変更しない。言い換えると、つまみ画像７２の横幅は、溝画像７３が基準横幅であるときの横幅である（溝画像７３の基準横幅×表示領域Ｆの横幅／ページＰの横幅）。

図１５は、溝画像７３のうち、求めた長さ分、右端を短くする例を示している。短くすることにより矢印画像７１の位置を移動させる。短くすることにより溝画像７３でなくなった領域は、灰色で塗りつぶされる（グレーアウトされる）。

ステップ♯２２のＮｏの場合（溝画像７３の横幅の変更の必要がないとき）、及び、ステップ♯２５の後、フローは、ステップ♯２１に戻る。処理部１０は、ページＰの表示中、一定の周期でステップ♯２１を行う。これにより、表示パネル１１の表示領域Ｆが移動しても、溝画像７３の横幅はコンテンツ終了位置Ｅに応じた位置となる。

このようにして、実施形態に係る表示装置１は、ページＰの内容を表示するとともに、つまみ画像７２とつまみ画像７２のスライド範囲を示す溝画像７３を含む横スクロールバー７を表示する表示パネル１１と、表示パネル１１に対して設けられ、表示されている画像への操作を受け付ける入力受付部（タッチパネル部１２）と、表示パネル１１の表示を制御し、入力受付部の出力に基づき表示された画像への操作の内容を認識し、横スクロールバー７のつまみ画像７２を移動させる方向と移動量に応じて表示パネル１１の表示領域Ｆを横方向で移動させる処理部１０と、を含む。ページＰの横幅が表示パネル１１の表示領域Ｆの横幅よりも広いとき、処理部１０は、上端と下端が表示パネル１１の表示領域Ｆの上端と下端に対応しページＰの左端から右端までのページＰ内の領域である帯領域Ｂにおいて、コンテンツの右端のうち最も右側の位置であるコンテンツ終了位置Ｅを判定し、コンテンツ終了位置Ｅを示す横スクロールバー７を表示パネル１１に表示させる。

これにより、使用者は、現在の表示パネル１１の表示領域Ｆの右端までコンテンツはないことを知ることができる。つまり、右端までスクロールしても途中からは、新たに表示されるコンテンツは無いことも知ることができる。これにより、使用者は、右端に到達するまでの右スクロールは無駄であることを使用者に知らせることができる。従って、新たなコンテンツが表示されないような無駄な右スクロールを減らすことができる。

又、処理部１０は、コンテンツ終了位置Ｅを示す情報としてマーク画像９を表示パネル１１に表示させ、つまみ画像７２の右端がマーク画像９と重なった状態は表示領域Ｆの右端がコンテンツ終了位置Ｅと重なった状態となるように、マーク画像９を表示パネル１１に表示させる。これにより、現在の帯領域Ｂにおけるコンテンツ終了位置Ｅを使用者に認識させることができる。また、横スクロールバー７を見ることで、表示領域Ｆがコンテンツの最も右端に位置しているか確認することができる。

又、処理部１０は、溝画像７３の枠内にマーク画像９を表示させ、また、ページＰの横幅に対するページＰの左端からコンテンツ終了位置Ｅまでの距離の比率を求め、溝画像７３の全幅に比率を乗じて長さを求め、溝画像７３の左端から求めた長さ分右側の位置にマーク画像９を表示させる。これにより、共通の比率を用いるので、つまみ画像７２がマーク画像９と重なった状態で右スロールしても新たに表示されるコンテンツはないと知ることができる。また、つまみ画像７２と重ねられる溝画像７３上にマーク画像９を表示し、つまみ画像７２の右端とマーク画像９が一致した状態は、これ以上右側にコンテンツがない状態となる。そのため、表示領域Ｆの右端がコンテンツ終了位置Ｅと重なっている、又は、近くにあることを視覚的に示すことができる。

又、マーク画像９を表示している状態でつまみ画像７２を移動させる操作がなされたとき、処理部１０は、つまみ画像７２の右端をマーク画像９よりも右側に移動させないスクロール規制処理を行う。これにより、新たなコンテンツが表示されない右スクロールを強制的に防止することができる。従って、無駄な右スクロール操作を無くすことができる。

又、入力受付部（タッチパネル部１２）は、マーク画像９が表示されている状態でつまみ画像７２を移動させる操作がなされたときにスクロール規制処理を行うか否かを定める設定を受け付ける。処理部１０は、スクロール規制処理を行う設定がなされているときスクロール規制処理を行い、スクロール規制処理を行わない設定がなされているときスクロール規制処理を行わない。これにより、スクロール規制処理を行うか否かを使用者が選択することができる。従って、思い通りの動作を表示装置１に行わせることができる。

又、処理部１０は、つまみ画像７２が溝画像７３の右端に到達した状態は表示領域Ｆの右端がコンテンツ終了位置Ｅと重なった状態となるように、帯領域Ｂの右端までコンテンツがあるときの溝画像７３の横幅である基準横幅よりも溝画像７３の横幅を短くする。これにより、帯領域Ｂの右端領域までコンテンツがなく、帯領域Ｂの右端領域は余白であることを視覚的に使用者に示すことができる。また、新たなコンテンツが表示されない右スクロールを強制的に防止することができる。従って、無駄な右スクロール操作を無くすことができる。

又、処理部１０は、ページＰの横幅に対するページＰの左端からコンテンツ終了位置Ｅまでの距離の比率を求め、溝画像７３の全幅に１から比率を減じた値を乗じて長さを求め、溝画像７３の横幅を求めた長さ分基準横幅よりも短い横スクロールバー７を表示パネル１１に表示させる。これにより、共通の比率を用いて溝画像７３を短くする量を定めるので、つまみ画像７２が溝画像７３の右端に到達した状態は、右スロールしても新たに表示されるコンテンツはない状態であると知ることができる。また、スクロールバーに含まれる溝画像７３の右端は、帯領域Ｂのコンテンツ終了位置Ｅと対応する。従って、横スクロールバー７を用いる場合、表示領域Ｆをコンテンツ終了位置Ｅよりも右側に移動（スクロール）できないようにすることができる。従って、新たなコンテンツが表示されない無駄な右スクロールを防止することができる。

又、画像形成装置（複合機１００）は、実施形態に係る表示装置１を含む。そのため、現在の帯領域ＢではページＰの右端までコンテンツはないこと、コンテンツ終了位置Ｅよりも右側（余白部分のみの領域）への表示領域Ｆのスクロールは無駄であることを使用者に視認させる画像形成装置（複合機１００）を提供することができる。

上記の例では、タッチパネル部１２を有するスマートフォン、タブレットコンピューター、複合機１００専用の表示装置１での横スクロールバー７の表示について説明した。しかし、本発明は、スマートフォン、タブレットコンピューター、複合機１００専用の表示装置１だけではなく、ＰＣのような情報処理装置にも適用することができる。この場合、情報処理装置のディスプレイは、ページＰの内容を表示するとともに、つまみ画像７２とつまみ画像７２のスライド範囲を示す溝画像７３を含む横スクロールバー７を表示する表示パネル１１に該当する。タッチパネルに限らず、マウスやキーボードのような入力デバイスが表示されている画像への操作を受け付ける入力受付部に該当する。ＰＣ内の制御基板がディスプレイの表示を制御し、マウスのような入力受付部の出力に基づき表示された画像への操作の内容を認識し、横スクロールバー７のつまみ画像７２を移動させる方向と移動量に応じてディスプレイの表示領域Ｆを横方向で移動させる処理部１０に該当する。そして、ページＰの横幅がディスプレイの表示領域Ｆの横幅よりも広いとき、制御基板は、上端と下端がディスプレイの表示領域Ｆの上端と下端に対応しページＰの左端から右端までのページＰ内の領域である帯領域Ｂにおいて、コンテンツの右端のうち最も右側の位置であるコンテンツ終了位置Ｅを判定し、コンテンツ終了位置Ｅを示す横スクロールバー７をディスプレイに表示させる。

又、本発明の実施形態を説明したが、本発明の範囲はこれに限定されるものではなく、発明の主旨を逸脱しない範囲で種々の変更を加えて実施することができる。

本発明は、ウェブページやファイルのページを表示する表示装置や、この表示装置を含む画像形成装置に利用可能である。

１００ 複合機（画像形成装置） １ 表示装置
１１ 表示パネル １２ タッチパネル部（入力受付部）
１０ 処理部 ７ 横スクロールバー
７２ つまみ画像 ７３ 溝画像
９ マーク画像 Ｂ 帯領域
Ｅ コンテンツ終了位置 Ｆ 表示領域
Ｐ ページ

Claims (8)

1. ページの内容を表示するとともに、つまみ画像と前記つまみ画像のスライド範囲を示す溝画像を含む横スクロールバーを表示する表示パネルと、
   前記表示パネルに対して設けられ、表示されている画像への操作を受け付ける入力受付部と、
   前記表示パネルの表示を制御し、前記入力受付部の出力に基づき表示された画像への操作の内容を認識し、前記横スクロールバーの前記つまみ画像を移動させる方向と移動量に応じて前記表示パネルの表示領域を横方向で移動させる処理部と、を含み、
   ページの横幅が前記表示パネルの表示領域の横幅よりも広いとき、
   前記処理部は、上端と下端が前記表示パネルの表示領域の上端と下端に対応しページの左端から右端までのページ内の領域である帯領域において、コンテンツの右端のうち最も右側の位置であるコンテンツ終了位置を判定し、前記コンテンツ終了位置を示す前記横スクロールバーを前記表示パネルに表示させることを特徴とする表示装置。
2. 前記処理部は、前記コンテンツ終了位置を示す情報としてマーク画像を前記表示パネルに表示させ、前記つまみ画像の右端が前記マーク画像と重なった状態は前記表示領域の右端が前記コンテンツ終了位置と重なった状態となるように、前記マーク画像を前記表示パネルに表示させることを特徴とする請求項１に記載の表示装置。
3. 前記処理部は、前記溝画像の枠内に前記マーク画像を表示させ、また、ページの横幅に対するページの左端から前記コンテンツ終了位置までの距離の比率を求め、前記溝画像の全幅に前記比率を乗じて長さを求め、前記溝画像の左端から求めた長さ分右側の位置に前記マーク画像を表示させることを特徴とする請求項２に記載の表示装置。
4. 前記マーク画像が表示されている状態で前記つまみ画像を移動させる操作がなされたとき、
   前記処理部は、前記つまみ画像の右端を前記マーク画像よりも右側に移動させないスクロール規制処理を行うことを特徴とする請求項２又は３に記載の表示装置。
5. 前記入力受付部は、前記マーク画像が表示されている状態で前記つまみ画像を移動させる操作がなされたときに前記スクロール規制処理を行うか否かを定める設定を受け付け、
   前記処理部は、前記スクロール規制処理を行う設定がなされているとき前記スクロール規制処理を行い、前記スクロール規制処理を行わない設定がなされているとき前記スクロール規制処理を行わないことを特徴とする請求項４に記載の表示装置。
6. 前記処理部は、前記つまみ画像が前記溝画像の右端に到達した状態は前記表示領域の右端が前記コンテンツ終了位置と重なった状態となるように、前記帯領域の右端までコンテンツがあるときの前記溝画像の横幅である基準横幅よりも前記溝画像の横幅を短くすることを特徴とする請求項１に記載の表示装置。
7. 前記処理部は、ページの横幅に対するページの左端から前記コンテンツ終了位置までの距離の比率を求め、前記溝画像の全幅に１から前記比率を減じた値を乗じて長さを求め、前記溝画像の横幅を求めた前記長さ分前記基準横幅よりも短い前記横スクロールバーを前記表示パネルに表示させることを特徴とする請求項６に記載の表示装置。
8. 請求項１乃至７の何れか１項に記載の表示装置を含むことを特徴とする画像形成装置。

Images