JP2014074981A - Display device, image forming apparatus, and display control program - Google Patents
Display device, image forming apparatus, and display control program Download PDFInfo
- Publication number
- JP2014074981A JP2014074981A JP2012221156A JP2012221156A JP2014074981A JP 2014074981 A JP2014074981 A JP 2014074981A JP 2012221156 A JP2012221156 A JP 2012221156A JP 2012221156 A JP2012221156 A JP 2012221156A JP 2014074981 A JP2014074981 A JP 2014074981A
- Authority
- JP
- Japan
- Prior art keywords
- display
- display screen
- range
- scroll
- touch panel
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
- 238000001514 detection method Methods 0.000 claims abstract description 5
- 238000000034 method Methods 0.000 claims description 25
- 230000008569 process Effects 0.000 claims description 23
- 230000006835 compression Effects 0.000 claims description 10
- 238000007906 compression Methods 0.000 claims description 10
- 230000009466 transformation Effects 0.000 claims description 4
- 230000001131 transforming effect Effects 0.000 claims 1
- 230000008859 change Effects 0.000 description 19
- 238000010586 diagram Methods 0.000 description 17
- 230000010365 information processing Effects 0.000 description 13
- 230000004048 modification Effects 0.000 description 11
- 238000012986 modification Methods 0.000 description 11
- 230000006870 function Effects 0.000 description 10
- 230000007704 transition Effects 0.000 description 5
- 238000002715 modification method Methods 0.000 description 3
- 230000015572 biosynthetic process Effects 0.000 description 2
- 238000004891 communication Methods 0.000 description 2
- 230000007423 decrease Effects 0.000 description 2
- 230000003247 decreasing effect Effects 0.000 description 2
- 230000002093 peripheral effect Effects 0.000 description 2
- 239000002131 composite material Substances 0.000 description 1
- 230000007547 defect Effects 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 230000001747 exhibiting effect Effects 0.000 description 1
- 238000004091 panning Methods 0.000 description 1
- 230000004044 response Effects 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
Images
Landscapes
- Position Input By Displaying (AREA)
- Facsimiles In General (AREA)
- User Interface Of Digital Computer (AREA)
- Accessory Devices And Overall Control Thereof (AREA)
Abstract
Description
この発明は表示装置、画像形成装置、および表示制御プログラムに関し、特に、タッチパネルを有する表示装置、該表示装置を搭載した画像形成装置、および表示制御プログラムに関する。 The present invention relates to a display device, an image forming apparatus, and a display control program, and more particularly to a display device having a touch panel, an image forming apparatus equipped with the display device, and a display control program.
携帯電話機などの携帯端末やMFP(Multi-Functional Peripheral)などの画像形成装置を、搭載されたタッチパネルに対して指を払ったり滑らせたりする、フリックやパンなどと呼ばれるジェスチャーにて操作することが可能になってきている。このような操作は直感的で、操作性を向上させることができる。 It is possible to operate a mobile terminal such as a mobile phone or an image forming apparatus such as an MFP (Multi-Functional Peripheral) with a gesture called flick or pan, which moves or slides a finger on the mounted touch panel. It is becoming possible. Such an operation is intuitive and operability can be improved.
しかしながら、フリックやパンなどのジェスチャー操作で表示画面をスクロールすると、タッチパネルの表示が表示画面の先端や終端に到達しても表示画面の端であることが表示に表れないため、ユーザーは端に到達したことに気付きにくい、という問題がある。表示画面の端であることが表示上で表れないと、ユーザーは、表示画面の端までタッチパネルに表示された後に何度かスクロール操作を行なったにも関わらず表示画面がスクロールされないことを見て、はじめて表示が表示画面の端に到達していることに気付くことになる。このとき、ユーザーは、操作ミスの可能性も考慮して、複数回スクロール操作することもある。そのため、操作効率を落とすことになる。 However, if the display screen is scrolled by gesture operations such as flicking and panning, the end of the display screen does not appear even if the touch panel display reaches the top or end of the display screen, so the user reaches the end. There is a problem that it is difficult to notice that. If the edge of the display screen does not appear on the display, the user sees that the display screen does not scroll even though the user scrolls several times after being displayed on the touch panel to the edge of the display screen. For the first time, you will notice that the display has reached the edge of the display screen. At this time, the user may perform a scroll operation a plurality of times in consideration of the possibility of an operation error. Therefore, the operation efficiency is lowered.
これに対して、たとえば、表示画面にスクロールバーを併設して表示させるようにすることもなされているが、ジェスチャー操作時にはユーザーの視線は操作対象の表示画面上にあってスクロールバーを確認していないことが多いため、依然として表示が表示画面の端に到達したことに気付きにくい、という問題は解消しきれない。 On the other hand, for example, a scroll bar is also displayed on the display screen. However, when performing a gesture operation, the user's line of sight is on the target display screen and the scroll bar is confirmed. In many cases, the problem that it is difficult to notice that the display has reached the edge of the display screen cannot be solved.
また、たとえば特開2011−14078号公報(特許文献1)は、表示が表示画面の端に到達すると、いったん、端より外側の余白領域まで表示した後に、表示画面を表示の端に戻すという表示を行なう技術を開示している。 In addition, for example, in Japanese Patent Application Laid-Open No. 2011-14078 (Patent Document 1), when the display reaches the end of the display screen, the display is once displayed up to the margin area outside the end and then returned to the display end. The technique which performs is disclosed.
しかしながら、この技術を利用すると、表示画面の端の外側の余白領域が表示されるために表示画面の表示領域が小さくなり、表示内容が減ってしまう、という問題がある。たとえば、表示画面での表示項目が5個ある場合に、項目2個分の表示範囲を余白領域の表示用とすることで、表示項目が5個から3個に減ってしまうことになる。 However, when this technique is used, a blank area outside the edge of the display screen is displayed, so that there is a problem that the display area of the display screen is reduced and the display content is reduced. For example, when there are five display items on the display screen, the display range for two items is used for displaying the blank area, so that the number of display items is reduced from five to three.
本発明はこのような問題に鑑みてなされたものであって、表示画面の表示範囲を減らすことなく、タッチパネルでの表示が表示画面の端まで達したことを容易に気付かせることのできる表示装置、画像形成装置、および表示制御プログラムを提供することを目的としている。 The present invention has been made in view of such problems, and can easily recognize that the display on the touch panel has reached the end of the display screen without reducing the display range of the display screen. An object of the present invention is to provide an image forming apparatus and a display control program.
上記目的を達成するために、本発明のある局面に従うと、表示装置はタッチパネルを有する表示装置であって、電子情報に基づいて生成される表示画面を記憶するための記憶手段と、タッチパネルに対して、タッチパネルの表示に対するスクロール操作がなされたことを検出するための検出手段と、表示画面のうちのタッチパネルに表示されている表示範囲が、スクロール操作で指示されるスクロール方向に移動させても表示画面の端部に到達しない場合に、表示範囲をスクロール方向に移動させてタッチパネルに表示させるためのスクロール処理手段と、スクロール方向に移動させることで表示範囲が表示画面の端部に到達する場合に、表示画面における表示範囲を表示画面の端部を到達時における表示画面の端部とは遠い側の端の表示位置と表示画面の端部との間の範囲に固定して、その範囲の画像をスクロール方向に変形させてタッチパネルに表示させるための変形処理手段とを備える。 In order to achieve the above object, according to one aspect of the present invention, the display device is a display device having a touch panel, the storage means for storing a display screen generated based on electronic information, and the touch panel The detection means for detecting that the scroll operation for the display on the touch panel has been performed and the display range displayed on the touch panel of the display screen are displayed even if the display range is moved in the scroll direction indicated by the scroll operation. Scroll processing means for moving the display range in the scroll direction and displaying it on the touch panel when it does not reach the end of the screen, and when the display range reaches the end of the display screen by moving in the scroll direction The display range on the display screen is the display position of the end far from the end of the display screen when reaching the end of the display screen. Fixed in a range between the end of the display screen and includes a deformation processing means for displaying on the touch panel by deforming the image of the range in the scroll direction.
好ましくは、表示装置は、スクロール操作の速度から変形量を算出するための算出手段をさらに備える。 Preferably, the display device further includes calculation means for calculating the deformation amount from the speed of the scroll operation.
好ましくは、変形処理手段は、表示範囲の画像を所定の所定量、圧縮して、表示画面の端部とは遠い側の端の表示位置を変形の前の表示位置に固定してタッチパネルに表示させ、さらに、圧縮後の上記表示範囲の画像の表示位置とは逆側に隣接して、余白領域を表示させる。 Preferably, the deformation processing unit compresses the image in the display range by a predetermined amount, and fixes the display position of the end far from the end of the display screen to the display position before the deformation and displays it on the touch panel. Further, a blank area is displayed adjacent to the display position of the compressed image in the display range on the opposite side.
好ましくは、変形処理手段は、表示画面の端部の表示位置も変形の前の表示位置に固定して、表示範囲をスクロール方向に2領域に区分して、スクロール方向の前方側の領域を拡大し、スクロール方向の後方側の領域を圧縮する。 Preferably, the deformation processing means fixes the display position of the end of the display screen to the display position before the deformation, divides the display range into two areas in the scroll direction, and enlarges the area on the front side in the scroll direction. Then, the area on the rear side in the scroll direction is compressed.
好ましくは、変形処理手段は、表示範囲に文字以外の画像を変形させる。
好ましくは、所定の変形量である圧縮率の最大値は、表示画面に含まれる文字が予め規定された最小のサイズとなる圧縮率である。
Preferably, the deformation processing unit deforms an image other than characters in the display range.
Preferably, the maximum value of the compression rate that is the predetermined deformation amount is a compression rate at which characters included in the display screen have a predetermined minimum size.
好ましくは、変形処理手段は、タッチパネルの表示の、スクロール方向に、スクロール操作を受け付けた位置より表示画面の端部に遠い側を圧縮し、近い側を拡大させる。 Preferably, the deformation processing means compresses the side farther from the end of the display screen than the position where the scroll operation is received in the scroll direction of the display on the touch panel, and enlarges the near side.
より好ましくは、変形処理手段は、スクロール操作を受け付けた位置に近いほど変形量を大きく変形させる。 More preferably, the deformation processing means greatly deforms the deformation amount as the position closer to the position where the scroll operation is received.
好ましくは、変形処理手段は、表示画面の表示範囲と共にタッチパネルに表示されるスクロールバーのノブを、表示範囲の画像の変形に応じて変形させる。 Preferably, the deformation processing unit deforms the knob of the scroll bar displayed on the touch panel together with the display range of the display screen according to the deformation of the image in the display range.
本発明の他の局面に従うと、画像形成装置は、上述の表示装置を備える。
本発明のさらに他の局面に従うと、表示制御プログラムは、電子情報に基づいて生成される表示画面のタッチパネルでの表示を制御する処理をコンピュータに実行させるプログラムであって、タッチパネルに対して、タッチパネルの表示に対するスクロール操作がなされたことを検出するステップと、表示画面のうちのタッチパネルに表示されている表示範囲が、スクロール操作で指示されるスクロール方向に移動させると、表示画面の端部に到達するか否かを判断するステップと、表示範囲をスクロール方向に移動させても表示画面の端部に到達しない場合に、表示範囲をスクロール方向に移動させてタッチパネルに表示させるステップと、スクロール方向に移動させることで表示範囲が表示画面の端部に到達する場合に、表示画面における表示範囲を表示画面の端部を到達時における表示画面の端部とは遠い側の端の表示位置と表示画面の端部との間の範囲に固定して、その範囲の画像をスクロール方向に変形させてタッチパネルに表示させるステップとをコンピュータに実行させる。
According to another aspect of the present invention, an image forming apparatus includes the above-described display device.
According to still another aspect of the present invention, the display control program is a program for causing a computer to execute processing for controlling display on a touch panel of a display screen generated based on electronic information. The step of detecting that the scroll operation has been performed on the display and the display range displayed on the touch panel of the display screen reaches the end of the display screen when moved in the scroll direction indicated by the scroll operation. Determining whether or not to move the display range, and moving the display range in the scroll direction when the display range does not reach the end of the display screen. When the display range reaches the edge of the display screen by moving it, The display range is fixed to the range between the display position at the end far from the display screen edge when the end of the display screen is reached and the end of the display screen, and the image in that range is scrolled. And causing the computer to execute a step of deforming and displaying on the touch panel.
この発明によると、表示画面の表示範囲を減らすことなく、ユーザーに、タッチパネルでの表示が表示画面の端まで達したことを容易に気付かせることができる。 According to the present invention, the user can easily be aware that the display on the touch panel has reached the end of the display screen without reducing the display range of the display screen.
以下に、図面を参照しつつ、本発明の実施の形態について説明する。以下の説明では、同一の部品および構成要素には同一の符号を付してある。それらの名称および機能も同じである。したがって、これらの説明は繰り返さない。 Embodiments of the present invention will be described below with reference to the drawings. In the following description, the same parts and components are denoted by the same reference numerals. Their names and functions are also the same. Therefore, these descriptions will not be repeated.
なお、以下の例では、表示装置に含まれるタッチパネルを制御するための制御装置が画像形成装置に含まれるものとしているが、該制御装置は画像形成装置に接続された別体の装置であり、該画像形成装置のタッチパネルである操作パネルの表示を制御するものであってもよい。すなわち、表示装置に含まれるタッチパネルとその表示を制御するための制御装置とは異なる装置に含まれて、相互に通信することで該タッチパネルでの表示が制御されてもよい。 In the following example, it is assumed that a control device for controlling a touch panel included in the display device is included in the image forming device, but the control device is a separate device connected to the image forming device, It may control a display on an operation panel which is a touch panel of the image forming apparatus. That is, the display on the touch panel may be controlled by being included in a device different from the touch panel included in the display device and a control device for controlling the display, and communicating with each other.
また、タッチパネルを有する表示装置を含む装置は画像形成装置に限定されず、いかなる装置に含まれてもよい。 Further, an apparatus including a display device having a touch panel is not limited to an image forming apparatus, and may be included in any apparatus.
<システム構成>
図1は、本実施の形態にかかる画像形成システムの構成の具体例を示す図である。図1を参照して、画像形成システムは、それぞれ表示制御装置を搭載した、複数の画像形成装置1−1A,…1−1Nと複数の情報処理装置3−1A,…3−1Mとがネットワーク4−1で接続された第1のシステムと、複数の画像形成装置1−2A,…1−2Nと複数の情報処理装置3−2A,…3−2Mとがネットワーク4−2で接続された第2のシステムとが、外部ネットワーク5を介して接続してなる。
<System configuration>
FIG. 1 is a diagram showing a specific example of the configuration of the image forming system according to the present embodiment. Referring to FIG. 1, in the image forming system, a plurality of image forming apparatuses 1-1A,... 1-1N and a plurality of information processing apparatuses 3-1A,. 4-1 is connected to a plurality of image forming apparatuses 1-2A, ... 1-2N and a plurality of information processing apparatuses 3-2A, ... 3-2M via a network 4-2. The second system is connected via the
画像形成装置1−1A,…1−1N、1−2A,…1−2Nを代表させて画像形成装置1、情報処理装置3−1A,…3−1M、3−2A,…3−2Mを代表させて情報処理装置3と称する。
The image forming apparatus 1-1A,... 1-1N, 1-2A,... 1-2N is represented by the
ネットワーク4は、LAN(Local Area Network)などの専用回線を用いたネットワーク、インターネット等の一般回線を用いたネットワーク、無線通信によるネットワーク等のいずれであっても構わない。また、外部ネットワーク5も、LANなどの専用回線を用いたネットワーク、インターネット等の一般回線を用いたネットワーク、無線通信によるネットワーク等のいずれであっても構わない。さらに、本画像システムは、外部ネットワーク5を介して他のシステムと接続されていてもよい。
The network 4 may be any one of a network using a dedicated line such as a LAN (Local Area Network), a network using a general line such as the Internet, and a network using wireless communication. Also, the
本実施の形態において、画像形成装置1は、スキャナー、コピー、およびプリンター機能を備えるデジタル複合槻としての機能を有するいわゆるMFP(Multi Function Peripherals)であるものとする。しかしながら、画像形成装置1は、操作部および表示部としてのタッチパネルを有する装置であればMFPに限定されず、スキャナー、コピーなどの他の装置であってもよい。
In the present embodiment, it is assumed that the
画像形成装置1は、スキャンして得られた原稿画像および情報処理装置3から送信されたプリントデータから生成した画像の複写画像を用紙上に形成する装置である。ここで、プリントデータとは、情報処理装置3のオペレーティングシステムやアプリケーションプログラムが発行する描画命令を、プリンタードライバーによって画像形成装置1が処理可能なページ記述言語に変換したページ記述言語による描画命令、またはPDF(Portable Document Format)、TIFF(Tagged Image File Format)、JPEG(Joint Photographic Experts Group)、XPS(XML Paper Specification)等のファイルフォーマットで記述された文書データである。
The
また、スキャンして得られた原稿画像は、画像形成装置において各種設定(ファイル形式、レイアウト設定、解像度設定等)がなされ、ネットワーク4を介して、情報処理装置3等に送信されてもよい。
The original image obtained by scanning may be subjected to various settings (file format, layout setting, resolution setting, etc.) in the image forming apparatus and transmitted to the
情報処理装置3は、一般的なパーソナルコンピューター等であってよい。情報処理装置3は、ユーザーの指示によりプリントデータを生成し、生成したプリントデータを画像形成装置1に送信する。
The
<装置構成>
図2は、画像形成装置1の概略のハードウェア構成を示す模式図である。
<Device configuration>
FIG. 2 is a schematic diagram illustrating a schematic hardware configuration of the
図2を参照して、画像形成装置1は制御部100を含み、制御部100には、装置全体を制御するためのCPU(Central Processing Unit)101、制御プログラムを格納するためのROM(Read Only Memory)102、作業用の記憶領域となるS−RAM(Static Random Access Memory)103、画像形成に関わる各種の設定を記憶するためのバッテリバックアップされたNV−RAM(不揮発性メモリ)104、および時計IC(Integrated Circuit:集積回路)105が含まれる。
Referring to FIG. 2, the
制御部100には、バスを介して、画像読取装置120、各種の入力を行なうためのキーや表示部を備えた、タッチパネルである表示部と数字キー、プリントキー、ログアウトキーなどのキースイッチ群と、操作制御部とを有する操作パネル130、ネットワーク4−1,4−2,5を介して接続された情報処理装置3等の外部の装置との間で各種の情報を送受信するためのネットワークI/F(インターフェース)160、該ネットワークI/F160により受信したプリントデータから複写画像を生成するためのプリンターコントローラー150、および、複写画像を用紙上に形成するための画像出力装置140が接続されている。
The
また、制御部100には、固定記憶装置110がバスを介して接続されている。固定記憶装置110にはたとえばハードディスク装置などが該当する。
A fixed
<動作概要>
図3は、画像形成装置1での全体処理の流れを表わすフローチャートである。図3のフローチャートに表わされた処理は、制御部100に含まれるCPU101がROM102に記憶されているプログラムを読み出してS−RAM103上に展開して実行することによって実現される。図3に示される処理は、電源の投入等により開始される。
<Overview of operation>
FIG. 3 is a flowchart showing the overall processing flow in the
図3を参照して、処理が開始すると、CPU101において、まず、メモリのクリア、標準モードの設定等の初期化処理が行なわれる(ステップS1)。
Referring to FIG. 3, when processing is started,
初期化処理が終了すると、CPU101は、画像形成装置1の操作パネル130上のキースイッチ群、およびタッチパネルである表示部上での操作により、ユーザーからタッチパネルである表示部での表示の制御を必要とする何らかの処理要求(コピー処理、各種の設定処理、表示操作など)がなされたかどうかを確認する(ステップS3)。要求されていなければ(ステップS3でNO)、CPU101はステップS5に進む。
When the initialization process is completed, the
ユーザーから上記の処理要求がなされた場合(ステップS3でYES)、CPU101は、操作パネル130のタッチパネルである表示部での表示処理を行なう(ステップS7)。タッチパネルの処理については、後に詳しく説明する。
When the above processing request is made by the user (YES in step S3), the
ユーザーから上記の処理が要求されていなければ(ステップS3でNO)、CPU101は、ネットワーク4−1,4−2を介して情報処理装置3などの外部の装置から何らかの処理要求(文書のプリント処理、各種の設定処理、など)がされたかどうか確認する(ステップS5)。要求されていなければ(ステップS5でNO)、CPU101はステップS3に戻って前述の処理を繰り返し実行する。
If the above processing is not requested by the user (NO in step S3), the
外部の装置から何らかの処理要求がなされた場合(ステップS5でYES)、CPU101はその要求された処理を実行する(ステップS9)。ここで、その他の処理とは、情報処理装置3から送信されたプリントジョブの処理や、NV−RAM104に記憶されている各種設定の変更処理、などが該当する。外部の装置から要求された処理がすべて終了したら、PU101はステップS3に戻って前述の処理を繰り返し実行する。
When any processing request is made from an external device (YES in step S5), the
画像形成装置1は、操作パネル130のタッチパネルである表示部での表示処理として、ユーザー指示に応じて電子情報に基づく画面を表示する。
The
図4〜図7は、電子情報に基づく画面の表示例を表わした図である。
ここで、電子情報とは、文書、項目の一覧、画像などから表示画面を生成させるためのデータを指す。文書情報の表示画面は、図4に表わされたように、テキストのみで構成されてもよいし、図5に表わされたように、テキストの他、画像や表示やグラフなどが含まれていてもよい。または、項目の一覧情報の表示画面は、図6に表わされたように、リスト形式の一覧画面であってもよいし、図7に表わされたように、項目に対応したキーが配列されたものであってもよい。
4 to 7 are diagrams showing display examples of screens based on electronic information.
Here, the electronic information refers to data for generating a display screen from a document, a list of items, images, and the like. The document information display screen may be composed of only text as shown in FIG. 4, or may include images, displays, graphs, etc. in addition to text as shown in FIG. It may be. Alternatively, the item list information display screen may be a list screen in a list format as shown in FIG. 6, and keys corresponding to items are arranged as shown in FIG. It may be what was done.
画像形成装置1は、電子情報から表示画面を生成し、該表示画面のうちの、操作パネル130のサイズに応じた範囲を表示範囲として特定してその範囲の表示画面を操作パネル130に表示する。
The
画像形成装置1は、操作パネル130に表示画面の一部を表示した状態において、上記ステップS3で表示範囲を移動させるジェスチャー操作であるスクロールジェスチャーを受け付けると、上記ステップS7の操作パネル130の処理として、その操作に従って表示画面のうち操作パネル130に表示させる範囲を変更する処理、つまりスクロール動作を行なう。
When the
図8は、スクロールジェスチャーを表わした図である。
図8を参照して、スクロールジェスチャーは、フリックなどと呼ばれるジェスチャー操作であって、タッチパネルである操作パネル130上の1点(始点)を指等でタッチし、タッチ状態を維持したまま距離L、スライドさせて、異なる1点(終点)で指等を操作パネル130から離してタッチ状態を解除するジェスチャー操作である。
FIG. 8 is a diagram showing a scroll gesture.
Referring to FIG. 8, the scroll gesture is a gesture operation called a flick or the like, and touches one point (start point) on
画像形成装置1は、移動距離Lをタッチされてから指等が離れるまでの時間である操作時間Tで除することで、ジェスチャー操作速度v(v=L/T)を得る。そして、画像形成装置1は、予めジェスチャー操作速度vに対して規定したスクロール速度Vで、表示範囲をスクロールする。
The
図9は、ジェスチャー操作速度に対するスクロール速度の関係の具体例を表わした図である。たとえば、図9に示されたように、スクロール速度Vはジェスチャー操作速度vに比例するもの(V=k×v)として規定されていてもよい。 FIG. 9 is a diagram illustrating a specific example of the relationship between the scroll speed and the gesture operation speed. For example, as shown in FIG. 9, the scroll speed V may be defined as being proportional to the gesture operation speed v (V = k × v).
図10、図11は、スクロールジェスチャーに従う表示の変化の具体例を表わした図であり、具体例として、項目の一覧が表示されているときの表示の変化の具体例を表わしている。このとき、好ましくは、項目の一覧の表示に併せて、表示画面における現在の表示範囲の位置を表わすスクロールバーも表示される。これにより、視覚的に表示範囲の位置を知ることができる。 10 and 11 are diagrams showing specific examples of display changes according to the scroll gesture. As specific examples, FIG. 10 and FIG. 11 show specific examples of display changes when a list of items is displayed. At this time, preferably, a scroll bar indicating the position of the current display range on the display screen is also displayed together with the display of the list of items. Thereby, the position of the display range can be known visually.
また、図10、図11の例では、スクロールジェスチャーとして、上向きにフリックがなされた例が示されている。このとき、表示画面における表示範囲は下方向に移動、つまり、操作パネル130の表示は下方向にスクロールされる。
Further, in the examples of FIGS. 10 and 11, an example in which a flick is made upward as a scroll gesture is shown. At this time, the display range on the display screen moves downward, that is, the display on the
図10を参照して、項目の一覧が表示されているとき上向きにフリックJ1がなされると(図10(A))、画像形成装置1は、フリックJ1の距離Lと時間Tとからジェスチャー操作速度vを算出して、さらに、ジェスチャー操作速度vを用いてスクロール速度Vを算出する。図9の例では、ジェスチャー操作速度vに予め記憶している係数を乗じることでスクロール速度が算出される(V=k×v)。
Referring to FIG. 10, when flick J1 is made upward when the list of items is displayed (FIG. 10A),
このとき、画像形成装置1は、1回のスクロール動作での移動距離として予め規定された所定距離だけ表示範囲をスクロールすると、表示範囲が電子情報から生成された表示画面の端部に達するか否かを確認する。所定距離としては、たとえば表示画面がテキストの場合には1行分、項目の一覧である場合には1項目分、画像の場合には10pixlなどが挙げられる。
At this time, when the
たとえば、下方向にスクロールさせるジェスチャー操作を受け付けた場合には、画像形成装置1は、上記所定距離だけ表示範囲を下方向にスクロールすると表示画面の下端に達するか否かを確認し、上方向にスクロールさせるジェスチャー操作を受け付けた場合には、同様に表示画面の上端に達するか否かを確認する。そして、端部に到達しない場合には、画像形成装置1は、ジェスチャー操作に従って表示をスクロールする。
For example, when a gesture operation for scrolling downward is received, the
図10(A)の例では、表示範囲が表示画面のかなり上方であるため、画像形成装置1は、下方向にスクロールしても表示画面の下端には達しないと判断する。そのため、算出されたスクロール速度で、所定距離、下方向にスクロールする(図10(B))。図10(B)の画面において上向きにフリックJ2がなされると、同様にして、下方向のスクロールが行なわれる。
In the example of FIG. 10A, since the display range is considerably above the display screen, the
このとき、好ましくは、画像形成装置1は1回の操作パネル130の処理であるスクロール動作中で、スクロール速度を変化させる。詳しくは、画像形成装置1は、スクロールを開始してから最大スクロール速度となるまでスクロール速度を加速し、最大スクロール速度に到達した後は、スクロール速度が0となる(停止する)まで徐々に減速する。
At this time, preferably, the
図12は、1回のスクロール動作でのスクロール速度の推移の具体例を表わした図である。図12に示されるように、画像形成装置1は、たとえば図9の関係を用いてジェスチャー操作速度vから算出したスクロール速度を最大スクロール速度として、スクロール動作の開始から最大スクロール速度まで加速して、その後、0となるまでスクロール速度を減速する。
FIG. 12 is a diagram illustrating a specific example of transition of scroll speed in one scroll operation. As shown in FIG. 12, the
下方向へのスクロールを繰り返した結果、表示範囲が画面下端に到達すると、または、表示範囲が画面下端にある状態でさらに下向きのフリックを受け付けると、画像形成装置1は、図11(A)のように、いったん、表示画面の下端を表示範囲として表示する。
As a result of repeated scrolling in the downward direction, when the display range reaches the lower end of the screen, or when a further downward flick is received in a state where the display range is at the lower end of the screen, the
その後、画像形成装置1は、表示画面の下端を上記のスクロール速度に沿って上昇させると共に、下端の上昇に伴って表示画面の外側の領域を表わす余白領域を表示の下端から上方向に増加させていく。このとき、画像形成装置1は、表示画面における表示範囲を図11(A)に表わされた表示画面下端が表示の下端となるときの表示範囲のまま固定し、表示範囲の上端の表示位置を表示の上端に固定して、表示画面の下端の上昇に伴ってスクロール方向(上下方向)に表示画面の表示を圧縮する(縮小)(図11(B))。図11(B),図11(C)の例では、表示範囲の上端の表示位置が表示の上端に固定され、項目の一覧として5項目の表示が維持されている。
Thereafter, the
変形開始の後、画像形成装置1は、予め規定した時間内で、表示画面の表示のスクロール方向(上下方向)への変形量を、予め規定した最大の変形量(圧縮率)となるまで増加させた後(図11(C))、徐々に減少させて図11(B)の状態を経て変形量0の図11(A)の画面まで変化させる。
After the start of the deformation, the
これに伴い、画像形成装置1は、表示画面が最大の変形量(圧縮率)となるまで余白領域を徐々に増加させて、その後、余白領域が0となるまで徐々に減少させる。
Accordingly, the
なお、このとき、好ましくは、CPU101は、表示範囲にある文字や記号等のオブジェクトに対しては上記変形量を適用せずに、変形させない。これにより、表示が圧縮、拡大して変形された場合であっても、ユーザーの読みやすさを確保することができる。なお、この変形方法は、後述する変形例でも行なわれてよい。
At this time, preferably, the
上記変形量(圧縮率)は、スクロール速度から算出される。スクロール速度Vはジェスチャー操作速度vから算出されるため、変形量もまた、ジェスチャー操作速度vから算出されると言うこともできる。すなわち、変形量Mはジェスチャー操作速度vの関数で表わすことができる(M=f(v))。 The amount of deformation (compression rate) is calculated from the scroll speed. Since the scroll speed V is calculated from the gesture operation speed v, it can be said that the deformation amount is also calculated from the gesture operation speed v. That is, the deformation amount M can be expressed as a function of the gesture operation speed v (M = f (v)).
図13は、スクロール速度に対する変形量の関係の具体例を表わした図である。たとえば、図13に示されたように、変形量Mはスクロール速度Vに比例するものとして規定されていてもよい(直線A:M=a×V)。この場合、画像形成装置1は、ジェスチャー操作速度から算出されたスクロール速度から、さらに変形量を算出する。
FIG. 13 is a diagram illustrating a specific example of the relationship of the deformation amount with respect to the scroll speed. For example, as shown in FIG. 13, the deformation amount M may be defined as being proportional to the scroll speed V (straight line A: M = a × V). In this case, the
なお、画像形成装置1は、予め最小の文字サイズを設定しておき、変形量の最大値を、その文字サイズとなる圧縮率であるとしておいてもよい(折れ線B)。これにより、表示が圧縮、拡大して変形された場合であっても、ユーザーの読みやすさを確保することができる。なお、この変形方法は、後述する変形例でも行なわれてよい。
Note that the
1回の変形動作での変形量の変化は、時間経過によって推移する。すなわち、変形量の変化率yは、変形開始からの経過時間tの関数で表わすことができる(y=G(t))。 The change of the deformation amount in one deformation operation changes with time. That is, the deformation rate change rate y can be expressed as a function of the elapsed time t from the start of deformation (y = G (t)).
図14は、1回の変形動作での変形量の変化の推移の具体例を表わした図である。図14に示されるように、画像形成装置1は、たとえば図13の関係を用いてスクロール速度から算出した変形量を最大変形量として、変形開始から最大変形量まで変形量を増加して圧縮し、その後、変形量が0、すなわち元の状態となるまで変形量を減少して拡大する。
FIG. 14 is a diagram illustrating a specific example of the transition of the change in the deformation amount in one deformation operation. As shown in FIG. 14, the
画像形成装置1は、表示を変形させる際には、表示画面の下端を表示の下端として表示するときの表示範囲の画像データを、図14に表わされたような変化率yでスクロール方向に変形量0から最大変形量Mを経て変形量0となるように所定の時間間隔で変化させ続ける。そして、変形のたびに、表示範囲の上端を表の上端に固定して、操作パネル130に逐次、表示させる。さらに、表示画面より下の表示領域には余白領域を表示させる。
When the
これにより、下向きのフリックによって表示範囲が表示画面の下端に達する場合、表示が、図11(A)→図11(B)→図11(C)→図11(B)→図11(A)と変化する。 Thus, when the display range reaches the lower end of the display screen by a downward flick, the display is changed from FIG. 11 (A) → FIG. 11 (B) → FIG. 11 (C) → FIG. 11 (B) → FIG. And change.
このとき、好ましくは、画像形成装置1は、項目の一覧と共に表示されているスクロールバーの、現在の表示範囲の表示画面における位置や、表示範囲の表示画面全体に占める割合などを表現するマーク(ノブ)を、図11(B)、図11(C)に表わされたように、変形量と対応させて変形させる。これにより、ユーザーは、視覚的に、どのように変形しているかを知ることができる。
At this time, preferably, the
なお、上述した図10〜図11を用いた例では、上下向きにフリックがなされて上下方向にスクロールがなされる例が示されているが、左右方向も同様である。 In the example using FIGS. 10 to 11 described above, an example in which flicking is performed in the vertical direction and scrolling in the vertical direction is shown, but the same applies to the horizontal direction.
図20は、タッチパネルでの表示範囲が表示画面の端部に到達する前後での、表示画面と表示範囲との関係を説明するための図であって、図20(A)は表示画面の端部到達前、図20(B)は端部到達後を表わしている。 FIG. 20 is a diagram for explaining the relationship between the display screen and the display range before and after the display range on the touch panel reaches the end of the display screen. FIG. Before reaching the part, FIG. 20B shows after reaching the end.
なお、これらにも表わされているように、「表示画面」とは電子情報に基づいて生成される表示用データ全体の画像を表わし、「表示範囲」は、該表示用データ上での、タッチパネルに表示される範囲を表わす。図20の例では、スクロール方向に辺Aおよび辺Bをそれぞれ上端および下端とする矩形が、電子情報から生成される表示用データ全体の画像である表示画面を表わしており、そのうちの、辺aおよび辺bをそれぞれ上端および下端とする矩形がタッチパネルでの表示範囲を表わしている。 As shown in these figures, the “display screen” represents an image of the entire display data generated based on the electronic information, and the “display range” represents the display data on the display data. Represents the range displayed on the touch panel. In the example of FIG. 20, a rectangle having sides A and B as the upper and lower ends in the scroll direction represents a display screen that is an image of the entire display data generated from the electronic information. And the rectangle which makes edge | side b each an upper end and a lower end represents the display range in a touchscreen.
図20(A)の端部到達前においては、辺aおよび辺bで挟まれるタッチパネルでの表示範囲は、辺Aおよび辺Bで挟まれる表示用データ全体の画像中の、いずれの端部にも達していない。 Before reaching the end of FIG. 20A, the display range on the touch panel sandwiched between side a and side b is at any end in the image of the entire display data sandwiched between side A and side B. Has not reached.
図20(A)の状態から下方向のスクロールが指示されることでタッチパネルでの表示範囲が表示画面の下方向に移動していき、図20(B)に表わされたように、表示範囲の下端である辺bが表示画面の下端である辺Bに一致する位置まで達する。この状態が、タッチパネルでの表示範囲が表示画面の下端に達した状態を表わしている。上端に達した状態では、表示範囲の上端である辺aが表示画面の上端である辺Aに一致することになる。 When a downward scroll is instructed from the state of FIG. 20A, the display range on the touch panel moves downward in the display screen, and as shown in FIG. Reaches a position where side b, which is the lower end of, coincides with side B, the lower end of the display screen. This state represents a state where the display range on the touch panel has reached the lower end of the display screen. In a state where the upper end has been reached, the side a that is the upper end of the display range coincides with the side A that is the upper end of the display screen.
画像形成装置1では、表示範囲が表示画面の端部に達すると、図11(A)→図11(B)→図11(C)→図11(B)→図11(A)のように表示される画像が変形する。このとき、表示画面の下端までスクロールが達した図20(B)の例では、図示されたように、表示範囲の上端である辺aは、表示画面の下端である辺Bに辺bが一致した状態における辺aの位置で固定される。表示範囲の下端である辺bも、表示画面の下端である辺Bに一致した状態で固定される。従って、全体の画像である表示画面上での表示範囲は、図20(B)のように固定される。
In the
一方、タッチパネルの表示領域における表示内容は、タッチパネルに表示される画像の変形に伴って、図20(B)に表わされたように変化する。ここでの「表示領域」とは、タッチパネルの物理的概念に相当する。すなわち、表示領域における表示内容は、表示範囲の下辺bが徐々に下端側に移動するように増加して、また、元の状態に戻る。表示領域における表示内容が表示画面を超えた部分は余白領域になる。 On the other hand, the display content in the display area of the touch panel changes as shown in FIG. 20B with the deformation of the image displayed on the touch panel. The “display area” here corresponds to the physical concept of the touch panel. That is, the display content in the display area increases so that the lower side b of the display range gradually moves to the lower end side, and returns to the original state. A portion where the display content in the display area exceeds the display screen becomes a blank area.
なお、図示されていないものの、スクロールの結果、表示範囲が表示画面の上端に達した場合には、この例とは逆になる。 Although not shown in the drawing, when the display range reaches the upper end of the display screen as a result of scrolling, this example is reversed.
<機能構成>
図15は、上記動作を行なうための画像形成装置1の機能構成の具体例を示すブロック図である。図15の各機能は、CPU101がROM102に記憶されている表示制御プログラムを読み出してS−RAM103上に展開して実行することによって主にCPU101上に形成される機能である。しかしながら、少なくとも一部が、電気回路等のハードウェア構成によって実現されてもよい。
<Functional configuration>
FIG. 15 is a block diagram illustrating a specific example of a functional configuration of the
図15を参照して、固定記憶装置110等の記憶装置に、電子情報に基づく表示画面を記憶するための記憶領域である表示画面記憶部301が設けられる。
Referring to FIG. 15, a storage device such as fixed
さらに図15を参照して、CPU101は、タッチパネルである操作パネル130がタッチされることによる指示入力を受け付けるための入力部201と、操作パネル130に対するジェスチャー操作がフリックなどのスクロールジェスチャーであることを検出するための検出部202と、スクロールジェスチャーに基づいてスクロール方向を特定し、表示画面のうち、スクロール後の表示範囲を特定するための表示範囲特定部203と、表示範囲を記憶するための表示範囲記憶部204と、表示範囲が表示画面の端部に達しているか否かを判断するための判断部205と、スクロールジェスチャーであるジェスチャー操作からジェスチャー操作速度v(v=L/T)を算出するための操作速度算出部206と、ジェスチャー操作速度vからスクロール速度を算出するためのスクロール速度算出部207と、操作パネル130の処理としてスクロール処理を実行するためのスクロール処理部208と、スクロール速度から変形量Mを算出するための変形量算出部209と、変形量Mを最大変形量として所定時間での変形量の変化率yを算出するための変化率算出部210と、スクロール後の表示範囲が表示画面の端部に達している場合に、変形量Mを最大変形量として変化率yで変形量を変化させつつ表示を変形させる変形処理を行なうための変形処理部211とを含む。
Further, referring to FIG. 15,
<動作フロー>
図16は、上記ステップS7の操作パネル130のタッチパネルである表示部での表示処理の流れを表わすフローチャートである。図16のフローチャートに表わされる動作は、CPU101がROM102に記憶されている表示制御プログラムを読み出してS−RAM103上に展開して実行し、図15の各機能を発揮させることによって実現される。
<Operation flow>
FIG. 16 is a flowchart showing the flow of display processing on the display unit which is the touch panel of
図16を参照して、ユーザーからの処理要求を表わすジェスチャー操作がスクロールジェスチャーであった場合(ステップS101でYES)、CPU101は、移動距離Lをタッチされてから指等が離れるまでの時間である操作時間Tで除することで、ジェスチャー操作速度v(v=L/T)を算出する(ステップS103)。なお、スクロールジェスチャーでなかった場合には、処理要求に応じた他の処理を行なう(ステップS105)。
Referring to FIG. 16, when the gesture operation representing the processing request from the user is a scroll gesture (YES in step S <b> 101),
CPU101は、さらに、予め記憶している図9のような関係式を用いて、上記ステップS103で算出したジェスチャー操作速度からスクロール速度を算出し、そのスクロール速度を最大スクロール速度に設定する(ステップS107)。
The
次に、CPU101は、予め規定されているスクロール量、現在の表示をスクロールすると、表示画面の端部に到達するか否かを判断する(ステップS109)。ここでは、CPU101は、予め、表示画面がテキストの場合には1行分、項目の一覧である場合には1項目分、画像の場合には10pixlなどを1回のスクロール量として記憶しておき、表示画面に応じて、そのスクロール量、スクロールしたときに、表示範囲が表示画面の端部に到達するか否かを判断する。
Next, the
スクロールの結果、表示範囲が表示画面の端部には到達しない場合には(ステップS109でNO)、CPU101は、スクロール処理を行なう(ステップS111)。ここでのスクロール処理は通常のスクロール処理である。一例として、スクロールを開始すると、予め規定された時間内で、上記ステップS107で設定された最大スクロール速度を経てスクロール速度が0となるまで、図12のような推移でスクロール速度を変化させて、規定されたスクロール量分、表示範囲を移動させて表示を更新する。
If the display range does not reach the end of the display screen as a result of scrolling (NO in step S109), the
一方、スクロールの結果、表示範囲が表示画面の端部に到達すると判断された場合(ステップS109でYES)、CPU101は、上記ステップS107で算出されたスクロール速度(または上記ステップS103で算出されたジェスチャー速度)から変形量を算出し、その変形量を最大変形量に設定する(ステップS113)。そして、その変形量を用いて変形処理を行なう(ステップS115)。
On the other hand, when it is determined that the display range reaches the end of the display screen as a result of scrolling (YES in step S109), the
図17は、上記ステップS115での変形処理の流れを表わすフローチャートである。
図17を参照して、CPU101は、上記スクロールの結果到達する表示画面の端部を表示の端とする表示範囲を設定し(ステップS201)、変形処理開始時には変形率を0とする(ステップS203)。そして、CPU101は、その変形率(=0)を適用して表示範囲の画像を変形させる(ステップS205)。CPU101は、変形後の画像の、表示画面の端部と逆側の端部の表示位置を固定して操作パネル130に表示する(ステップS209)。
FIG. 17 is a flowchart showing the flow of the deformation process in step S115.
Referring to FIG. 17,
また、CPU101は、上記変形によって表示画面の端部のスクロール方向への移動に伴って、余白領域を表示する(ステップS210)。
Further, the
変形処理開始時には変形率が0であるため、この段階では、図11(A)に表わされたような、表示画面の端部が操作パネル130に表示されることになる。
Since the deformation rate is 0 at the start of the deformation process, the edge of the display screen as shown in FIG. 11A is displayed on the
その後、CPU101は、変形率を図14のように時間経過に従って増加させ(ステップS211)、変形率が上記ステップS113で設定した最大変形率に到達するまで(ステップS213でNO)、上記ステップS205〜S211を繰り返す。
Thereafter, the
これにより、変形処理開始から図11(A)→図11(B)→図11(C)と、最大変形率に達するまでスクロール方向に表示が圧縮する。また、これに伴って、余白領域の表示面積が拡大する。 As a result, the display is compressed in the scroll direction from the start of the deformation process until the maximum deformation rate is reached, as shown in FIG. 11A → FIG. 11B → FIG. 11C. Along with this, the display area of the blank area is enlarged.
最大変形率に達すると(ステップS213でYES)、CPU101は、変形率が0に戻るまで(ステップS223でNO)、変形率を図14のように時間経過に従って減少させる(ステップS215)。そして、CPU101は、上記ステップS205〜S211と同様の処理を繰り返す(ステップS217〜S221)。
When the maximum deformation rate is reached (YES in step S213), the
これにより、最大変形率に達した後、図11(C)→図11(B)→図11(A)と、変形率が元の0に戻るまで圧縮した表示がスクロール方向に拡大する。また、これに伴って、余白領域の表示面積が縮小する。 Thereby, after reaching the maximum deformation rate, the compressed display is expanded in the scroll direction until the deformation rate returns to 0 as shown in FIG. 11C → FIG. 11B → FIG. 11A. Along with this, the display area of the blank area is reduced.
変形率が0に達すると(ステップS223でYES)、CPU101は、一連の処理を終了する。
When the deformation rate reaches 0 (YES in step S223), the
<実施の形態の効果>
画像形成装置1において上記動作が行なわれることで、フリックなどのジェスチャー操作によって項目の一覧表示などをスクロールさせたとき、表示画面の端部(上端、下端)に到達すると、端部が表示されたまま、いったん、表示がスクロール方向に圧縮されて余白領域が表示され、また元に戻るように変形して表示される。
<Effect of Embodiment>
By performing the above-described operation in the
このため、ユーザーは、表示画面がまだスクロール方向に続くのではないかと誤解したり、表示の不具合でないかと誤解したりすることなく、表示画面の端部に達したことを直感的に把握することができる。 For this reason, the user must intuitively know that the display screen has reached the edge of the display screen without misunderstanding that the display screen still continues in the scroll direction or not misunderstanding that it is a display failure. Can do.
さらにこのとき、表示画面の端部が表示されたときの表示範囲が固定されたまま、その表示範囲が圧縮されるため、見ることのできる情報量が減ることがない。 Further, at this time, the display range when the end portion of the display screen is displayed is fixed and the display range is compressed, so that the amount of information that can be seen is not reduced.
<変形例1>
上の例では、表示画面の端部よりも先がスクロールされた場合に、表示範囲は変わらずに表示が圧縮され、さらに、その先を表わす余白領域が表示されるものとしている。
<
In the above example, when the part beyond the end of the display screen is scrolled, the display is compressed without changing the display range, and a blank area representing the part is displayed.
他の例として、余白領域が表示されなくてもよい。
図18は、第1の変形例での、スクロールジェスチャーに従う表示の変化の具体例を表わした図であり、具体例として、項目の一覧の画面の下端が表示されているときの表示の変化の具体例を表わしている。
As another example, the blank area may not be displayed.
FIG. 18 is a diagram showing a specific example of the display change according to the scroll gesture in the first modified example. As a specific example, the change in display when the lower end of the item list screen is displayed. A specific example is shown.
図18(A)は、スクロールの結果、表示範囲が、表示画面の下端まで達したときの操作パネル130の表示例を表わしている。この状態においてさらに上向きにフリックがなされ、下向きのスクロールの指示がされると、画像形成装置1は、予め操作パネル130の表示領域に対して規定された、スクロール方向に直交する直線を変形境界として、当該境界よりもスクロール方向に後方側(図18の例では上側)を第1領域、スクロール方向に前方側(図18の例では下側)を第2領域として特定する。そして、画像形成装置1は、表示画面における表示範囲を固定して、第1領域の画像を圧縮する。それに伴って、画像形成装置1は、両領域のサイズを合わせたサイズが操作パネル130の表示領域のサイズとなるように、第2領域の画像を変形(拡大)する。また、これにより、変形境界が第1領域よりに移動する(図18(B))。
FIG. 18A shows a display example of the
この例でも、上述の例と同様に、画像形成装置1は、第1領域の変形量(圧縮率)が最大変形量に達するまで第1領域の画像を変形(圧縮)し(図18(C))、最大変形量に達すると、元に戻すように変形量を減少させる。
Also in this example, similarly to the above-described example, the
このようにすることでも、ユーザーは、表示画面がまだスクロール方向に続くのではないかと誤解したり、表示の不具合でないかと誤解したりすることなく、表示画面の端部に達したことを直感的に把握することができる。 Even in this way, the user can intuitively understand that the end of the display screen has been reached without misunderstanding that the display screen still continues in the scroll direction or that it is not a display defect. Can grasp.
<変形例2>
なお、第1の変形例での上記変形境界は、ジェスチャー操作の位置に応じて設定されてもよい。すなわち、画像形成装置1は、スクロールを指示するフリック操作の開始位置を含むスクロール方向に直交する直線を変形境界として設定してもよい。
<Modification 2>
In addition, the said deformation | transformation boundary in a 1st modification may be set according to the position of gesture operation. That is, the
この場合、画像形成装置1は、第1領域、第2領域とも、フリック操作の開始位置に近い位置ほど変形量を大きくするようにしてもよい。
In this case, the
このようにすることでも、ユーザーは、表示画面の端部に達したことを直感的に把握することができる。 In this way, the user can intuitively understand that the end of the display screen has been reached.
<変形例3>
図11で説明した変形方法に、第1の変形例または第2の変形例を適用することもできる。
<
The first modification example or the second modification example can also be applied to the modification method described in FIG.
図19は、第3の変形例での、スクロールジェスチャーに従う表示の変化の具体例を表わした図であり、図11(A)および図11(B)の変形例を表わした図である。 FIG. 19 is a diagram showing a specific example of a display change according to the scroll gesture in the third modified example, and is a diagram showing a modified example of FIG. 11A and FIG. 11B.
図19を参照して、スクロールの結果、表示範囲が、表示画面の下端まで達した状態において(図19(A))、上向きにフリックがなされて下向きのスクロールの指示がされると、画像形成装置1は、フリック操作の開始位置を含むスクロール方向に直交する直線を変形境界として設定し、当該境界よりもスクロール方向に後方側(図19の例では上側)を第1領域、スクロール方向に前方側(図19の例では下側)を第2領域として特定する。
Referring to FIG. 19, in the state where the display range reaches the lower end of the display screen as a result of scrolling (FIG. 19A), when an upward flick is performed and a downward scroll is instructed, image formation is performed. The
画像形成装置1は、表示範囲の上端の表示位置を表示の上端に固定して表示範囲の表示サイズを圧縮すると共に、余白領域を表示の下端から上方向に増加させていく。さらに、画像形成装置1は、その表示サイズの中で、第1領域を上記変形量の変化に従って圧縮し、その圧縮に伴って第2領域を拡大する(図19(B))。
The
このようにすることでも、ユーザーは、表示画面の端部に達したことを直感的に把握することができる。 In this way, the user can intuitively understand that the end of the display screen has been reached.
さらに、上述の処理を画像形成装置1のCPU101に実行させて、タッチパネルの表示を制御するための制御装置として機能させるためのプログラムを提供することもできる。このようなプログラムは、コンピュータに付属するフレキシブルディスク、CD−ROM(Compact Disk-Read Only Memory)、ROM、RAMおよびメモリカードなどのコンピュータ読取り可能な記録媒体にて記録させて、プログラム製品として提供することもできる。あるいは、コンピュータに内蔵するハードディスクなどの記録媒体にて記録させて、プログラムを提供することもできる。また、ネットワークを介したダウンロードによって、プログラムを提供することもできる。
Further, it is possible to provide a program for causing the
なお、本発明にかかるプログラムは、コンピュータのオペレーティングシステム(OS)の一部として提供されるプログラムモジュールのうち、必要なモジュールを所定の配列で所定のタイミングで呼出して処理を実行させるものであってもよい。その場合、プログラム自体には上記モジュールが含まれずOSと協働して処理が実行される。このようなモジュールを含まないプログラムも、本発明にかかるプログラムに含まれ得る。 The program according to the present invention is a program module that is provided as a part of a computer operating system (OS) and calls necessary modules in a predetermined arrangement at a predetermined timing to execute processing. Also good. In that case, the program itself does not include the module, and the process is executed in cooperation with the OS. A program that does not include such a module can also be included in the program according to the present invention.
また、本発明にかかるプログラムは他のプログラムの一部に組込まれて提供されるものであってもよい。その場合にも、プログラム自体には上記他のプログラムに含まれるモジュールが含まれず、他のプログラムと協働して処理が実行される。このような他のプログラムに組込まれたプログラムも、本発明にかかるプログラムに含まれ得る。 The program according to the present invention may be provided by being incorporated in a part of another program. Even in this case, the program itself does not include the module included in the other program, and the process is executed in cooperation with the other program. Such a program incorporated in another program can also be included in the program according to the present invention.
提供されるプログラム製品は、ハードディスクなどのプログラム格納部にインストールされて実行される。なお、プログラム製品は、プログラム自体と、プログラムが記録された記録媒体とを含む。 The provided program product is installed in a program storage unit such as a hard disk and executed. The program product includes the program itself and a recording medium on which the program is recorded.
今回開示された実施の形態はすべての点で例示であって制限的なものではないと考えられるべきである。本発明の範囲は上記した説明ではなくて特許請求の範囲によって示され、特許請求の範囲と均等の意味および範囲内でのすべての変更が含まれることが意図される。 The embodiment disclosed this time should be considered as illustrative in all points and not restrictive. The scope of the present invention is defined by the terms of the claims, rather than the description above, and is intended to include any modifications within the scope and meaning equivalent to the terms of the claims.
1,1−1A,…1−1N,1−2A,…1−2N 画像形成装置、3,3−1A,…3−1M,3−2A,…3−2M 情報処理装置、4 ネットワーク、5 外部ネットワーク、100 制御部、102 ROM、103 S−RAM,104 NV−RAM、105 時計IC、110 固定記憶装置、120 画像読取装置、130 操作パネル、140 画像出力装置、150 プリンターコントローラー、160 ネットワークI/F、201 入力部、202 検出部、203 表示範囲特定部、204 表示範囲記憶部、205 判断部、206 操作速度算出部、207 スクロール速度算出部、208 スクロール処理部、209 変形量算出部、210 変化率算出部、211 変形処理部、301 表示画面記憶部。 1, 1-1A, ... 1-1N, 1-2A, ... 1-2N Image forming apparatus, 3, 3-1A, ... 3-1M, 3-2A, ... 3-2M Information processing apparatus, 4 network, 5 External network, 100 control unit, 102 ROM, 103 S-RAM, 104 NV-RAM, 105 clock IC, 110 fixed storage device, 120 image reading device, 130 operation panel, 140 image output device, 150 printer controller, 160 network I / F, 201 input unit, 202 detection unit, 203 display range specifying unit, 204 display range storage unit, 205 determination unit, 206 operation speed calculation unit, 207 scroll speed calculation unit, 208 scroll processing unit, 209 deformation amount calculation unit, 210 change rate calculation unit, 211 deformation processing unit, 301 display screen storage unit.
Claims (11)
電子情報に基づいて生成される表示画面を記憶するための記憶手段と、
前記タッチパネルに対して、前記タッチパネルの表示に対するスクロール操作がなされたことを検出するための検出手段と、
前記表示画面のうちの前記タッチパネルに表示されている表示範囲が、前記スクロール操作で指示されるスクロール方向に移動させても前記表示画面の端部に到達しない場合に、前記表示範囲を前記スクロール方向に移動させて前記タッチパネルに表示させるためのスクロール処理手段と、
前記スクロール方向に移動させることで前記表示範囲が前記表示画面の端部に到達する場合に、前記表示画面における表示範囲を前記表示画面の端部を到達時における前記表示画面の端部とは遠い側の端の表示位置と前記表示画面の端部との間の範囲に固定して、その範囲の画像を前記スクロール方向に変形させて前記タッチパネルに表示させるための変形処理手段とを備える、表示装置。 A display device having a touch panel,
Storage means for storing a display screen generated based on electronic information;
Detection means for detecting that a scroll operation on the display of the touch panel has been performed on the touch panel;
When the display range displayed on the touch panel of the display screen does not reach the end of the display screen even if the display range is moved in the scroll direction indicated by the scroll operation, the display range is changed to the scroll direction. Scroll processing means for moving the display to display on the touch panel;
When the display range reaches the end of the display screen by moving in the scroll direction, the display range on the display screen is far from the end of the display screen when reaching the end of the display screen. A deformation processing means for fixing to a range between the display position of the side edge and the end of the display screen, and transforming the image in the range in the scroll direction to display on the touch panel apparatus.
前記タッチパネルに対して、前記タッチパネルの表示に対するスクロール操作がなされたことを検出するステップと、
前記表示画面のうちの前記タッチパネルに表示されている表示範囲が、前記スクロール操作で指示されるスクロール方向に移動させると、前記表示画面の端部に到達するか否かを判断するステップと、
前記表示範囲を前記スクロール方向に移動させても前記表示画面の端部に到達しない場合に、前記表示範囲を前記スクロール方向に移動させて前記タッチパネルに表示させるステップと、
前記スクロール方向に移動させることで前記表示範囲が前記表示画面の端部に到達する場合に、前記表示画面における表示範囲を前記表示画面の端部を到達時における前記表示画面の端部とは遠い側の端の表示位置と前記表示画面の端部との間の範囲に固定して、その範囲の画像を前記スクロール方向に変形させて前記タッチパネルに表示させるステップとを前記コンピュータに実行させる、表示制御プログラム。 A program for causing a computer to execute processing for controlling display of a display screen generated based on electronic information on a touch panel,
Detecting that a scroll operation on the display of the touch panel has been performed on the touch panel;
Determining whether or not a display range displayed on the touch panel of the display screen reaches an end of the display screen when moved in a scroll direction instructed by the scroll operation;
Moving the display range in the scroll direction to display on the touch panel when the display range does not reach the end of the display screen even when the display range is moved in the scroll direction;
When the display range reaches the end of the display screen by moving in the scroll direction, the display range on the display screen is far from the end of the display screen when reaching the end of the display screen. Fixing to a range between the display position of the side edge and the end of the display screen, and causing the computer to execute a step of causing the image in the range to be deformed in the scroll direction and displayed on the touch panel. Control program.
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
JP2012221156A JP6251948B2 (en) | 2012-10-03 | 2012-10-03 | Display device, image forming apparatus, and display control program |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
JP2012221156A JP6251948B2 (en) | 2012-10-03 | 2012-10-03 | Display device, image forming apparatus, and display control program |
Publications (2)
Publication Number | Publication Date |
---|---|
JP2014074981A true JP2014074981A (en) | 2014-04-24 |
JP6251948B2 JP6251948B2 (en) | 2017-12-27 |
Family
ID=50749107
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
JP2012221156A Expired - Fee Related JP6251948B2 (en) | 2012-10-03 | 2012-10-03 | Display device, image forming apparatus, and display control program |
Country Status (1)
Country | Link |
---|---|
JP (1) | JP6251948B2 (en) |
Cited By (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP5830153B1 (en) * | 2014-10-31 | 2015-12-09 | ヤフー株式会社 | Information display device, distribution device, information display method, and information display program |
CN105446617A (en) * | 2014-09-19 | 2016-03-30 | 安立股份有限公司 | Image display device, test device using image display device, and image display method |
WO2016182328A1 (en) * | 2015-05-11 | 2016-11-17 | 주식회사 카카오 | Content display control method and user terminal for performing content display control method |
JP2017204723A (en) * | 2016-05-11 | 2017-11-16 | コニカミノルタ株式会社 | Remote control system, image processing apparatus, remote control method, and remote control program |
JP2020052188A (en) * | 2018-09-26 | 2020-04-02 | いすゞ自動車株式会社 | Display control device and display control method |
US11588946B2 (en) | 2021-03-02 | 2023-02-21 | Kyocera Document Solutions Inc. | Display apparatus that displays scroll bar in displayed portion of operation screen reduced by superimposed keyboard, and image forming apparatus |
US11782597B2 (en) | 2020-10-21 | 2023-10-10 | Kyocera Document Solutions Inc. | Display apparatus that displays menu item indicating name of group including item to be set displayed at uppermost position of scrollable display region, in different display style from other menu items, and image forming apparatus |
Citations (10)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20090070711A1 (en) * | 2007-09-04 | 2009-03-12 | Lg Electronics Inc. | Scrolling method of mobile terminal |
US20110001709A1 (en) * | 2009-07-01 | 2011-01-06 | Shih-Yang Wang | Methods for displaying and moving data and systems using the same |
US20110010659A1 (en) * | 2009-07-13 | 2011-01-13 | Samsung Electronics Co., Ltd. | Scrolling method of mobile terminal and apparatus for performing the same |
US20110093812A1 (en) * | 2009-10-21 | 2011-04-21 | Microsoft Corporation | Displaying lists as reacting against barriers |
US20110107264A1 (en) * | 2009-10-30 | 2011-05-05 | Motorola, Inc. | Method and Device for Enhancing Scrolling Operations in a Display Device |
JP2011095962A (en) * | 2009-10-29 | 2011-05-12 | Samsung Electronics Co Ltd | Information processor, information processing method and program |
JP2011192256A (en) * | 2010-02-22 | 2011-09-29 | Toshiba Tec Corp | Information processing apparatus and program |
JP2012083878A (en) * | 2010-10-08 | 2012-04-26 | Sony Corp | Information processor, information processing method and program |
JP2012094024A (en) * | 2010-10-28 | 2012-05-17 | Brother Ind Ltd | Information processor |
JP2012174249A (en) * | 2011-02-24 | 2012-09-10 | Kyocera Corp | Electronic apparatus, display control method and display control program |
-
2012
- 2012-10-03 JP JP2012221156A patent/JP6251948B2/en not_active Expired - Fee Related
Patent Citations (10)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20090070711A1 (en) * | 2007-09-04 | 2009-03-12 | Lg Electronics Inc. | Scrolling method of mobile terminal |
US20110001709A1 (en) * | 2009-07-01 | 2011-01-06 | Shih-Yang Wang | Methods for displaying and moving data and systems using the same |
US20110010659A1 (en) * | 2009-07-13 | 2011-01-13 | Samsung Electronics Co., Ltd. | Scrolling method of mobile terminal and apparatus for performing the same |
US20110093812A1 (en) * | 2009-10-21 | 2011-04-21 | Microsoft Corporation | Displaying lists as reacting against barriers |
JP2011095962A (en) * | 2009-10-29 | 2011-05-12 | Samsung Electronics Co Ltd | Information processor, information processing method and program |
US20110107264A1 (en) * | 2009-10-30 | 2011-05-05 | Motorola, Inc. | Method and Device for Enhancing Scrolling Operations in a Display Device |
JP2011192256A (en) * | 2010-02-22 | 2011-09-29 | Toshiba Tec Corp | Information processing apparatus and program |
JP2012083878A (en) * | 2010-10-08 | 2012-04-26 | Sony Corp | Information processor, information processing method and program |
JP2012094024A (en) * | 2010-10-28 | 2012-05-17 | Brother Ind Ltd | Information processor |
JP2012174249A (en) * | 2011-02-24 | 2012-09-10 | Kyocera Corp | Electronic apparatus, display control method and display control program |
Cited By (11)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN105446617A (en) * | 2014-09-19 | 2016-03-30 | 安立股份有限公司 | Image display device, test device using image display device, and image display method |
JP2016062420A (en) * | 2014-09-19 | 2016-04-25 | アンリツ株式会社 | Image display device and image display method |
JP5830153B1 (en) * | 2014-10-31 | 2015-12-09 | ヤフー株式会社 | Information display device, distribution device, information display method, and information display program |
WO2016182328A1 (en) * | 2015-05-11 | 2016-11-17 | 주식회사 카카오 | Content display control method and user terminal for performing content display control method |
KR20160132704A (en) * | 2015-05-11 | 2016-11-21 | 주식회사 카카오 | Method for controlling presentation of contents and user device for performing the method |
KR101685288B1 (en) * | 2015-05-11 | 2016-12-09 | 주식회사 카카오 | Method for controlling presentation of contents and user device for performing the method |
US10795564B2 (en) | 2015-05-11 | 2020-10-06 | Kakao Corp. | Content display control method and user terminal for performing content display control method |
JP2017204723A (en) * | 2016-05-11 | 2017-11-16 | コニカミノルタ株式会社 | Remote control system, image processing apparatus, remote control method, and remote control program |
JP2020052188A (en) * | 2018-09-26 | 2020-04-02 | いすゞ自動車株式会社 | Display control device and display control method |
US11782597B2 (en) | 2020-10-21 | 2023-10-10 | Kyocera Document Solutions Inc. | Display apparatus that displays menu item indicating name of group including item to be set displayed at uppermost position of scrollable display region, in different display style from other menu items, and image forming apparatus |
US11588946B2 (en) | 2021-03-02 | 2023-02-21 | Kyocera Document Solutions Inc. | Display apparatus that displays scroll bar in displayed portion of operation screen reduced by superimposed keyboard, and image forming apparatus |
Also Published As
Publication number | Publication date |
---|---|
JP6251948B2 (en) | 2017-12-27 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
JP6251948B2 (en) | Display device, image forming apparatus, and display control program | |
JP6569415B2 (en) | Display input device, image forming apparatus, electronic apparatus, display control method, and program | |
JP5994543B2 (en) | Display system, display device, and display control program | |
KR101427114B1 (en) | Image forming apparatus and enlargement display method of target area thereof | |
US10228843B2 (en) | Image processing apparatus, method of controlling image processing apparatus, and recording medium | |
JP6035985B2 (en) | Image processing apparatus, control program for image processing apparatus, and image processing system | |
JP2014038560A (en) | Information processing device, information processing method, and program | |
US11399106B2 (en) | Information processing apparatus and non-transitory computer readable medium for scrolling through list items | |
US10705680B2 (en) | Information processing apparatus and non-transitory computer readable medium | |
JP5541240B2 (en) | Image forming apparatus and image processing method | |
US20160028905A1 (en) | Image processing apparatus, method for controlling the same, and storage medium | |
JP6366262B2 (en) | Information processing apparatus, control method for information processing apparatus, and program | |
JP6142493B2 (en) | Display device, image forming apparatus, and display control program | |
US8982397B2 (en) | Image processing device, non-transitory computer readable recording medium and operational event determining method | |
US11379107B2 (en) | Display device, display method, and program | |
US9600162B2 (en) | Information processing apparatus, information processing method, and computer readable-recording medium | |
US20170153751A1 (en) | Information processing apparatus, control method of information processing apparatus, and storage medium | |
JP5907270B2 (en) | Electronic device, display control method and program | |
JP2014056328A (en) | Control device, image forming apparatus, and control program | |
JP6409285B2 (en) | Display control apparatus, image forming apparatus, display method, and display program | |
JP7052842B2 (en) | Information processing equipment and programs | |
JP2015049656A (en) | Information processing device, method and program | |
JP2013077231A (en) | Display method of document data, display device of portable terminal | |
JP6541836B2 (en) | INFORMATION PROCESSING APPARATUS, CONTROL METHOD THEREOF, AND PROGRAM | |
JP6711890B2 (en) | Display control device, display control method, and program |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
A621 | Written request for application examination |
Free format text: JAPANESE INTERMEDIATE CODE: A621 Effective date: 20151002 |
|
A977 | Report on retrieval |
Free format text: JAPANESE INTERMEDIATE CODE: A971007 Effective date: 20160729 |
|
A131 | Notification of reasons for refusal |
Free format text: JAPANESE INTERMEDIATE CODE: A131 Effective date: 20160809 |
|
A521 | Request for written amendment filed |
Free format text: JAPANESE INTERMEDIATE CODE: A523 Effective date: 20161007 |
|
A131 | Notification of reasons for refusal |
Free format text: JAPANESE INTERMEDIATE CODE: A131 Effective date: 20170314 |
|
A521 | Request for written amendment filed |
Free format text: JAPANESE INTERMEDIATE CODE: A523 Effective date: 20170515 |
|
TRDD | Decision of grant or rejection written | ||
A01 | Written decision to grant a patent or to grant a registration (utility model) |
Free format text: JAPANESE INTERMEDIATE CODE: A01 Effective date: 20171031 |
|
A61 | First payment of annual fees (during grant procedure) |
Free format text: JAPANESE INTERMEDIATE CODE: A61 Effective date: 20171113 |
|
R150 | Certificate of patent or registration of utility model |
Ref document number: 6251948 Country of ref document: JP Free format text: JAPANESE INTERMEDIATE CODE: R150 |
|
LAPS | Cancellation because of no payment of annual fees |