JP6816798B2 - 表示装置及びプログラム - Google Patents

Description

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

特許文献１には、複数の画像を所定の順番で、連続するいくつかのページに分けて一覧表示させる表示制御装置であって、前記ページのそれぞれについて、複数の前記画像のうち、前記ページに一覧表示する画像を選択する選択手段と、前記ページに、そのページの前または次のページに一覧表示される前記画像のうちのいくつかの画像の一部である部分画像と、前記選択手段により選択された前記画像とが表示されるように、前記画像および前記部分画像の表示を制御する表示制御手段とを備える表示制御装置が記載されている。

特開２００８−１７６６５８号公報

複数の機能を選択して使用する電子機器では、複数の機能のそれぞれに対応させ、ユーザによって選択される画像（アイコン）を複数表示して、ユーザに使用する機能を選択させるメニュー画像を備えた表示装置が用いられる。この表示装置において、画像の配置を変更できることが好ましい。

画像は、アプリケーションの機能やファイルの内容を絵柄でシンボル化したものである。
本発明は、画像の配置を変更する際に、変更の対象となった画像の絵柄を認識しやすくすることを目的とする。

請求項１に記載の発明は、機能を示す絵柄とテキストとを含む複数の画像を表示画面に表示する表示手段と、前記複数の画像における画像の配置を変更する変更モードに移行した際、前記表示画面上に前記複数の画像のうち一部が前記表示画面からはみ出して表示されていない画像である第１画像がある場合に、スクロール調整により前記第１画像を欠けることなく表示するように制御する制御手段と、を備えた表示装置である。
請求項２に記載の発明は、前記表示画面に指を接触させて前記画像を長押しすることで前記変更モードへ移行する請求項１に記載の表示装置である。
請求項３に記載の発明は、前記制御手段は、前記変更モードへ移行した際、前記画像を遷移させるか否かを判定する判定ラインと交差する画像がある場合に、前記画像が前記判定ラインと交差しないように前記画像を遷移して表示させるように制御する請求項１または２に記載の表示装置である。
請求項４に記載の発明は、前記制御手段は、前記判定ラインと直交する方向に前記画像を遷移させる請求項３に記載の表示装置である。
請求項５に記載の発明は、前記制御手段は、前記判定ラインによって分けられる前記画像の一方側と他方側とを比較して、前記画像を遷移させる方向を決定する請求項３または４に記載の表示装置である。
請求項６に記載の発明は、前記制御手段は、前記一方側と前記他方側の面積を比較して、面積の大きい方向に前記画像を遷移させる請求項５に記載の表示装置である。
請求項７に記載の発明は、コンピュータに、機能を示す絵柄とテキストとを含む複数の画像を表示画面に表示する機能と、前記複数の画像における画像の配置を変更する変更モードに移行した際、前記表示画面上に前記複数の画像のうち一部が前記表示画面からはみ出して表示されていない画像である第１画像がある場合に、スクロール調整により前記第１画像を欠けることなく表示する機能と、を実現させるプログラムである。

請求項１の発明によれば、画像の配置を変更する際に、変更の対象となった画像の絵柄が認識しやすくなる。
請求項２の発明によれば、変更モードへの移行ができる。
請求項３乃至６の発明によれば、画像が欠けることなく表示される。
請求項７の発明によれば、画像の配置を変更する際に、変更の対象となった画像の絵柄が認識しやすくなる。

画像処理装置及び表示部のハードウェア構成の一例を示したブロック図である。（ａ）は、画像処理装置、（ｂ）は、表示部である。 表示部の表示画面に選択用ボタンを表示した表示画像の例である。（ａ）は、選択用ボタン及び初期の表示画像の例、（ｂ）は、スクロールによって表示画像を変更した例、（ｃ）は、さらにスクロールによって表示画像を変更した例である。 選択用ボタンのレイアウトを変更する方法を説明する図である。（ａ）は、選択モードから変更モードに移行する方法を説明する図、（ｂ）は、レイアウト変更の一例を説明する図、（ｃ）は、レイアウト変更の他の一例を説明する図である。 選択用ボタンのレイアウト変更における挿入判定領域を説明する図である。（ａ）は、挿入判定領域が広い場合の例、（ｂ）は、挿入判定領域が狭い場合の例である。 第１の実施の形態におけるスクロール調整について説明する図である。（ａ）は、スクロール調整を必要としない場合、（ｂ）、（ｃ）は、スクロール調整を行う場合である。 第３の実施の形態におけるスクロール調整を行うか否かを判断するフローチャートである。 表示画面に表示する選択用ボタンの数Ｎを５とした場合に、スクロール調整を行う場合と、行わない場合とを説明する図である。（ａ）は、スクロール調整を行う場合、（ｂ）は、スクロール調整を行わない場合である。

以下、添付図面を参照して、本発明の実施の形態（本実施の形態）について説明する。なお、以下では、画像処理装置１００における表示部５を一例として、本実施の形態に係る表示装置を説明するが、画像処理装置１００以外の装置に備えられる表示装置であってもよい。

［第１の実施の形態］
図１は、画像処理装置１００及び表示部５のハードウェア構成の一例を示したブロック図である。図１（ａ）は、画像処理装置１００、図１（ｂ）は、表示部５である。
図１（ａ）に示すように、画像処理装置１００は、制御部１、画像形成部２、画像読取部３、画像データ処理部４、表示部５、通信部６及び記憶部７を備えている。なお、これらの各機能部は、バス８に接続されており、このバス８を介してデータの授受を行う。
ここで、画像形成部２、画像読取部３、画像データ処理部４は、画像処理手段の一例である。

制御部１は、画像処理装置１００に設けられた上記各機能部の制御を行う。例えば、制御部１は、ＣＰＵ（Central Processing Unit）、ＲＯＭ（Read Only Memory）、ＲＡＭ（Random Access Memory）などにより構成されている。制御部１において、ＲＯＭは、ＣＰＵにより実行される制御プログラムを記憶している。ＣＰＵは、ＲＯＭに記憶されている制御プログラムを読み出し、ＲＡＭを作業エリアにして制御プログラムを実行する。ＣＰＵにより制御プログラムが実行されると、画像処理装置１００の各機能部が制御される。
なお、後述する記憶部７が、制御プログラムを記憶していてもよい。
また、ＣＰＵによって実行される制御プログラムは、磁気記録媒体（磁気テープ、磁気ディスクなど）、光記録媒体（光ディスクなど）、光磁気記録媒体、半導体メモリなどのコンピュータが読取可能な記録媒体に記憶した状態で提供し得る。また、インターネットなどの通信手段を用いて画像処理装置１００にダウンロードさせてもよい。

画像形成部２は、電子写真方式等によって用紙に対して画像データに応じたトナー像を形成する画像形成機構を備えている。
画像読取部３は、文書を読み取り、読み取った文書の画像を表す画像データを生成する画像読取装置（スキャナ装置）を備えている。そして、生成した画像データを画像データ処理部４へ出力する。
画像データ処理部４は、入力される画像データに色補正や階調補正等の画像処理を施すものであって、画像処理を施した画像データを生成して、画像形成部２へ出力する。なお、画像データは、後述する通信部６を介しても入力される。

表示部５は、図１（ｂ）に示すように、タッチパネル付の表示画面５１を備え、ユーザからの操作を受け付けるための表示画像５３（後述する図２参照）を表示し、この表示画像５３を介して、ユーザからの操作を受け付ける。

通信部６は、不図示の通信回線に接続されており、通信回線に接続されている他の装置と通信を行う通信インターフェースとして機能する。
記憶部７は、ハードディスク装置などの記憶装置を具備しており、例えば通信部６で受信したデータや、画像読取部３、画像データ処理部４などにおいて生成されたデータを記憶する。

図１（ｂ）に示すように、表示部５は、タッチパネル付の表示画面５１及び表示制御部５２を備えている。表示画面５１は、例えば、液晶などの表示デバイスで構成され、例えば、静電容量方式のタッチパネルを備えているとする。
表示画面５１には、表示画像５３が表示される。ここで、表示画像５３とは、表示画面５１に表示された画像（コンテンツ）をいう。よって、表示画像５３は、ユーザの指示や制御部１の制御により変化する。
表示制御部５２は、制御部１と同様に、ＣＰＵ、ＲＯＭ、ＲＡＭなどを含んで構成されている。そして、表示制御部５２は、制御部１の制御の下、表示画面５１に画像処理装置１００に関するデータを表示デバイスに表示する。すなわち、表示制御部５２は、表示機能を有している。また、ユーザからの操作をタッチパネルを介して受け付ける。
また、画像処理装置１００の制御部１が表示制御部５２を兼ねていてもよい。
ここで、表示制御部５２が表示制御手段の一例である。

ここでは、ユーザは、タッチパネルを指で操作するとする。すなわち、ユーザは、表示画面５１のタッチパネルに指を接触させて操作する。このとき、指の接触のさせ方により、指示の内容を異ならせている。
指の接触のさせ方としては、「タッチ」、「ドラッグ」、「フリック」などがある。
「タッチ」とは、ユーザが、予め定められた時間以上、継続して表示画面５１に指を触れた後、離す操作をいう。
「ドラッグ」とは、ユーザが表示画面５１に指が触れた状態で、指をなぞるように移動させた後に離す操作をいう。言い換えれば、指を触れた状態で移動させることである。
「フリック」とは、ユーザが表示画面５１に指を触れた状態で、指を払うようにして離す操作をいう。言い換えれば、接触させた指を払うように移動させることである。
そして、表示制御部５２は、「タッチ」、「ドラッグ」、「フリック」などの指の接触のさせ方を識別し、指示の内容を認識する。
なお、指の代わりに、スタイラスペンなどで操作してもよい。

図２は、表示部５の表示画面５１に選択用ボタン５３１を表示した表示画像５３の例である。図２（ａ）は、選択用ボタン５３１及び初期の表示画像５３の例、図２（ｂ）は、スクロールによって表示画像５３を変更した例、図２（ｃ）は、さらにスクロールによって表示画像５３を変更した例である。なお、選択用ボタン５３１をアイコン又は画像と表記することがある。
選択用ボタン５３１（アイコン、画像）は、コマンドをキーボードで入力する必要なしに、コンピュータの動作を制御できるものである。選択用ボタン５３１（アイコン、画像）は、アプリケーションの機能やファイルの内容を絵柄でシンボル化したものである。また、絵柄のみだけでなく、絵柄にテキストを含めてもよい。また、テキストのみであってもよい。

表示部５の表示画面５１は、画像処理装置１００が備える複数の機能をユーザが選択できるように、複数の機能のそれぞれに対応した複数の選択用ボタン５３１を表示する。ここでは、一例として、機能Ａｐｐ１〜２６に対応して、２６個の選択用ボタン５３１があるとする。機能Ａｐｐ１〜２６とは、例えば、画像処理装置１００においては、「コピー機能」、「スキャン機能」などである。
なお、図２では、それぞれの選択用ボタン５３１に、Ａｐｐ１〜２６と記載し、対応する機能が異なることを示している。機能Ａｐｐ１〜２６をそれぞれ区別しないときは、機能Ａｐｐと表記する。

そして、ユーザは、指で複数の選択用ボタン５３１のいずれかを選択（タッチ）することで、その選択用ボタン５３１に対応する機能Ａｐｐを選択し、画像処理装置１００にその機能Ａｐｐを実行させるようになっている。

ここでは、表示部５の表示画面５１は、一度に２６個すべての選択用ボタン５３１を表示できないとする。そして、２６個の選択用ボタン５３１は、選択用ボタン５３１を複数のページに割り振ることなく、連続したコンテンツとして管理されている。

図２（ａ）に示すように、画像処理装置１００に電源を投入した際に、表示部５の表示画面５１には、実線で囲まれた範囲の選択用ボタン５３１を含む表示画像５３が表示される。ここでは、２６個の選択用ボタン５３１の内、機能Ａｐｐ１〜１２に対応する１２個の選択用ボタン５３１が、欠けることなく表示されている。そして、機能Ａｐｐ１３〜１６に対応する選択用ボタン５３１は、一部が欠けて表示されている。さらに、機能Ａｐｐ１７〜２６に対応する選択用ボタン５３１は、表示画像５３には表示されない。

なお、表示画像５３には、最上段に“ＭＥＮＵ”と表記したタイトル画像５３２が設けられている。タイトル画像５３２は、ユーザに、表示画像５３がメニュー画面であることを認識させるものである。後述するように、タイトル画像５３２は、表示画像５３をスクロールしても、表示画面５１の上端部に固定して表示させている。
なお、タイトル画像５３２は、設けなくともよい。

ここで、選択用ボタン５３１が欠けないで表示されているとは、選択用ボタン５３１の全部が表示画面５１に表れていることをいう。なお、タイトル画像５３２が表示画面５１の予め定められた場所に固定して表示される場合には、選択用ボタン５３１の全部がタイトル画像５３２を除いた表示画面５１に表れていることをいう。
一方、選択用ボタン５３１が欠けて表示されているとは、選択用ボタン５３１の一部が表示画面５１からはみ出していることをいう。なお、タイトル画像５３２が表示画面５１の予め定められた場所に固定して表示される場合には、選択用ボタン５３１の一部がタイトル画像５３２を除いた表示画面５１からはみ出していることをいう。
また、選択用ボタン５３１が表示されないとは、選択用ボタン５３１が全く表示画面５１に表れていないことをいう。なお、タイトル画像５３２が表示画面５１の予め定められた場所に固定して表示される場合には、選択用ボタン５３１が全くタイトル画像５３２を除いた表示画面５１に表れていないことをいう。
図２（ａ）では、１２個の選択用ボタン５３１が、欠けることなく表示されている。

次に、図２（ａ）に示すように、表示画面５１を指で上側にドラッグすると、表示画像５３が上側にスクロール（遷移）する。
図２（ｂ）に示すように、図２（ａ）に示した表示画像５３に表示されていた機能Ａｐｐ１〜４に対応する選択用ボタン５３１が表示画面５１から上方にはみ出している。そして、欠けて表示されていた機能Ａｐｐ１３〜１６に対応する選択用ボタン５３１が欠けることなく表れている。
なお、タイトル画像５３２は、表示画像５３をスクロールしても表示画面５１の上端部に表示されている。
ここでも、図２（ａ）と同様に、機能Ａｐｐ５〜１６に対応する１２個の選択用ボタン５３１が欠けないで表示されている。

そして、図２（ｃ）に示すように、さらに表示画像５３を上側にスクロールすると、図２（ｂ）では、欠けることなく表示されていた機能Ａｐｐ５〜８の選択用ボタン５３１が欠けて表示されている。そして、表示されていなかった機能Ａｐｐ１７〜２０に対応する選択用ボタン５３１が欠けて表示される。
ここでは、機能Ａｐｐ９〜１６に対応する８個の選択用ボタン５３１が欠けることなく表示されている。
なお、タイトル画像５３２は、表示画像５３をスクロールしても表示画面５１の上端部に表示されている。

上述したように、表示画像５３をスクロールさせることで、表示画像５３が変更される。連続して表示画像５３をスクロールすることで、俯瞰的にコンテンツ全体を眺められるとともに、選択したい選択用ボタン５３１が表れたときに、スクロールを止めることで、任意の位置で表示画像５３が止められる。
なお、スクロールは、ドラッグの他、フリックで開始してもよい。

しかし、図２（ａ）、（ｂ）、（ｃ）に示したように、任意の位置でスクロールが止められると、表示画面５１に欠けることなく表示される選択用ボタン５３１の数が異なることになる。

次に、選択用ボタン５３１の並びの順序、つまりレイアウト（配置）を変更（レイアウト変更）する方法を説明する。
ユーザが選択する頻度の高い選択用ボタン５３１は、スクロールすることなく表示される位置に配置されることが好ましい。よって、予め定められた選択用ボタン５３１のレイアウトを変更すること（レイアウト変更）が必要とされる。
ここでは、選択用ボタン５３１をタッチして、選択用ボタン５３１に対応する機能Ａｐｐを実行させる動作モードを選択モードと表記する。一方、選択用ボタン５３１のレイアウト変更を行う動作モードを変更モードと表記する。なお、レイアウト変更とは、選択用ボタン５３１の位置を変更する場合の他、選択用ボタン５３１を削除する場合、選択用ボタン５３１を追加する場合を含む。

図３は、選択用ボタン５３１のレイアウトを変更する方法を説明する図である。図３（ａ）は、選択モードから変更モードに移行する方法を説明する図、図３（ｂ）は、レイアウト変更の一例を説明する図、図３（ｃ）は、レイアウト変更の他の一例を説明する図である。
図３（ａ）により、選択モードから変更モードに入る方法を説明する。ここでは、例として、機能Ａｐｐ６に対する選択用ボタン５３１の配置を変更するとして説明する。
ここでは、図３（ａ）の左の図に示すように、表示画像５３には、機能Ａｐｐ１〜６に対する６個の選択用ボタン５３１が欠けずに表示されている。
図３（ａ）の中央の図に示すように、変更モードに入るために、機能Ａｐｐ６に対する選択用ボタン５３１を、例えば、長押しする。
ここで、長押しとは、機能Ａｐｐを選択する場合に選択用ボタン５３１をタッチする時間より長い時間であって、予め定められた時間以上、継続して表示画面５１に指を触れた後、離す操作をいう。
すると、図３（ａ）の右の図に示すように、機能Ａｐｐ６に対応する選択用ボタン５３１が、例えば大きく（拡大して）表示される。これにより、ユーザは、機能Ａｐｐ６に対する選択用ボタン５３１が変更モードに入ったことを認識する。

次に、図３（ｂ）により、レイアウト変更の一例を説明する。
ここでは、機能Ａｐｐ６に対する選択用ボタン５３１を、機能Ａｐｐ３に対する選択用ボタン５３１の位置に挿入（移動）する。
図３（ｂ）の左の図に示すように、ユーザは、拡大された機能Ａｐｐ６に対する選択用ボタン５３１を、機能Ａｐｐ３に対する選択用ボタン５３１の位置にドラッグする。
このとき、それぞれの選択用ボタン５３１には、それぞれの選択用ボタン５３１上及びその周囲に、挿入場所であることを判定する挿入判定領域５３３が設けられている。
よって、ユーザは、拡大された機能Ａｐｐ６に対する選択用ボタン５３１を、機能Ａｐｐ３に対する選択用ボタン５３１の挿入判定領域５３３にドラッグする。

なお、図３（ｂ）の中央の図に示すように、拡大された機能Ａｐｐ６に対する選択用ボタン５３１の中心が、機能Ａｐｐ３の挿入判定領域５３３内に入るようにすればよい。つまり、拡大された機能Ａｐｐ６に対する選択用ボタン５３１が、機能Ａｐｐ３に対する選択用ボタン５３１を覆うようにしなくともよい。

そして、ユーザが、拡大された機能Ａｐｐ６に対する選択用ボタン５３１を、機能Ａｐｐ３に対する選択用ボタン５３１の挿入判定領域５３３において、予め定められた時間保持すると、表示制御部５２は、機能Ａｐｐ３に対する選択用ボタン５３１の位置に機能Ａｐｐ６に対する選択用ボタン５３１を配置すると判定する。

すると、図３（ｂ）の右の図のように、表示制御部５２は、機能Ａｐｐ６に対する選択用ボタン５３１が機能Ａｐｐ３に対する選択用ボタン５３１の位置に配置する。そして、機能Ａｐｐ３以降の選択用ボタン５３１を順にずらして配置する。
このようにして、選択用ボタン５３１のレイアウト変更が行われる。ここでは、表示画像５３上において、選択用ボタン５３１のレイアウト変更が行われた。
なお、機能Ａｐｐ３以降の選択用ボタン５３１は、番号の順にずれてもよく、下方にずれてもよい。また、他の位置にずれるようにしてもよい。

次に、図３（ｃ）により、レイアウト変更の他の一例を説明する。ここでは、選択用ボタン５３１は、表示画像５３に表示されていない位置に配置する。
まず、図３（ｃ）の左の図に示すように、機能Ａｐｐ６に対する選択用ボタン５３１の位置を変更するため、図３（ａ）で説明した方法により、変更モードに移行する。

ここでは、機能Ａｐｐ６に対する選択用ボタン５３１を機能Ａｐｐ９に対する選択用ボタン５３１の位置に配置を変更するとする。
この場合、図３（ｃ）に示すように、機能Ａｐｐ９に対する選択用ボタン５３１は、表示画面５１に表示されず、下方にはみ出した位置にある。そこで、選択した機能Ａｐｐ６に対する選択用ボタン５３１を下方に設けられた画像送りを行うことを判定する画像送り判定領域５３４に、ドラッグする。
すると、図３（ｃ）の中央の図に示すように、表示画像５３が上方にスクロールする。そして、いままで表示されていなかった機能Ａｐｐ７、８、９に対する選択用ボタン５３１が表示されるようになる。そこで、機能Ａｐｐ９に対する選択用ボタン５３１の挿入判定領域５３３に、拡大された機能Ａｐｐ６に対する選択用ボタン５３１をドラッグする。

次に、表示制御部５２によって、拡大された機能Ａｐｐ６に対する選択用ボタン５３１が機能Ａｐｐ９に対する選択用ボタン５３１の挿入判定領域５３３に保持されることで、機能Ａｐｐ９に対する選択用ボタン５３１の位置が、機能Ａｐｐ６に対する選択用ボタン５３１が挿入される位置であると判定される。図３（ｃ）の右の図に示すように、それまでの機能Ａｐｐ９に対する選択用ボタン５３１が配置されていた位置に機能Ａｐｐ６に対する選択用ボタン５３１が配置される。そして、機能Ａｐｐ７、８、９に対する選択用ボタン５３１を順に繰り上げて配置される。

以上説明したように、レイアウト変更では、選択モードから変更モードへの移行及び位置を変更する選択用ボタン５３１の指定、変更する位置の判定に加えて、表示画像５３のスクロール（画像送り）の判定が必要となる。
上記では、選択モードから変更モードへの移行と位置を変更する選択用ボタン５３１の指定とを合わせて行っているが、表示画面５１の予め定められた位置に、動作モードを変更する動作モード変更ボタンを表示し、動作モード変更ボタンをタッチすることで、選択モードから変更モードに移行し、変更モードに移行した後、位置を変更する選択用ボタン５３１を指定してもよい。なお、選択モードから変更モードへの動作モード変更ボタンと、変更モードから選択モードへの動作モード変更ボタンとを別々に設けてもよく、一つの動作モード変更ボタンをトグル形式で使用してもよい。

なお、選択用ボタン５３１を削除する場合は、削除する選択用ボタン５３１をドラッグしないで、予め定められた時間押圧することを行えばよい。また、選択用ボタン５３１を追加する場合には、追加する選択用ボタン５３１を、選択用ボタン５３１の配置の最後に追加し、追加した選択用ボタン５３１を移動させればよい。

次に、挿入判定領域５３３を説明する。
図４は、選択用ボタン５３１のレイアウト変更における挿入判定領域５３３を説明する図である。図４（ａ）は、挿入判定領域５３３が広い場合の例、図４（ｂ）は、挿入判定領域５３３が狭い場合の例である。
ここでは、表示画像５３は、図３と同様に、最大６個の選択用ボタン５３１を欠けることなく表示される。
そして、表示画像５３の上下には、画像送り判定領域５３４が一定の幅（上下方向の幅）で設けられている。

図４（ａ）に示すように、機能Ａｐｐ１〜６に対する６個の選択用ボタン５３１を欠けることなく表示した場合、機能Ａｐｐ１〜６に対する選択用ボタン５３１では、選択用ボタン５３１上及びその周囲に挿入判定領域５３３が広く確保されている。
なお、表示画像５３において、上端及び下端の画像送り判定領域５３４が優先して設けられるため、挿入判定領域５３３は、画像送り判定領域５３４を除いた領域となる。

図４（ｂ）に示すように、図４（ａ）の表示画像５３を上方にスクロールした場合、機能Ａｐｐ４〜６の３個の選択用ボタン５３１が欠けることなく表示されるが、機能Ａｐｐ１〜３及び機能Ａｐｐ７〜９の選択用ボタン５３１が欠けて表示される。
すると、機能Ａｐｐ４〜６の３個の選択用ボタン５３１の挿入判定領域５３３は、広いが、機能Ａｐｐ１〜３及び機能Ａｐｐ７〜９に対する選択用ボタン５３１の選択用ボタン５３１の挿入判定領域５３３は狭い。
機能Ａｐｐ１〜３の選択用ボタン５３１では、上方の画像送り判定領域５３４によって、挿入判定領域５３３が狭められている。同様に、機能Ａｐｐ７〜９の選択用ボタン５３１では、下方の画像送り判定領域５３４によって、挿入判定領域５３３がほとんど確保し得ない。
よって、例えば、機能Ａｐｐ６に対する選択用ボタン５３１を、機能Ａｐｐ１〜３又は機能Ａｐｐ７〜９に対する選択用ボタン５３１の位置に変更しようとすると、挿入判定領域５３３が狭いため、判定が難しくなる。

そこで、第１の実施の形態では、変更モードに移行した際に、挿入判定領域５３３を広くするように、スクロール調整（遷移調整）を行うようにしている。
図５は、第１の実施の形態におけるスクロール調整について説明する図である。図５（ａ）は、スクロール調整を必要としない場合、図５（ｂ）、（ｃ）は、スクロール調整を行う場合である。
ここでは、判定ラインＬを用いて、スクロール調整を行うか否かを判定する場合を説明する。そして、説明を容易にするため、表示画像５３には、最大６個の選択用ボタン５３１が、欠けることなく表示されるとする。

図５（ａ）に示すように、判定ラインＬは、表示画面５１の上方に左右方向に設けられている。ここでは、表示画像５３は、上下方向にスクロールするとしているので、判定ラインＬは、スクロール方向と直交する方向に設けられている。
ここでは、選択用ボタン５３１が判定ラインＬと重なっているか否かによって、スクロール調整を行うか否かを判定する。
図５（ａ）では、選択用ボタン５３１と判定ラインＬとは交差していない。

図５（ａ）の中央の図に示すように、機能Ａｐｐ６に対応する選択用ボタン５３１の位置を変更するため、機能Ａｐｐ６に対応する選択用ボタン５３１を長押しして、変更モードに移行する。
すると、図５（ａ）の右の図に示すように、機能Ａｐｐ６に対する選択用ボタン５３１が拡大されて表示され、変更モードになったことがユーザに示される。
しかし、表示制御部５２は、判定ラインＬと選択用ボタン５３１とが重なっていないことを検知して、スクロール調整を行わない。

これは、図５（ａ）に示されているように、６個の選択用ボタン５３１が欠けることなく表示されていることにより、図４（ａ）に示したように、それぞれの選択用ボタン５３１の挿入判定領域５３３が広く確保されているためである。

これに対して、図５（ｂ）では、判定ラインＬは、機能Ａｐｐ１〜３に対する選択用ボタン５３１と重なっている。これは、図４（ｂ）に示したように、一部の選択用ボタン５３１の挿入判定領域５３３が狭いことを意味する。すなわち、図５（ｂ）では、機能Ａｐｐ１〜３、７〜９に対する選択用ボタン５３１の挿入判定領域５３３が狭くなっている。

ここで、図５（ｂ）の中央の図に示すように、機能Ａｐｐ６に対応する選択用ボタン５３１の位置を変更するため、機能Ａｐｐ６に対応する選択用ボタン５３１を長押しして、変更モードに移行する。
すると、図５（ｂ）の右の図に示すように、表示制御部５２は、選択モードから変更モードに移行させるとともに、表示画像５３を下方にスクロールして、機能Ａｐｐ１〜３に対する選択用ボタン５３１が判定ラインＬと重ならないように、スクロール調整する。これにより、機能Ａｐｐ１〜３のそれぞれに対する選択用ボタン５３１が、欠けることなく表示されて、それぞれの挿入判定領域５３３が広く確保される。

図５（ｂ）の右の図では、表示画像５３を下方にスクロール調整した。一方、図５（ｃ）の右の図に示すように、表示画像５３を上方にスクロール調整してもよい。表示画像５３を上方にスクロール調整させると、機能Ａｐｐ４〜９のそれぞれに対する選択用ボタン５３１が、表示画像５３に欠けることなく表示されて、それぞれの選択用ボタン５３１の挿入判定領域５３３が広く確保される。
なお、図５（ｃ）の左の図及び中央の図は、図５（ｂ）の左の図及び中央の図と同じである。

なお、図５（ｂ）の右の図又は図５（ｃ）の右の図のように、スクロール調整する方向を上方又は下方のいずれ一方に予め設定しておいてもよい。また、スクロール調整によって、選択用ボタン５３１の移動距離が小さい方にスクロール調整してもよい。さらに、選択用ボタン５３１の判定ラインＬとの重なり方、すなわち、選択用ボタン５３１の判定ラインＬより上側と下側との面積を比較して、面積の大きい方向にスクロールするようにしてもよい。

上記では、一例として、判定ラインＬと選択用ボタン５３１との重なりにより、選択用ボタン５３１のスクロール調整を行うか否かを判定した。例えば、表示画面５１上に設けた点と選択用ボタン５３１との重なりによって、スクロール調整を行うか否かを判定してもよい。判定ラインＬを用いる場合には、左右方向にスクロールする場合には、表示画面５１に上下方向に別の判定ラインを設けることが必要となる。しかし、表示画面５１上に設けた点を判定に用いる場合には、一つの点で上下方向に加えて、左右方向にスクロールさせた場合にも対応させうる。
さらに、表示画面５１のいずれかの端と選択用ボタン５３１との重なり、すなわち、選択用ボタン５３１の欠け具合により、スクロール調整を行うか否かを判定してもよい。

上記では、表示画面５１の上端側において、選択用ボタン５３１が欠けないようにスクロール調整した。表示画面５１の下端側において、選択用ボタン５３１が欠けないようにスクロール調整してもよい。これらでは、スクロール調整は、上下方向に行われる。
また、スクロール調整を左右方向に行って、表示画面５１の左端側又は右端側において、選択用ボタン５３１が欠けないようにスクロール調整してもよい。
さらに、表示画面５１が四角形である場合、隣接する二端（二辺）に対して、上下方向及び左右方向にスクロール調整してもよい。
そして、表示画面５１の予め定められた位置に固定的に配置されるタイトル画像５３２を含む場合には、タイトル画像５３２を除いた表示画面５１に対してスクロール調整を行うようにすればよい。

このような場合におけるスクロール調整では、表示画像５３に表示される複数の選択用ボタン５３１に対して挿入判定領域５３３が全体として広くなる方向にスクロール調整すればよい。よって、例えば、判定ラインＬの表示画面５１上の位置は、判定ラインＬに基づいて表示画像５３のスクロール調整を行った際に、表示画像５３に表示される複数の選択用ボタン５３１に対する挿入判定領域５３３が全体として広くなるように設定すればよい。

また、表示画面５１に表示される複数の選択用ボタン５３１に対して挿入判定領域５３３が全体として広くなる配置を予め算出し、スクロール後（遷移後）の表示画面５１における選択用ボタン５３１の配置がこの予め算出された配置になるように、スクロール調整してもよい。

さらに、変更モードに移行した際に、選択用ボタン５３１を縮小して、選択用ボタン５３１が欠けないようにしてもよい。
このようにしても、選択用ボタン５３１の挿入判定領域５３３が全体として広げられる。

さらにまた、表示画面５１の予め定められた場所にタイトル画像５３２が常時表示される場合には、タイトル画像５３２を除いた表示画面５１において、表示される複数の選択用ボタン５３１に対する挿入判定領域５３３が全体として広くなるように設定すればよい。

［第２の実施の形態］
第２の実施の形態では、スクロールを行う指の操作（ジェスチャー操作）によって、スクロール調整を行うか否かが判断される。例えば、ドラッグによるスクロールか、フリックによるスクロールかを識別して、それによりスクロール調整を行うか否かが切り替えられる。

前述したように、ドラッグとは、ユーザが表示画面５１に指が触れた状態で、指をなぞるように移動させた後に離す操作であって、指の移動量に追従してスクロール量が設定される。
また、フリックとは、ユーザが表示画面５１に指を触れた状態で、指を払うようにして離す操作であって、指を移動させる速さ又は距離に比例してスクロール量が設定される。

ドラッグは、ユーザが表示したい位置を、意思を持って決められる利点があり、フリックは、ユーザがおおまかな操作で表示されているコンテンツの続きが表示される利点がある。

例えば、表示制御部５２は、ドラッグによるスクロールであることを検知した場合には、スクロール調整せず、フリックによるスクロールであることを検知した場合には、スクロール調整する。なお、逆であってもよい。

なお、スクロール調整は、第１の実施の形態における図５（ｂ）、（ｃ）に示したように、表示画像５３に表示された選択用ボタン５３１の挿入判定領域５３３が狭い場合に行えばよい。また、スクロール調整の方向は、図５（ｂ）の右の図に示したように下方へのスクロール調整で行ってもよく、図５（ｃ）の右の図に示したように上方へのスクロール調整で行ってもよい。また、第１の実施の形態で説明したように、上下方向のスクロール調整及び左右方向のスクロール調整を組み合わせて行ってもよい。

指の操作によるスクロール調整に対する要求は、ユーザによって異なることがある。よって、指の操作によってスクロール調整を行うか否かは、ユーザによって設定されてもよい。
さらに、スクロール調整を行うことを指示する指の操作が、ユーザによって、ドラッグ及びフリック以外の操作に指定されてもよい。例えば、フリックでも、３段階に分けて、移動距離の小さなフリックの場合は、ドラッグに相当する操作とみなしてスクロール調整しないように設定し、移動距離の大きなフリックの場合は、スクロール調整ではなく、表示画面５１をページ単位（表示画面５１単位）で切り替えるように設定し、移動距離が中間のフリックの場合に、スクロール調整するとしてもよい。

［第３の実施の形態］
第３の実施の形態では、表示画面５１に表示される選択用ボタン５３１の数に応じて、スクロール調整を行うか否かが判断される。
図６は、第３の実施の形態におけるスクロール調整を行うか否かを判断するフローチャートである。
ここでは、表示画面５１において、欠けずに表示する選択用ボタン５３１の数Ｎを設定する。そして、表示画像５３に欠けずに表示されている選択用ボタン５３１の数Ｍが、欠けずに表示する選択用ボタン５３１の数Ｎより小さい場合（Ｍ＜Ｎ）に、スクロール調整を行う。

まず、表示画面５１において、欠けずに表示する選択用ボタン５３１の数Ｎを取得する（ステップ１。図６では、Ｓ１と表記する。）。
次に、表示画像５３において、欠けずに表示されている選択用ボタン５３１の数Ｍを取得する（ステップ２）。
そして、欠けずに表示されている選択用ボタン５３１の数Ｍが、欠けずに表示する選択用ボタン５３１の数Ｎより大きいか否かが判断される（ステップ３）。
そして、ステップ３において、肯定（Ｙｅｓ）の判断がされる場合には、スクロール調整を行わない（ステップ４）。
一方、ステップ３において、否定（Ｎｏ）の判断がされる場合には、スクロール調整を行う（ステップ５）。

図７は、表示画面５１に表示する選択用ボタン５３１の数Ｎを５とした場合に、スクロール調整を行う場合と、行わない場合とを説明する図である。図７（ａ）は、スクロール調整を行う場合、図７（ｂ）は、スクロール調整を行わない場合である。

図７（ａ）に示す表示画像５３では、最大６個の選択用ボタン５３１が欠けずに表示される。そこで、表示画像５３に表示する選択用ボタン５３１の数Ｎを５と設定する。すると、図７（ａ）の左の図では、欠けずに表示されている選択用ボタン５３１の数Ｍは３である。すなわち、表示されている選択用ボタン５３１の数Ｍ（３）は、表示する選択用ボタン５３１の数Ｎ（５）より小さい。よって、図７（ａ）の右の図のように、スクロール調整を行う。図７（ａ）の右の図では、６個の選択用ボタン５３１が欠けずに表示されるようになる。

一方、図７（ｂ）に示す表示画像５３では、機能Ａｐｐ４〜９に対する６個の選択用ボタン５３１が欠けずに表示されている。よって、欠けずに表示する選択用ボタン５３１の数Ｎが５である場合には、スクロール調整を行わない。

なお、表示画像５３に表示される選択用ボタン５３１の数は、表示画面５１のサイズ（大きさ）と選択用ボタン５３１のサイズ（大きさ）とで決まる。よって、第３の実施の形態で説明したスクロール調整を行うか否かの判別方法は、表示画面５１のサイズや選択用ボタン５３１のサイズが異なる場合にも用い得る。
あるサイズの表示画面５１に対して、予め定められた数Ｎを設定し、大きなサイズの選択用ボタン５３１を用いる場合に、表示された選択用ボタン５３１の数Ｍが数Ｎ未満になった場合にスクロール調整を行うようにしてもよい。
一方、表示された選択用ボタン５３１の数Ｍが常に数Ｎ以上となるような小さなサイズの選択用ボタン５３１を用いる場合には、スクロール調整を行わないようにしてもよい。

逆に、表示画面５１が小さく、表示される選択用ボタン５３１の数が少ない場合は、スクロール調整を行ない、表示画面５１が大きく、表示される選択用ボタン５３１の数が多い場合は、スクロール調整を行なわないようにしてよい。すなわち、表示画面５１の大きさによって、スクロール調整を行うか行わないかを判断してもよい。このようにすることで、表示画面の大きさが異なる表示デバイスを用いても、表示制御部５２を交換することを要しない。

以上説明した第１の実施の形態から第３の実施の形態を組み合わせて用いてもよい。

また、以上説明した第１の実施の形態から第３の実施の形態では、画像処理装置１００の表示部５について説明したが、他の装置の表示部に適用してもよい。さらに、携帯電話、スマートフォン、タブレット、ＰＣなどの表示部に適用してもよい。すなわち、メニュー画面において、複数の選択用ボタンを配置する場合に適用しうる。

１…制御部、２…画像形成部、３…画像読取部、４…画像データ処理部、５…表示部、６…通信部、７…記憶部、８…バス、５１…表示画面、５２…表示制御部、５３…表示画像、１００…画像処理装置、５３１…選択用ボタン、５３２…タイトル画像、５３３…挿入判定領域、５３４…判定領域

Claims (7)

1. 機能を示す絵柄とテキストとを含む複数の画像を表示画面に表示する表示手段と、
   前記複数の画像における画像の配置を変更する変更モードに移行した際、前記表示画面上に前記複数の画像のうち一部が前記表示画面からはみ出して表示されていない画像である第１画像がある場合に、スクロール調整により前記第１画像を欠けることなく表示するように制御する制御手段と、
   を備えた表示装置。
2. 前記表示画面に指を接触させて前記画像を長押しすることで前記変更モードへ移行する
   請求項１に記載の表示装置。
3. 前記制御手段は、
   前記変更モードへ移行した際、前記画像を遷移させるか否かを判定する判定ラインと交差する画像がある場合に、前記画像が前記判定ラインと交差しないように前記画像を遷移して表示させるように制御する
   請求項１または２に記載の表示装置。
4. 前記制御手段は、前記判定ラインと直交する方向に前記画像を遷移させる
   請求項３に記載の表示装置。
5. 前記制御手段は、前記判定ラインによって分けられる前記画像の一方側と他方側とを比較して、前記画像を遷移させる方向を決定する
   請求項３または４に記載の表示装置。
6. 前記制御手段は、前記一方側と前記他方側の面積を比較して、面積の大きい方向に前記画像を遷移させる
   請求項５に記載の表示装置。
7. コンピュータに、
   機能を示す絵柄とテキストとを含む複数の画像を表示画面に表示する機能と、
   前記複数の画像における画像の配置を変更する変更モードに移行した際、前記表示画面上に前記複数の画像のうち一部が前記表示画面からはみ出して表示されていない画像である第１画像がある場合に、スクロール調整により前記第１画像を欠けることなく表示する機能と、
   を実現させるプログラム。

Images